
<div class="tab-content prevent-scroll  content-pd">
    <ion-scroll  direction="y"  delegate-handle="scrollChatRecent" class="ion-scroll-keyboard-hide-100 prevent-scroll"
        has-bouncing="true" overflow-scroll="false" ng-show="tabChatActive == 'Recent'" >
        <div class="box-setting-4 no-saperator">
            <div class="title">
                Group
                <div class="icon-right row-fixed-5 mgB5">
                    <button class="bg-transparent pd0-i" type="button" ng-click="showTarget('#optionChatGroups')">
                        <svg class="block h18px clr-symbol-clickable" viewBox="0 0 384 384"> <circle r="42.667" cy="42.667" cx="192" /> <circle r="42.667" cy="192" cx="192" /> <circle r="42.667" cy="341.333" cx="192" /> </svg>
                    </button>
                </div>
            </div>
        </div>
        <div class="box-setting-4 no-saperator" >
            <ul class="lst-chat-user lst-chat-recent content content-in"  ng-if="filter.group">
                <li class="online itm row-one-content"  ng-repeat="item in rooms | orderBy:['msg.isread','-item.time'] | filter:{name:search.Text}">
                    <div class="layout-fixed">
                        <div class="w50px v-top-i">
                            <div class="thumnail" ng-click="showTarget('#popupEditChatGroup')">
                                <img src="resources/images/thumnails/group-default-2.png">
                                <button class="unread-counter box-counter-2 orange">3</button>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed mgT3">
                                <div class="v-top-i">
                                    <div class="name clr-black uppercase">{{item.name}}</div>
                                </div>
                                <div class="w60px text-right v-top-i">
                                    <div class="text-date-1 lowercase">{{formatDate(item,'timestamp')}}</div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT5">
                                <div class="unread-text text nowrap" ng-bind-html="item.msg.contents"></div>
                                <div class="w40px v-bottom-i clear">
                                    <button class="bg-transparent pd0-i biger-4-time right" ng-click="showTarget('#popupChatDetail')">
                                        <svg class="block h10px clr-symbol-clickable" viewBox="0 0 16 16"> <path d="M16 16h-16l16-16z" fill="#1075BB" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
           
        </div>
        <div class="box-setting-4 no-saperator">
            <div class="title">
                Person
                <div class="icon-right row-fixed-5 mgB5">
                    <button class="bg-transparent pd0-i" type="button" ng-click="showTarget('#optionChatPersons')">
                        <svg class="block h18px clr-symbol-clickable" viewBox="0 0 384 384"> <circle r="42.667" cy="42.667" cx="192" /> <circle r="42.667" cy="192" cx="192" /> <circle r="42.667" cy="341.333" cx="192" /> </svg>
                    </button>
                </div>
            </div>
        </div>
        <div class="box-setting-4 no-saperator">
            <ul class="lst-chat-user lst-chat-recent content content-in" ng-if="filter.person">
                <li class="itm row-one-content" ng-class="{{(item.status && !item.disturb)? 'online':'offline'}}" ng-repeat="item in users|orderBy:['msg.isread','-item.time']| filter:filterUser | filter:{nick_name:search.Text,is_active_user:'1'}"
                ng-click = "chatContent(item.id,false)" ng-if = "item.msg.contents">
                    <div class="layout-fixed">
                        <div class="w50px v-top-i">
                            <div class="thumnail" ng-click="showTarget('#optionChatPerson')">
                                <img ng-src="{{item.image_pic || 'resources/images/thumnails/profile-default.png'}}">
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed mgT3">
                                <div class="v-top-i">
                                    <div class="name clr-black capitalize">{{item.display_name}}</div>
                                </div>
                                <div class="w60px text-right v-top-i">
                                    <div class="text-date-1 lowercase">{{formatDate(item,'timestamp')}}</div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT5">
                                <div class="text nowrap" ng-bind-html="item.msg.contents"></div>
                                <div class="w40px v-bottom-i clear">
                                    <button class="bg-transparent pd0-i biger-4-time right" ng-click="showTarget('#popupChatDetail')">
                                        <svg class="block h10px clr-symbol-clickable" viewBox="0 0 16 16"> <path d="M16 16h-16l16-16z" fill="#1075BB" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
              
               <!--  <li class="offline itm row-one-content" ng-click="showTarget('#optionChatPerson')">
                    <div class="layout-fixed">
                        <div class="w50px v-top-i">
                            <div class="thumnail">
                                <img src="resources/images/thumnails/profile-default-6.png">
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed mgT3">
                                <div class="v-top-i">
                                    <div class="name clr-black capitalize">Thanh Soi</div>
                                </div>
                                <div class="w60px text-right v-top-i">
                                    <div class="text-date-1 lowercase">01:03AM</div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT5">
                                <div class="text nowrap">Hom nay anh em mac gi tao thay het</div>
                                <div class="w40px v-bottom-i clear">
                                    <button class="bg-transparent pd0-i biger-4-time right" ng-click="showTarget('#popupChatDetail')">
                                        <svg class="block h10px clr-symbol-clickable" viewBox="0 0 16 16"> <path d="M16 16h-16l16-16z" fill="#1075BB" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li> -->
            </ul>

        </div>
    </ion-scroll>
    <ion-scroll direction="y"  delegate-handle="scrollChatRecent" class="ion-scroll-keyboard-hide-100 prevent-scroll"
        has-bouncing="true" overflow-scroll="false"  ng-show="tabChatActive == 'Contact'">
        <div class="box-setting-4 no-saperator">
            <ul class="lst-chat-user lst-chat-contact content content-in">
                <li class="itm row-one-content"  class="{{(item.status && !item.disturb)? 'online':'offline'}}"  ng-repeat="item in users">
                    <div class="layout-fixed">
                        <div class="w50px v-top-i">
                            <div class="thumnail" ng-click="showTarget('#optionChatPerson')">
                                <img ng-src="{{ item.image_pic || resources/images/thumnails/profile-default.png}}"/>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed mgT5">
                                <div class="v-top-i">
                                    <div class="name clr-black capitalize">{{item.display_name}}</div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT5">
                                <div class="text-name-2 text-none-transform-i nowrap">{{item.title}}</div>
                                <div class="w40px v-bottom-i clear">
                                    <button class="bg-transparent pd0-i biger-4-time right" ng-click="showTarget('#popupChatDetail')">
                                        <svg class="block h10px clr-symbol-clickable" viewBox="0 0 16 16"> <path d="M16 16h-16l16-16z" fill="#1075BB" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </ion-scroll>
</div>

