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

   1 <md-list class="yangmanModule__requests-list__collections-list"
   2          ng-cloak
   3          ng-init="reqList.init(reqList.collectionList)"
   4          ng-controller="RequestsListCtrl as reqList">
   5
   6     <md-content class="searchBox" layout="row">
   7         <md-icon class="material-icons">search</md-icon>
   8         <input class="ng-pristine ng-valid ng-touched"
   9                type="text"
  10                flex
  11                placeholder="search"
  12                ng-model="reqList.search"
  13                aria-invalid="false" />
  14         <md-icon class="material-icons clickable" ng-click="reqList.clearFilter()" ng-if="reqList.search">
  15             close
  16             <md-tooltip md-direction="bottom">{{'YANGMAN_CLEAR_SEARCH'| translate}}</md-tooltip>
  17         </md-icon>
  18         <input type="file" accept=".json" id="importCollection" on-read-file="reqList.readCollectionFromFile($fileContent)">
  19         <md-icon class="material-icons clickable" ng-click="reqList.toggleCollectionsSort()"
  20                  ng-if="reqList.collectionList.collections.length > 1">
  21             sort
  22             <md-tooltip md-direction="bottom">{{ ( reqList.collectionsSortAsc ? 'YANGMAN_SORT_DESC' : 'YANGMAN_SORT_ASC' )| translate}}</md-tooltip>
  23         </md-icon>
  24         <label for="importCollection">
  25             <md-icon class="material-icons clickable">
  26                 file_upload
  27             </md-icon>
  28             <md-tooltip md-direction="bottom">{{'YANGMAN_IMPORT_COLLECTION'| translate}}</md-tooltip>
  29         </label>
  30     </md-content>
  31
  32     <md-divider></md-divider>
  33
  34     <md-content class="scrollableY">
  35
  36         <div ng-repeat="collection in reqList.mainList.collections | filter: reqList.filterCol | orderBy: (reqList.collectionsSortAsc ? '' : '-')+'name'">
  37
  38             <div layout="row">
  39
  40                 <md-list-item class="yangmanModule__requests-list__collection"
  41                               flex
  42                               ng-class="{'selected': collection.expanded}"
  43                               ng-click="collection.toggleExpanded()">
  44
  45                     <div layout="row">
  46                         <md-icon md-font-set="material-icons" class="top-icon">
  47                             folder_open
  48                         </md-icon>
  49                         <div layout="column">
  50
  51                             <p flex>
  52                             <span md-highlight-text="reqList.search" >
  53                                 {{collection.name}}
  54                             </span><br />
  55                             <span class="desc">
  56                                 <span class="desc" ng-if="reqList.search && !reqList.filterColName(collection)">{{'YANGMAN_MATCHING'| translate}} {{reqList.colMatchingReqsCount(collection)}} / </span>
  57                                 {{collection.data.length}} {{(collection.data.length>1 ? 'YANGMAN_COLLECTION_REQUESTS' : 'YANGMAN_COLLECTION_REQUEST')| translate}}
  58                             </span>
  59                             </p>
  60                         </div>
  61                     </div>
  62
  63                 </md-list-item>
  64                 <md-menu class="yangmanModule__requests-list__group__collectionMenu"
  65                          md-offset="35 15"
  66                          layout-align="center start">
  67                     <md-button aria-label="menu" class="md-primary" ng-click="$mdOpenMenu()">
  68                         <i class="material-icons">menu</i>
  69                     </md-button>
  70                     <md-menu-content class="reqMenu">
  71                         <md-menu-item>
  72                             <md-button aria-label="Duplicate collection"
  73                                        ng-click="reqList.showDgEditCollection($event, collection, false)">
  74                                 <i class="material-icons">mode_edit</i>
  75                                 {{'YANGMAN_COLLECTION_EDIT'| translate}}
  76                             </md-button>
  77                         </md-menu-item>
  78                         <md-menu-item>
  79                             <md-button aria-label="{{'YANGMAN_COLLECTION_DUPLICATE'| translate}}"
  80                                        ng-click="reqList.showDgEditCollection($event, collection, true)">
  81                                 <i class="material-icons">control_point_duplicate</i>
  82                                 {{'YANGMAN_COLLECTION_DUPLICATE'| translate}}
  83                             </md-button>
  84                         </md-menu-item>
  85                         <md-menu-item>
  86                             <md-button aria-label="{{'YANGMAN_COLLECTION_DOWNLOAD'| translate}}"
  87                                        ng-click="reqList.downloadCollection(collection)">
  88                                 <i class="material-icons">file_download</i>
  89                                 {{'YANGMAN_COLLECTION_DOWNLOAD'| translate}}
  90                             </md-button>
  91                         </md-menu-item>
  92                         <md-menu-item>
  93                             <md-button aria-label="{{'YANGMAN_COLLECTION_DELETE'| translate}}"
  94                                        ng-click="reqList.showDgDeleteCollection($event, collection)">
  95                                 <i class="material-icons">delete</i>
  96                                 {{'YANGMAN_COLLECTION_DELETE'| translate}}
  97                             </md-button>
  98                         </md-menu-item>
  99                     </md-menu-content>
 100                 </md-menu>
 101             </div>
 102
 103
 104             <md-list ng-show="collection.expanded" class="yangmanModule__requests-list__collection__requests">
 105                 <div ng-repeat="request in collection.data"
 106                      layout="row"
 107                      ng-include src="globalViewPath + 'leftpanel/request-item.tpl.html'">
 108                 </div>
 109             </md-list>
 110             <md-divider></md-divider>
 111
 112         </div>
 113     </md-content>
 114
 115 </md-list>
 116