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

   1 <div class="functionalMenu-details-modal">
   2     <div class="title">{{ngDialogData.title}}</div>
   3
   4
   5     <div class="functionalMenu-properties-main" scroll-top="functionalMenuDetails.scrollApi">
   6         <form name="functionalMenuForm">
   7
   8             <div class="span6" >
   9                                         <div class="item-label">Parent</div>
  10                                         <input id="input-parent" ddh-reset class="functionalMenu-height"
  11                                                  ng-model="functionalMenuDetails.menuLocation"
  12                                                 type="text"     name="menuItem"  readonly="readonly"  />
  13                         </div>
  14
  15             <div class="span6" >
  16                 <div class="item-label">Title</div>
  17                 <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"/>
  18                 <div id="div-error-conflict" class="error-container" ng-show="functionalMenuDetails.conflictMessages.text">
  19                     <small id="msg-error-conflict" id="functionalMenuDetails-input-title-conflict" class="err-message" ng-bind="functionalMenuDetails.conflictMessages.text"></small>
  20                 </div>
  21             </div>
  22
  23
  24               <div class="span6">
  25                 <div class="left-item">
  26                    <div class="item-label">URL</div>
  27                     <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"/>
  28                                         <div id="error-url-conflict" ng-show="functionalMenuForm.url.$error.url">
  29                                         <small class="err-message"      style="color: Red; font-size: 11px;">Not valid URL!</small>
  30                                 </div>
  31                                 </div>
  32                 </div>
  33                  <div class="right-item">
  34                     <div class="item-label">App</div>
  35                     <div class="custom-select-wraps" ng-readonly="checked">
  36                                                 <div id='ecomp-small-spinner' class="ecomp-small-spinner"
  37                                                                                         ng-if="isAllApplications"></div>
  38                                                 <div ng-if="!isAllApplications">
  39                                             <select id="select-app" class="select-field"
  40                                 ng-model="functionalMenuDetails.selectedApp"
  41                                 ng-change="functionalMenuDetails.updateSelectedApp(functionalMenuDetails.selectedApp);"
  42                                 ng-options="app.title for app in functionalMenuDetails.availableApps track by app.index"
  43
  44                                 required>
  45                             <option value="" >No Application</option>
  46                         </select>
  47                     </div>
  48                     </div>
  49                     <!--<span class="err-message" ng-show="functionalMenuForm.app.$dirty && functionalMenuForm.app.$error.required"> Please select App!</span>-->
  50                  <!--   <pre>{{functionalMenuDetails.menuItem | json}}</pre> -->
  51                 </div>
  52
  53
  54             <div class="item" ng-show="functionalMenuDetails.displayRoles==true">
  55                 <div class="item-label">Roles</div>
  56                     <dropdown-multiselect id="dropdown-roles" dropdown-title="Select Roles" pre-selected="functionalMenuDetails.preSelectedRoles.roles"
  57                                           model="functionalMenuDetails.selectedRole"
  58                                           options="functionalMenuDetails.availableRoles" source="ngDialogData.source" >
  59                     </dropdown-multiselect>
  60             </div>
  61             <div ng-show="functionalMenuDetails.selectedApp && functionalMenuDetails.selectedApp.isDisabled" class="err-message">Application is disabled</div>
  62              </div>
  63         </form>
  64     </div>
  65     <div class="dialog-control">
  66         <div ng-if="ngDialogData.source!='view'">
  67             <span class="ecomp-save-spinner" ng-show="functionalMenuDetails.isSaving"></span>
  68             <span ng-if="ngDialogData.source=='edit' && functionalMenuDetails.isLeafMenuItem()">
  69                 <button class="btn btn-alt btn-small" id="add-menu-button-save"
  70                         ng-show="!functionalMenuDetails.menuItem.menu.url ||
  71                         !(functionalMenuDetails.selectedApp.index>0) ||
  72                         functionalMenuDetails.displayRoles"
  73                         ng-disabled="!functionalMenuForm.text.$valid"
  74                         ng-click="functionalMenuDetails.saveChanges()">Save</button>
  75                 <button class="btn btn-alt btn-small" id="add-menu-button-continue"
  76                         ng-show="!!functionalMenuDetails.menuItem.menu.url &&
  77                         functionalMenuDetails.selectedApp.index>0 &&
  78                         functionalMenuDetails.menutitle &&
  79                         !functionalMenuDetails.displayRoles"
  80                         ng-disabled="!functionalMenuForm.url.$valid" ng-click="functionalMenuDetails.continue()">Continue</button>
  81             </span>
  82             <span ng-if="ngDialogData.source=='add' || (ngDialogData.source=='edit' && !functionalMenuDetails.isLeafMenuItem())">
  83                 <button id="button-save-add"
  84                         class="btn btn-alt btn-small" ng-show="!functionalMenuDetails.menuItem.menu.url || !(functionalMenuDetails.selectedApp.index>0)
  85                 || functionalMenuDetails.selectedRole.length>0 || !functionalMenuDetails.menutitle" ng-disabled="!functionalMenuForm.text.$valid || !functionalMenuDetails.menutitle"
  86                         ng-click="functionalMenuDetails.saveChanges()">Save</button>
  87                 <button id="button-save-continue" class="save-button" ng-show="!!functionalMenuDetails.menuItem.menu.url && functionalMenuDetails.selectedApp.index>0 && functionalMenuDetails.menutitle
  88                 && !functionalMenuDetails.selectedRole.length>0" ng-disabled="!functionalMenuForm.url.$valid"
  89                         ng-click="functionalMenuDetails.continue()">Continue</button>
  90             </span>
  91             <button id="button-cancel-close-dialog" class="btn btn-alt btn-small" ng-click="closeThisDialog()">Cancel</button>
  92         </div>
  93         <div ng-if="ngDialogData.source=='view'">
  94             <div  id="div-close-dialog"  class="btn btn-alt btn-small" ng-click="closeThisDialog()">Close</div>
  95         </div>
  96     </div>
  97 </div>