<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="layout-fixed pdL40 mgT10">
                    <div class="text-title-header-1 nowrap">Task filter</div>
                    <div class="w40px clear pdR10">
                        <button class="app-search-icon bg-transparent right biger-3-time" ng-click="getTaskQuery()"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupTaskFilter')"></button>
</div>
<div class="app-content">
    <div class="app-content-inner">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
            <div class="box-setting-4 no-saperator bg-header-1 pdT5" ng-if="showFilter" id="tableViewQuery">
                <div class="bg-overlay-1 pdLR40 pdT15 pdB8">
                    <div class="layout-fixed baseline pdB8" ng-if="dataViewQuery.creactor.length>0">
                        <div class="w100px text-name-3 pdR5">Task creactor:</div>
                        <div class="text-title-3"><label ng-repeat="creator in dataViewQuery.creactor">&nbsp;{{$index < dataViewQuery.creactor.length-1 ? creator.name +' , ' : creator.name}}</label></div>
                    </div>
                    <div class="layout-fixed baseline pdB8">
                        <div class="w100px text-name-3 pdR5">Type of task</div>
                        <div class="text-title-3 first-capitalize">{{dataViewQuery.taskType}}</div>
                    </div>
                    <div class="layout-fixed baseline pdB8">
                        <div class="w100px text-name-3 pdR5">Task status</div>
                        <div class="text-title-3 first-capitalize">{{dataViewQuery.taskStatus}}</div>
                    </div>
                    <div class="layout-fixed baseline pdB8">
                        <div class="w100px text-name-3 pdR5">Search mode</div>
                        <div class="text-title-3 first-capitalize">{{dataViewQuery.seachMode ? 'Exact search' : 'Fuzzy search' }}</div>
                    </div>
                    <div class="layout-fixed baseline pdB8">
                        <div class="w100px text-name-3 pdR5">Search by</div>
                        <div class="text-title-3 first-capitalize">{{dataViewQuery.sortBy}}</div>
                    </div>
                </div>
            </div>
            <div class="content-pd">
                <ul class="lst-task-filter stripe-1">
                    <li class="box-setting-4 overhidden" ng-repeat="item in afterFilter">
                        <div class="content content-in">
                            <div class="itm row-one-content">
                                <div class="layout-fixed">
                                    <div class="w25px v-top-i pdT5">
                                        <div class="stt-1">{{$index+1}}</div>
                                    </div>
                                    <div class="v-top-i">
                                        <div class="layout-fixed">
                                            <div class="v-top-i pdL2" ng-click="getTaskDetail(item.id)">
                                                <div class="name clr-clickable">{{item.assignee}}</div>
                                            </div>
                                        </div>
                                        <div class="layout-fixed mgT10">
                                            <div class="v-top-i">
                                                <div class="text-title-4">Title <span class="text">{{item.creator}}</span></div>
                                            </div>
                                        </div>
                                        <div class="layout-fixed mgT10">
                                            <div class="v-top-i">
                                                <div class="text-title-4">Task body</div>
                                                <div class="text">{{item.description}}</div>
                                            </div>
                                        </div>
                                        <div class="layout-fixed mgT10">
                                            <div class="layout-w-3:7 v-top-i">
                                                <div class="text-title-4">Creator</div>
                                                <div class="text">{{item.creator}}</div>
                                            </div>
                                            <div class="v-top-i">
                                                <div class="text-title-4">Status</div>
                                                <div class="text">{{item.statusName}}</div>
                                            </div>
                                        </div>
                                        <div class="layout-fixed mgT10">
                                            <div class="layout-w-3:7">
                                                <div class="layout-fixed w-auto-i left">
                                                    <div class="text-title-4">Create date</div>
                                                    <div class="text-date-1 lowercase pdL3">?!</div>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="layout-fixed w-auto-i left">
                                                    <div class="text-title-4">Due date</div>
                                                    <div class="text-date-1 pdL3">{{item.dueStartShow}} - {{item.dueEndShow}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clear">
                                            <div class="pdR10 pdT10 left" ng-repeat="row in item.follower">
                                                <div class="box-image-thumnail-3 w20px h20px">
                                                    <a href="javascript:void(0)" class="image-outer">
                                                        <img check-image ng-src="{{row.img}}" />
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </ion-scroll>
    </div>
</div>
<div class="app-create-button show" ng-show="showFilterButton">
    <button class="button-add-plus-1 pd0-i w50px h50px" type="button" ng-click="openByGetTemplate('popupEditTaskFilter')"></button>
</div>
