modules/yangman-resources/src/main/resources/yangman/views/leftpanel/history-tab.tpl.html

   1 <md-list class="yangmanModule__requests-list h100"
   2          ng-cloak
   3          ng-init="reqList.init('history')"
   4          ng-controller="RequestsListCtrl as reqList">
   5
   6     <md-content class="searchBox yangmanModule__left-panel__search" layout="row">
   7
   8         <!-- searching -->
   9         <md-input-container layout="row" md-no-float class="modules-list-search" flex>
  10             <!-- search icon, form, clear button -->
  11             <md-icon class="material-icons">search</md-icon>
  12             <input class="ng-pristine ng-valid ng-touched"
  13                    type="text"
  14                    flex
  15                    placeholder="{{'YANGMAN_SEARCH' | translate}}"
  16                    ng-model="reqList.search"
  17                    aria-invalid="false" />
  18             <md-button aria-label="{{'YANGMAN_CLEAR_SEARCH'| translate}}" flex="none"
  19                        ng-click="reqList.clearFilter()"
  20                        ng-if="reqList.search">
  21                 <md-icon class="material-icons clickable">
  22                     close
  23                 </md-icon>
  24                 <md-tooltip md-direction="bottom">{{'YANGMAN_CLEAR_SEARCH'| translate}}</md-tooltip>
  25             </md-button>
  26             <!-- /search icon, form, clear button -->
  27         </md-input-container>
  28
  29         <!-- save -->
  30         <md-button  ng-click="reqList.showDgSaveReq($event)"
  31                     ng-disabled="!reqList.mainList.getSelectedItems(reqList.filterReq).length">
  32             <md-icon class="material-icons clickable">
  33                 save
  34             </md-icon>
  35             <md-tooltip md-direction="bottom">{{'YANGMAN_REQS_SAVE_TO_COL'| translate}}</md-tooltip>
  36         </md-button>
  37         <!-- /save -->
  38
  39         <!-- menu for deleting and clearing-->
  40         <md-menu layout-align="center start">
  41             <md-button ng-disabled="!reqList.mainList.list.length" aria-label="menu"  ng-click="$mdOpenMenu()">
  42                 <md-icon class="material-icons clickable"> delete</md-icon>
  43                 <md-tooltip md-direction="bottom">{{'YANGMAN_DELETE_OPTIONS' | translate}}</md-tooltip>
  44             </md-button>
  45             <md-menu-content>
  46                 <!-- delete selected -->
  47                 <md-menu-item>
  48                     <md-button aria-label="{{'YANGMAN_REQS_DELETE'| translate}}"
  49                                ng-click="reqList.showDgDeleteRequests($event)"
  50                                ng-disabled="!reqList.mainList.getSelectedItems(reqList.filterReq).length">
  51                         <md-icon class="material-icons clickable"> delete</md-icon>
  52                         {{'YANGMAN_REQS_DELETE'| translate}}
  53                     </md-button>
  54                 </md-menu-item>
  55                 <!-- / delete selected -->
  56                 <!-- clear history -->
  57                 <md-menu-item>
  58                     <md-button aria-label="{{'YANGMAN_DELETE_HISTORY' | translate}}"
  59                                ng-click="reqList.clearHistoryList($event)"
  60                                ng-disabled="!reqList.mainList.list.length">
  61                         <md-icon class="material-icons clickable"> delete_forever</md-icon>
  62                         {{'YANGMAN_DELETE_HISTORY' | translate}}
  63                     </md-button>
  64                 </md-menu-item>
  65                 <!-- / clear history -->
  66             </md-menu-content>
  67         </md-menu>
  68         <!-- / menu for deleting and clearing -->
  69
  70         <!-- menu for selecting and deselecting-->
  71         <md-menu layout-align="center start">
  72             <md-button ng-disabled="!reqList.mainList.list.length" aria-label="menu"  ng-click="$mdOpenMenu()">
  73                 <md-icon class="material-icons clickable">
  74                     playlist_add_check
  75                 </md-icon>
  76                 <md-tooltip md-direction="bottom">{{'YANGMAN_SELECT_OPTIONS' | translate}}</md-tooltip>
  77             </md-button>
  78             <md-menu-content>
  79                 <!-- select all -->
  80                 <md-menu-item>
  81                     <md-button aria-label="{{'YANGMAN_SELECT_ALL' | translate}}"
  82                                ng-click="reqList.selectAllFilteredRequests()">
  83                         <md-icon class="material-icons clickable">
  84                             done
  85                         </md-icon>
  86                         {{'YANGMAN_SELECT_ALL' | translate}}
  87                     </md-button>
  88                 </md-menu-item>
  89                 <!-- /select all -->
  90                 <!-- deselect all -->
  91                 <md-menu-item>
  92                     <md-button aria-label="{{'YANGMAN_DESELECT_ALL' | translate}}"
  93                                ng-click="reqList.deselectAllFilteredRequests()" ng-disabled="reqList.mainList.getSelectedItems(reqList.filterReq).length === 0">
  94                         <md-icon class="material-icons clickable">
  95                             close
  96                         </md-icon>
  97                         {{'YANGMAN_DESELECT_ALL' | translate}}
  98                     </md-button>
  99                 </md-menu-item>
 100                 <!-- / deselect all -->
 101             </md-menu-content>
 102         </md-menu>
 103         <!-- / menu for selecting and deselecting -->
 104
 105     </md-content>
 106
 107     <md-divider></md-divider>
 108
 109     <!-- list of items grouped by date -->
 110     <md-content class="scrollableY">
 111         <md-list-item ng-repeat="group in reqList.mainList.dateGroups | orderBy: 'name': true"
 112                       class="yangmanModule__requests-list__group"
 113                       ng-if="(group.requests | filter:reqList.filterReq).length">
 114
 115             <div layout="column" flex>
 116
 117                 <!-- date group header -->
 118                 <md-subheader class="md-no-sticky">
 119                     {{group.longName}}
 120                 </md-subheader>
 121                 <!-- /date group header -->
 122
 123                 <!-- list of requests in current group -->
 124                 <md-list>
 125                     <div ng-repeat="request in group.requests | filter: reqList.filterReq  | orderBy: '-timestamp' track by $index"
 126                          layout="row"
 127                          class="yangmanModule__requests-list__item-container"
 128                          ng-include src="globalViewPath + 'leftpanel/request-item.tpl.html'">
 129                     </div>
 130                 </md-list>
 131                 <!-- /list of requests in current group -->
 132
 133             </div>
 134
 135             <md-divider></md-divider>
 136
 137         </md-list-item>
 138     </md-content>
 139     <!-- /list of items grouped by date -->
 140
 141 </md-list>