1 <div class="functionalMenu-details-modal">
2 <div class="title">{{ngDialogData.title}}</div>
5 <div class="functionalMenu-properties-main" scroll-top="functionalMenuDetails.scrollApi">
6 <form name="functionalMenuForm">
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" />
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>
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>
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"
45 <option value="" >No Application</option>
49 <!--<span class="err-message" ng-show="functionalMenuForm.app.$dirty && functionalMenuForm.app.$error.required"> Please select App!</span>-->
50 <!-- <pre>{{functionalMenuDetails.menuItem | json}}</pre> -->
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>
61 <div ng-show="functionalMenuDetails.selectedApp && functionalMenuDetails.selectedApp.isDisabled" class="err-message">Application is disabled</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>
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>
91 <button id="button-cancel-close-dialog" class="btn btn-alt btn-small" ng-click="closeThisDialog()">Cancel</button>
93 <div ng-if="ngDialogData.source=='view'">
94 <div id="div-close-dialog" class="btn btn-alt btn-small" ng-click="closeThisDialog()">Close</div>