www-huanghe/modules/scienceCircle/views/scienceCircleHome.html

<ion-view>
  <ion-header-bar class="bar bar-header resourceLibrary  bar-header-blue">
    <span class="DockingTheme_button mailList" ng-click="goChatMailList()"></span>
    <h1 ng-if="defaultLan == 'Chinese'" class="bar_title" style="color: #fff;">科技圈</h1>
    <h1 ng-if="defaultLan == 'English'" class="bar_title" style="color: #fff;">Technology Circle</h1>
    <!--<span class="DockingTheme_button  ion-ios-search" ng-click="goSearchChatMail()" style="font-size: 22px !important;right:27px;"></span>-->
    <span class="icon ion-ios-plus-outline" ng-click="goShow()" style="font-size: 22px !important;right:8px;color:#fff;padding:8px;"></span>
<!--  <div  class="scienceRowWrap">
    <div class="row  scienceRow">
      &lt;!&ndash;<span class="col-demo main-select Search_tab scienceSpan" ng-class="{act_message:tabflg==2}" ng-click="changeTab(2)">
           动态
           <span ng-class="{'red-number':dynamicmsgflg,'redPosition':true}"></span>
      </span>&ndash;&gt;
      <span class="col-demo main-select Search_tab scienceSpan" ng-class="{act_message:tabflg==0}" ng-click="changeTab(0)">
           聊天
           <span  ng-class="{'red-number':chatmsgflg}" style="padding: 0;position: absolute;top:0px;border-radius: 50%;width:8px;height: 8px;" ></span>
      </span>
      <span class="col-demo main-select Search_tab scienceSpan" ng-class="{act_message:tabflg==1}" ng-click="changeTab(1)">
          群组
           <span  ng-class="{'red-number':contactmsgflg}" style="padding: 0;position: absolute;top:0px;border-radius: 50%;width:8px;height: 8px;" ></span>
      </span>
    </div>
  </div>-->
  </ion-header-bar>
  <ion-content class="has-header"  delegate-handle="calenderContent" style="background-color:#fff;margin-top:0px;">
    <ion-refresher ng-if="defaultLan == 'Chinese'" pulling-text="下拉刷新" on-refresh="doRefresh()" class="home_refresh" pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled" refreshing-icon-color="#3385ff"></ion-refresher>
    <ion-refresher ng-if="defaultLan == 'English'" pulling-text="Pull-refresh" on-refresh="doRefresh()" class="home_refresh" pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled" refreshing-icon-color="#3385ff"></ion-refresher>
    <div class="searchHomeChatWrapFloor bar-header-blue" ng-if="isShowSearchButton&&islogin" >
      <div class="searchFriend" ng-click="showSearchButtonLeft()">
        <span> <i class="ion-ios-search"></i>搜索</span>
      </div>
    </div>
    <div class="searchHomeChatWrapFloor bar-header-blue" ng-if="!isShowSearchButton">
      <div class="searchFriend">
          <span style="width: 100%;">
            <i class="ion-ios-search" style="position: absolute;left: 12px;top: 5px;z-index: 5;"></i>
            <input placeholder="搜索" class="showSearchInput"  ng-model="keyfilter.key" ng-change="fixKey()" ng-focus="showFunc()" autofocus="autofocus" autocomplete="on">
            <i class="icon ion-close-circled placeholder-icon" style="right:7px;position: absolute;top: 5px;" ng-click="clearSearch()"></i>
          </span>
      </div>
    </div>
    <!--动态-->
    <div ng-if="tabflg==2">
      <ion-list class="list">
        <ion-item class="item item-thumbnail-right item-text-wrap push_home_a  resource_home_item" ng-repeat="d in  dynamic" style="height: 80px;min-height:80px;">

        </ion-item>
      </ion-list>
    </div>
    <!--聊天-->
    <div ng-if="tabflg==0">
      <ion-list class="list">
        <ion-item class="item item-thumbnail-right item-text-wrap push_home_a resource_home_item"
                  ng-repeat="con in conversationList | filter:keyfilter.key" ng-click="goSingleModel(con)" style="height: 66px;min-height:66px;border:none;">
             <img ng-src="{{con.userModel.photo|imgfilter}}" class="scienceChatsLogo" onerror="javascript:this.src='./img/admin_picter.jpg';">
             <!--<span  class="scienceChatsLogo  groupLogo  hasTwoLogo" ng-if="c.type==0&&c.logolist.length==2;">
                 <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
             </span>
             <span  class="scienceChatsLogo  groupLogo  hasThreeLogo" ng-if="c.type==0&&c.logolist.length==3;">
                 <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
             </span>
             <span  class="scienceChatsLogo  groupLogo" ng-if="c.type==0&&c.logolist.length<=4&&c.logolist.length>3;">
                 <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
             </span>
             <span  class="scienceChatsLogo  groupLogo  radmenu " ng-if="c.type==0&&c.logolist.length>4;">
                 <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
             </span>-->
             <div class="scienceChatsItem">
                <span class="scienceChatsSpan">
                  <span ng-bind="con.userModel.username"></span>
                  <small ng-bind="con.messagelist[0].messagetime | chatdate"></small>
                </span>
                <p class="scienceChatsP">
                  <span class="ChatsContent" ng-if="con.messagelist[0].messagetype==6101" ng-bind="con.messagelist[0].message">
                    <!--<b ng-if="con.type==3">{{con.sayusername}}</b>-->
                  </span>
                  <span class="ChatsContent" ng-if="con.messagelist[0].messagetype==6102">[图片]</span>
                  <span class="scienceCounts" ng-if="con.msgcount!=undefined&&con.msgcount>0" ng-bind="con.msgcount"></span>
                  <!--<span class="scienceCounts  forbidAccept" ng-if="con.isAccept"></span>-->
                </p>
             </div>
        </ion-item>
      </ion-list>
      <div class="emptyDiscussDatelistWrap"  ng-if="conversationList==undefined||conversationList.length==0;" style="text-align: center">
        <i class="empty_discussDatelist"></i>
        <p class="empty_p" ng-if="islogin&&defaultLan == 'Chinese'">亲，您还没有聊天记录哦~</p>
        <p class="empty_p" ng-if="islogin&&defaultLan == 'English'">You have no chat record!</p>
        <p class="empty_p" ng-if="!islogin&&defaultLan == 'Chinese'">亲，您还没有登录哦~</p>
        <p class="empty_p" ng-if="!islogin&&defaultLan == 'English'">You haven't signed in yet!</p>
        <button ng-click="goLogin()" style="height: 35px;width: 100px;background-color:#3B8BD0;font-family:Microsoft YaHei;font-size:14px;color: white;border: 0;border-radius:4em;margin-top: 10px " ng-if="!islogin&&defaultLan == 'Chinese'" > 去登录</button>
        <button ng-click="goLogin()" style="height: 35px;width: 100px;background-color:#3B8BD0;font-family:Microsoft YaHei;font-size:14px;color: white;border: 0;border-radius:4em;margin-top: 10px " ng-if="!islogin&&defaultLan == 'English'" > Sign In</button>
      </div>
    </div>
    <!--群组-->
    <div ng-if="tabflg==1">
      <ion-list class="list">
        <ion-item class="item item-thumbnail-right item-text-wrap push_home_a  resource_home_item" ng-repeat="g in  group" style="height: 80px;min-height:80px;">

        </ion-item>
      </ion-list>
    </div>
    <br/> <br/> <br/> <br/><br/>
    <!--加载等待页-->
    <section class="loadingPageFloor" ng-if="isloadingPageFloor">
      <div ng-if="defaultLan == 'Chinese'">
        <ion-spinner icon="bubbles" class="spinner-calm"></ion-spinner>
        <h4>努力加载中</h4>
      </div>
      <div ng-if="defaultLan == 'English'">
        <ion-spinner icon="bubbles" class="spinner-calm"></ion-spinner>
        <h4>Loading...</h4>
      </div>
    </section>
    <!--加载失败-->
    <!--<section class="loadingPageFail" ng-if="isloadingPageFail">
      <div  class="null_internet"  ng-click="repeatLoad()">
        <span class="null_internet_span">网络异常</span>
        <span style="display: block;line-height: 30px;">点击屏幕重新加载</span>
      </div>
    </section>-->
  </ion-content>
</ion-view>

<div ng-if="chatAddFlag" class="scienceHome_bg">
    <div class="scienceHome_m" ng-click="notGOShow()"></div>
    <ul class="has-header">
      <!--<li>扫一扫</li>
      <li>我的二维码</li>-->
      <li ng-click="addChatFriends()">查找用户</li>
      <!--<li>发起群聊</li>-->
    </ul>
</div>

<div class="button-box">
  <div ng-if="!isapp&&comfromWeb" class="comback-to-web" ng-click="goBackWeb()">
    <i class="icon ion-ios-world-outline"></i>
    <span>返回网站首页</span>
  </div>
</div>