ecomp-portal-FE-common/client/app/views/functionalMenu/functionalMenu-dialog/menu-details.modal.html

   1 <div class="functionalMenu-details-modal">
   2
   3                 <div class="b2b-modal-header">
   4                         <h2 class="titles" id="microservice-add-details-title">{{ngDialogData.title}}</h2>
   5
   6                         <div class="corner-button in">
   7                                 <button type="button" class="close" aria-label="Close"
   8                                         ng-click="$dismiss('cancel')"></button>
   9                         </div>
  10                 </div>
  11
  12                 <div class="b2b-modal-body">
  13                     <div class="functionalMenu-properties-main" scroll-top="functionalMenuDetails.scrollApi">
  14
  15                    <form name="functionalMenuForm">
  16
  17             <div class="span6" >
  18                                         <div class="item-label">Parent</div>
  19                                         <input id="input-parent" ddh-reset class="functionalMenu-height"
  20                                                  ng-model="functionalMenuDetails.menuLocation"
  21                                                 type="text"     name="menuItem"  readonly="readonly"  />
  22                         </div>
  23
  24             <div class="span6" >
  25                 <div class="item-label">Title</div>
  26                 <input id="input-title" ddh-reset ng-readonly="!functionalMenuDetails.formEditable ? 'checked':'' " placeholder="Enter text"class="functionalMenu-height" ng-model="functionalMenuDetails.menutitle" type="text" name="text"/>
  27                 <div id="div-error-conflict" class="error-container" ng-show="functionalMenuDetails.conflictMessages.text">
  28                     <small id="msg-error-conflict" id="functionalMenuDetails-input-title-conflict" class="err-message" ng-bind="functionalMenuDetails.conflictMessages.text"></small>
  29                 </div>
  30             </div>
  31
  32
  33               <div class="span6">
  34                 <div class="left-item">
  35                    <div class="item-label">URL</div>
  36                     <input id="input-url" ddh-reset ng-readonly="!functionalMenuDetails.formEditable ? 'checked':'' " class="functionalMenu-height" placeholder="http://" class="input-field" ng-model="functionalMenuDetails.menuItem.menu.url" type="url" name="url"/>
  37                                         <div id="error-url-conflict" ng-show="functionalMenuForm.url.$error.url">
  38                                         <small class="err-message error-msg-txt">Not valid URL!</small>
  39                                 </div>
  40                                 </div>
  41                 </div>
  42                  <div class="right-item">
  43                     <div class="item-label">App</div>
  44                  <div class="custom-select-wraps" ng-readonly="checked">
  45                                                 <div id='ecomp-small-spinner' class="ecomp-small-spinner"
  46                                                                                         ng-if="isAllApplications"></div>
  47                                                 <div ng-if="!isAllApplications">
  48
  49                          <div class="table-dropdown" >
  50                                                         <select id="select-app" b2b-dropdown placeholder-text="Select Application" ng-model="functionalMenuDetails.selectedAppIndex" ng-change="functionalMenuDetails.updateSelectedApp(functionalMenuDetails.selectedAppIndex);">
  51                                                 <option b2b-dropdown-list option-repeat="app in functionalMenuDetails.availableApps track by app.index" value="{{app.index}}">{{app.title}}</option>
  52                                             </select>
  53                                                 </div>
  54                     </div>
  55                     </div>
  56
  57
  58                     <!--<span class="err-message" ng-show="functionalMenuForm.app.$dirty && functionalMenuForm.app.$error.required"> Please select App!</span>-->
  59                  <!--   <pre>{{functionalMenuDetails.menuItem | json}}</pre> -->
  60                 </div>
  61
  62                 <div class="item"
  63                                 ng-show="functionalMenuDetails.displayRoles==true">
  64                                 <div class="item-label">Roles</div>
  65                                 <div>
  66                                         <multiple-select id="dropdown-roles" unique-data="{{$index}}"
  67                                                 placeholder="Select Roles"
  68                                                 on-change="functionalMenuDetails.preSelectedRoles.roles"
  69                                                 ng-model="functionalMenuDetails.availableRoles" name-attr="rolename"
  70                                                 value-attr="isApplied"> </multiple-select>
  71                                 </div>
  72                                 </div>
  73             <div ng-show="functionalMenuDetails.selectedApp && functionalMenuDetails.selectedApp.isDisabled" class="err-message">Application is disabled</div>
  74
  75         </form>
  76                   </div>
  77
  78                         </div>
  79                         <br>
  80                         <div class="b2b-modal-footer">
  81                                  <div class="dialog-control">
  82         <div ng-if="ngDialogData.source!='view'">
  83             <span class="ecomp-save-spinner" ng-show="functionalMenuDetails.isSaving"></span>
  84             <span ng-if="ngDialogData.source=='edit' && functionalMenuDetails.isLeafMenuItem()">
  85                 <button class="btn btn-alt btn-small" id="add-menu-button-save"
  86                         ng-show="!functionalMenuDetails.menuItem.menu.url ||
  87                         !(functionalMenuDetails.selectedApp.index>0) ||
  88                         functionalMenuDetails.displayRoles"
  89                         ng-disabled="!functionalMenuForm.text.$valid"
  90                         ng-click="functionalMenuDetails.saveChanges()">Save</button>
  91                 <button class="btn btn-alt btn-small" id="add-menu-button-continue"
  92                         ng-show="!!functionalMenuDetails.menuItem.menu.url &&
  93                         functionalMenuDetails.selectedApp.index>0 &&
  94                         functionalMenuDetails.menutitle &&
  95                         !functionalMenuDetails.displayRoles"
  96                         ng-disabled="!functionalMenuForm.url.$valid" ng-click="functionalMenuDetails.continue()">Continue</button>
  97             </span>
  98             <span ng-if="ngDialogData.source=='add' || (ngDialogData.source=='edit' && !functionalMenuDetails.isLeafMenuItem())">
  99                 <button id="button-save-add"
 100                         class="btn btn-alt btn-small" ng-show="!functionalMenuDetails.menuItem.menu.url || !(functionalMenuDetails.selectedApp.index>0)
 101                 || functionalMenuDetails.isRoleSelected() || !functionalMenuDetails.menutitle" ng-disabled="!functionalMenuForm.text.$valid || !functionalMenuDetails.menutitle"
 102                         ng-click="functionalMenuDetails.saveChanges()">Save</button>
 103                 <button id="button-save-continue" class="btn btn-alt btn-small" ng-show="!!functionalMenuDetails.menuItem.menu.url && functionalMenuDetails.selectedApp.index>0 && functionalMenuDetails.menutitle
 104                 && !functionalMenuDetails.isRoleSelected()" ng-disabled="!functionalMenuForm.url.$valid"
 105                         ng-click="functionalMenuDetails.continue()">Continue</button>
 106             </span>
 107             <button id="button-cancel-close-dialog" class="btn btn-alt btn-small" ng-click="$dismiss('cancel')">Cancel</button>
 108         </div>
 109         <div ng-if="ngDialogData.source=='view'">
 110             <div  id="div-close-dialog"  class="btn btn-alt btn-small" ng-click="$dismiss('cancel')">Close</div>
 111         </div>
 112     </div>
 113                         </div>
 114
 115
 116
 117
 118 </div>