modules/yangman-resources/src/main/resources/yangman/views/directives/yang-form-menu.tpl.html

   1 <div ng-if="isActionMenu()" class="menu-container md-menu">
   2     <!-- Close menu (click catcher) -->
   3     <div ng-show="isActive">
   4         <md-backdrop ng-click="closeMenu()" class="md-menu-backdrop md-click-catcher" style="position: fixed;"></md-backdrop>
   5     </div>
   6     <!-- open menu button -->
   7     <md-button class="md-icon-button" ng-click="openMenu(); hideInfoBox();">
   8         <md-icon md-font-set="material-icons">reorder</md-icon>
   9     </md-button>
  10
  11     <!-- Menu content -->
  12     <div class="yang-menu-content md-menu-content" ng-show="isActive">
  13         <h5 class="title">
  14             {{ 'YANGMAN_YANG_MENU' | translate }}
  15             <md-icon md-font-set="material-icons">reorder</md-icon>
  16         </h5>
  17         <md-divider></md-divider>
  18
  19         <!-- add list item -->
  20         <div class="yang-menu-item md-menu-item" ng-if="addListItem">
  21             <md-button ng-click="addListItemFunc(); closeMenu();">
  22                 <md-icon md-font-set="material-icons">library_add</md-icon>
  23                 <span md-menu-align-target>{{'YANGMAN_ADD_LIST_ITEM' | translate}}</span>
  24             </md-button>
  25         </div>
  26
  27         <!-- show items list -->
  28         <div class="yang-menu-item md-menu-item" ng-if="yangList && node.actElemStructure">
  29             <md-button ng-click="switchSection('items'); setItemList();">
  30                 <md-icon md-font-set="material-icons">list</md-icon>
  31                 <span md-menu-align-target>{{'YANGMAN_SHOW_LIST_ITEM' | translate}}</span>
  32             </md-button>
  33         </div>
  34
  35         <!-- augmentations menu item -->
  36         <div class="yang-menu-item md-menu-item" ng-if="node.augmentionGroups.length">
  37             <md-button ng-click="switchSection('augmentations')">
  38                 <md-icon md-font-set="material-icons">brightness_auto</md-icon>
  39                 <span md-menu-align-target>{{'YANGMAN_AUGMENTATIONS' | translate}}</span>
  40             </md-button>
  41         </div>
  42
  43         <!-- info box -->
  44         <div id="infoBox" class="md-whiteframe-z2 info-box" ng-show="infoBox" ng-switch="infoBoxSection">
  45             <div ng-switch-when="augmentations">
  46                 <md-list flex>
  47                     <md-list-item ng-repeat="augmentation in node.augmentionGroups">
  48                         <md-switch ng-model="augmentations.getAugmentation(node, augmentation).expanded"
  49                                    aria-label="{{augmentation}}"
  50                                    md-prevent-menu-close>
  51                             {{augmentation}}
  52                         </md-switch>
  53                     </md-list-item>
  54                 </md-list>
  55             </div>
  56
  57             <!-- yang list items -->
  58             <div ng-switch-when="items">
  59                 <md-list>
  60                     <md-list-item ng-repeat="_ in node.listData" class="no-wrap">
  61                         <!-- icon -->
  62                         <md-icon md-font-set="material-icons">
  63                             {{ [yangList.currentDisplayIndex, yangList.currentDisplayIndex + 1, yangList.currentDisplayIndex - 1].indexOf($index) !== -1 ? 'remove_red_eye' : ''}}
  64                         </md-icon>
  65
  66                         <!-- title -->
  67                         <p ng-class="{'active' : node.actElemIndex === $index}"
  68                            class="pointer"
  69                            ng-click="node.changeActElementData($index)">
  70                             {{yangForm.getNodeName(node.localeLabel, node.label)}}&nbsp;{{node.createListName($index) || '[' + $index + ']'}}
  71                         </p>
  72
  73                         <!-- duplicated key -->
  74                         <md-icon md-font-set="material-icons" ng-show="node.doubleKeyIndexes.indexOf($index) > -1">
  75                             <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_INDEX_DUPLICATE' | translate }}</md-tooltip>
  76                             error_outline
  77                         </md-icon>
  78
  79                         <!-- remove button -->
  80                         <md-icon md-font-set="material-icons"
  81                                  class="pointer"
  82                                  ng-if="addListItem"
  83                                  ng-click="yangList.removeListElem($index)">
  84                             <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_DELETE_ITEM' | translate }}</md-tooltip>
  85                             remove_circle_outline
  86                         </md-icon>
  87
  88                         <md-ink-bar ng-if="node.actElemIndex === $index" class="custom"></md-ink-bar>
  89                     </md-list-item>
  90                 </md-list>
  91             </div>
  92         </div>
  93     </div>
  94 </div>