<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="text-title-header-1 nowrap mgT10">Edit task filter</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupEditTaskFilter')"></button>
</div>
<form class="app-content" id="formEditFilter" name="formEditFilter" ng-submit="taskfilters('form','')" novalidate="">
    <div class="app-content-inner content-pd">
        <button id="submitformEditFilter" style="display:none;" type="submit">Submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollPopupEditFilter" on-scroll="scrollContent('scrollPopupEditFilter')">
            <div class="box-setting-4 form-field-container no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1">Due Date</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input class="h32px" name="due_start_filter" id="due_start_filter" placeholder="From" type="text" value="{{duestart| date: 'MM/dd/yyyy'}}">
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" name="duestart" ng-model="duestart" placeholder=""
                                                 readonly="true" only-valid="{'between': {'initial':'1980-01-01', 'final': dueend}, 'inclusive': true}">
                                                {{duestart| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input class="h32px" id="due_end_filter" name="due_end_filter" placeholder="To" type="text" value="{{dueend| date: 'MM/dd/yyyy'}}">
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" name="dueend" ng-model="dueend" placeholder=""
                                                 readonly="true" only-valid="{'after':duestart}">
                                                {{dueend| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1">Created date</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input class="h32px" id="created_start_filter" name="created_start_filter" placeholder="Start" type="text" value="{{createdstart| date: 'MM/dd/yyyy'}}">
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" name="createdstart" ng-model="createdstart" placeholder=""
                                                 readonly="true" only-valid="{'between': {'initial':'1980-01-01', 'final': createdend}, 'inclusive': true}">
                                                {{createdstart| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input class="h32px" id="created_end_filter" name="created_end_filter" placeholder="End" type="text" value="{{createdend| date: 'MM/dd/yyyy'}}">
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" name="createdend" ng-model="createdend" placeholder=""
                                                 readonly="true" only-valid="{'after':createdstart}">
                                                {{createdend| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Assignee</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <textarea autocomplete="off"
                                              class="ion-autocomplete"
                                              ion-autocomplete=""
                                              item-value-key="id"
                                              item-view-value-key="screen_name"
                                              items-clicked-method="onSelectTaskFilterUser(callback,'assign')"
                                              items-removed-method="onRemoveTaskFilterUser(callback,'assign')"
                                              items-method="filterTaskFilterUser(query,'assign')"
                                              items-method-value-key="items"
                                              max-selected-items="50"
                                              ng-model="autocompleteList.TaskFilterAssignee"
                                              placeholder=""
                                              readonly="readonly" type="text"
                                              external-model="initialTaskFilterAssignee"
                                              model-to-item-method="setValueTaskFilter(modelValue)"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Task creator</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <textarea autocomplete="off"
                                              class="ion-autocomplete"
                                              ion-autocomplete=""
                                              item-value-key="id"
                                              item-view-value-key="screen_name"
                                              items-clicked-method="onSelectTaskFilterUser(callback,'creator')"
                                              items-removed-method="onRemoveTaskFilterUser(callback,'creator')"
                                              items-method="filterTaskFilterUser(query,'creator')"
                                              items-method-value-key="items"
                                              max-selected-items="50"
                                              ng-model="autocompleteList.TaskFilterCreator"
                                              placeholder=""
                                              readonly="readonly" type="text"
                                              external-model="initialTaskFilterCreator"
                                              model-to-item-method="setValueTaskFilter(modelValue)"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Follower</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <textarea autocomplete="off"
                                              class="ion-autocomplete"
                                              ion-autocomplete=""
                                              item-value-key="id"
                                              item-view-value-key="screen_name"
                                              items-clicked-method="onSelectTaskFilterUser(callback,'follower')"
                                              items-removed-method="onRemoveTaskFilterUser(callback,'follower')"
                                              items-method="filterTaskFilterUser(query,'follower')"
                                              items-method-value-key="items"
                                              max-selected-items="50"
                                              ng-model="autocompleteList.TaskFilterFollower"
                                              placeholder=""
                                              readonly="readonly" type="text"
                                              external-model="initialTaskFilterFollower"
                                              model-to-item-method="setValueTaskFilter(modelValue)"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Type of task</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="" value="{{dataTaskFilter.taskType}}" placeholder="">
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR10" type="button">
                                            <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                        </button>
                                    </div>
                                    <select class="field-overlay" ng-model="dataTaskFilter.taskType">
                                        <option value="Standard">Standard</option>
                                        <option value="Downtime">Downtime</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Task status</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="" value="{{dataTaskFilter.taskStatus}}" placeholder="">
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR10" type="button">
                                            <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                        </button>
                                    </div>
                                    <select class="field-overlay" ng-model="dataTaskFilter.taskStatus">
                                        <option value="All" selected>All</option>
                                        <option value="Incomplete">Incomplete</option>
                                        <option value="Upcoming">Upcoming</option>
                                        <option value="Following">Following</option>
                                        <option value="Complete">Complete</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Search mode</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="" value="{{dataTaskFilter.seachMode_}}" placeholder="">
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR10" type="button">
                                            <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                        </button>
                                    </div>
                                    <select class="field-overlay" ng-model="dataTaskFilter.seachMode_">
                                        <option value="Exact search">Exact search</option>
                                        <option value="Fuzzy search">Fuzzy search</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Text search: includes title, body & comment</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <textarea class="h80px" ng-model="dataTaskFilter.textSearch"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1">Sort by</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" name="" value="{{dataTaskFilter.sortBy}}" placeholder="">
                                            <div class="sign-r clear">
                                                <button class="bg-transparent full-h right pdR10" type="button">
                                                    <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                                </button>
                                            </div>
                                            <select class="field-overlay" ng-model="dataTaskFilter.sortBy">
                                                <option value="duedate">Due date</option>
                                                <option value="createdate">Create date</option>
                                                <option value="creator">Creator</option>
                                                <option value="assignee">Assignee</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="w80px clear v-bottom-i pdB5">
                                <div class="layout-fixed w-auto-i right">
                                    <div class="pdR2 v-bottom-i">
                                        <div class="checkbox-image-1 block-i">
                                            <input type="radio" value="true" name="rdFilter" ng-model="dataTaskFilter.sortType_">
                                            <i class="pd5">
                                                <svg class="h12px" viewBox="0 0 612.021 612.021"> <path d="M590.927,517.491H337.79c-11.645,0-21.095,9.45-21.095,21.116c0,11.665,9.45,21.115,21.095,21.115l253.137-0.611     c11.645,0,21.095-8.839,21.095-20.504C612.021,526.941,602.592,517.491,590.927,517.491z M295.601,52.88l295.326-0.042     c11.645,0,21.095-9.408,21.095-21.074s-9.45-21.116-21.095-21.116H295.601c-11.645,0-21.095,9.45-21.095,21.116     S283.956,52.88,295.601,52.88z M331.188,396.745c-8.27-8.312-21.686-8.312-29.955,0L190.127,524.6V10.648h-42.189v514.711     L36.156,396.745c-8.269-8.312-21.686-8.312-29.954,0c-8.27,8.312-8.27,21.77,0,30.06l146.439,168.526     c4.409,4.43,10.273,6.307,16.032,6.012c5.779,0.295,11.623-1.582,16.031-6.012l146.44-168.526     C339.457,418.515,339.457,405.057,331.188,396.745z M590.927,137.364H295.601c-11.645,0-21.095,9.451-21.095,21.116     c0,11.666,9.45,20.926,21.095,20.926h295.326c11.645,0,21.095-9.261,21.095-20.926     C612.021,146.815,602.592,137.364,590.927,137.364z M590.927,264.059H295.601c-11.645,0-21.095,9.451-21.095,21.116     c0,11.666,9.45,20.778,21.095,20.778l295.326,0.338c11.645,0,21.095-9.451,21.095-21.116     C612.021,273.531,602.592,264.059,590.927,264.059z M590.927,390.775H422.169c-11.645,0-21.095,9.45-21.095,21.115     c0,11.666,9.45,20.652,21.095,20.652h168.758c11.645,0,21.095-8.986,21.095-20.652     C612.021,400.226,602.592,390.775,590.927,390.775z" /> </svg>
                                            </i>
                                        </div>
                                    </div>
                                    <div class="v-bottom-i">
                                        <div class="checkbox-image-1 block-i">
                                            <input type="radio" value="false" name="rdFilter" ng-model="dataTaskFilter.sortType_">
                                            <i class="pd5">
                                                <svg class="h12px" viewBox="0 0 612 612"> <path d="M590.905,559.173H295.58c-11.644,0-21.095,9.408-21.095,21.073c0,11.666,9.451,21.116,21.095,21.116h295.326     c11.645,0,21.095-9.45,21.095-21.116C612,568.581,602.57,559.173,590.905,559.173z M331.166,215.266     c8.27-8.312,8.27-21.77,0-30.061L184.727,16.68c-4.409-4.43-10.273-6.308-16.032-6.012c-5.78-0.296-11.623,1.582-16.032,6.012     L6.202,185.185c-8.269,8.312-8.269,21.77,0,30.06c8.27,8.29,21.686,8.312,29.955,0L147.938,86.63v514.712h42.189V87.41     l111.105,127.855C309.48,223.556,322.896,223.556,331.166,215.266z M337.769,95.089h253.137c11.645,0,21.095-10.02,21.095-21.686     c0-11.665-9.45-21.115-21.095-21.115H337.769c-11.645,0-21.095,9.45-21.095,21.115C316.674,85.069,326.124,95.089,337.769,95.089     z M590.905,432.415H295.58c-11.644,0-21.095,9.45-21.095,21.115c0,11.666,9.451,21.116,21.095,21.116h295.326     c11.645,0,21.095-9.45,21.095-21.116C612,441.865,602.57,432.415,590.905,432.415z M590.905,305.698H295.58     c-11.644,0-21.095,9.451-21.095,21.116c0,11.666,9.451,21.116,21.095,21.116h295.326c11.645,0,21.095-9.45,21.095-21.116     C612,315.149,602.57,305.698,590.905,305.698z M590.905,178.982l-168.758,0.464c-11.645,0-21.095,8.986-21.095,20.652     c0,11.665,9.45,21.537,21.095,21.537l168.758-0.422c11.645,0,21.095-9.45,21.095-21.115     C612,188.433,602.57,178.982,590.905,178.982z" /> </svg>
                                            </i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</form>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#popupEditTaskFilter');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 red position-right full" ng-click="clearFormFilter()">
                Remove
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" onclick="getElementById('submitformEditFilter').click()">
                <svg class="icon h14px" viewBox="0 0 51.913 51.913"> <path d="M50.957,7c0-4.596-12.577-7-25-7s-25,2.404-25,7c0,1.042,0.652,1.97,1.796,2.784l17.204,23.542v17.525l0.062,1.062h1  l0.457-0.018l10.481-10.481v-8.088L49.16,9.784C50.305,8.97,50.957,8.042,50.957,7z M25.957,2c14.04,0,23,2.961,23,5s-8.96,5-23,5  s-23-2.961-23-5S11.917,2,25.957,2z" /> </svg>
                Apply
            </button>
        </div>
    </div>
</div>
