aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.html
blob: 0b55b74415473e7b1800ab86a140fdf59bbd065b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!--
  ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
 
 
<div class="main-wrap" data-tests-id="list-of-{{title}}">
    <div class="header">
        <div class="title">{{title}}</div>
        <div class="buttons">
            <span class="order-by hand sprite-new"
                  data-ng-show="expandCollapseListData.expandCollapse"
                  data-ng-class="{'asc':!desc, 'desc':desc }"
                  data-ng-click="swapOrderBy()"></span>
            <span class="search hand sprite-new search-icon"
                  data-ng-class="{'selected':showSearchBox}"
                  data-ng-show="expandCollapseListData.expandCollapse"
                  data-ng-click="showHideSearchBox()"></span>
            <span class="hand sprite-new expand-list"
                  data-ng-class="{'open':expandCollapseListData.expandCollapse}"
                  data-ng-click="expandCollapseListData.expandCollapse=!expandCollapseListData.expandCollapse"></span>
        </div>
    </div>
    <input type="text" id="list-search-box" class="search-box" data-ng-if="expandCollapseListData.expandCollapse && showSearchBox" data-ng-model="expandCollapseListData.filter" autofocus/>
</div>