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