--- /dev/null
+<!--\r
+ ================================================================================\r
+ ECOMP Portal\r
+ ================================================================================\r
+ Copyright (C) 2017 AT&T Intellectual Property\r
+ ================================================================================\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+ \r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+ \r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+ ================================================================================\r
+ -->\r
+<div class="functionalMenu-details-modal">\r
+ <div class="title">{{ngDialogData.title}}</div>\r
+\r
+\r
+ <div class="functionalMenu-properties-main" scroll-top="functionalMenuDetails.scrollApi">\r
+ <form name="functionalMenuForm">\r
+\r
+ <div class="item">\r
+ <div class="item-label">Parent</div>\r
+ <input id="input-parent" readonly="readonly" class="input-field" value="{{functionalMenuDetails.menuLocation}}" type="text" name="menuItem" required/>\r
+ </div>\r
+ <div class="item">\r
+ <div class="item-label">Title</div>\r
+ <input id="input-title" ng-readonly="!functionalMenuDetails.formEditable ? 'checked':'' " placeholder="Enter text" class="input-field" ng-model="functionalMenuDetails.menutitle" type="text" name="text"/>\r
+ <div id="div-error-conflict" class="error-container" ng-show="functionalMenuDetails.conflictMessages.text">\r
+ <small id="msg-error-conflict" id="functionalMenuDetails-input-title-conflict" class="err-message" ng-bind="functionalMenuDetails.conflictMessages.text"></small>\r
+ </div>\r
+ </div>\r
+ <div class="item">\r
+ <div class="left-item">\r
+ <div class="item-label">URL</div>\r
+ <input id="input-url" ng-readonly="!functionalMenuDetails.formEditable ? 'checked':'' " placeholder="http://" class="input-field" ng-model="functionalMenuDetails.menuItem.menu.url" type="url" name="url"/>\r
+ <span id="error-url-conflict" class="err-message" ng-show="functionalMenuForm.url.$error.url"> Not valid URL!</span>\r
+ </div>\r
+ <div class="right-item">\r
+ <div class="item-label">App</div>\r
+ <div class="custom-select-wrap" ng-readonly="checked">\r
+ <select id="select-app" class="select-field"\r
+ ng-model="functionalMenuDetails.selectedApp"\r
+ ng-change="functionalMenuDetails.updateSelectedApp(functionalMenuDetails.selectedApp);"\r
+ ng-options="app.title for app in functionalMenuDetails.availableApps track by app.index"\r
+ ng-disabled="!functionalMenuDetails.availableApps || !functionalMenuDetails.availableApps.length || !functionalMenuDetails.formEditable"\r
+ name="app"\r
+ required>\r
+ <option value="" >No Application</option>\r
+ </select>\r
+ </div>\r
+ <!--<span class="err-message" ng-show="functionalMenuForm.app.$dirty && functionalMenuForm.app.$error.required"> Please select App!</span>-->\r
+ <!-- <pre>{{functionalMenuDetails.menuItem | json}}</pre> -->\r
+ </div>\r
+ </div>\r
+ <div class="item" ng-show="functionalMenuDetails.displayRoles==true">\r
+ <div class="item-label">Roles</div>\r
+ <dropdown-multiselect id="dropdown-roles" dropdown-title="Select Roles" pre-selected="functionalMenuDetails.preSelectedRoles.roles"\r
+ model="functionalMenuDetails.selectedRole"\r
+ options="functionalMenuDetails.availableRoles" source="ngDialogData.source">\r
+ </dropdown-multiselect>\r
+ </div>\r
+ <div ng-show="functionalMenuDetails.selectedApp && functionalMenuDetails.selectedApp.isDisabled" class="err-message">Application is disabled</div>\r
+ </form>\r
+ </div>\r
+ <div class="dialog-control">\r
+ <div ng-if="ngDialogData.source!='view'">\r
+ <span class="ecomp-save-spinner" ng-show="functionalMenuDetails.isSaving"></span>\r
+ <span ng-if="ngDialogData.source=='edit' && functionalMenuDetails.isLeafMenuItem()">\r
+ <button class="save-button" id="add-menu-button-save"\r
+ ng-show="!functionalMenuDetails.menuItem.menu.url ||\r
+ !(functionalMenuDetails.selectedApp.index>0) ||\r
+ functionalMenuDetails.displayRoles"\r
+ ng-disabled="!functionalMenuForm.text.$valid"\r
+ ng-click="functionalMenuDetails.saveChanges()">Save</button>\r
+ <button class="save-button" id="add-menu-button-continue"\r
+ ng-show="!!functionalMenuDetails.menuItem.menu.url &&\r
+ functionalMenuDetails.selectedApp.index>0 &&\r
+ functionalMenuDetails.menutitle &&\r
+ !functionalMenuDetails.displayRoles"\r
+ ng-disabled="!functionalMenuForm.url.$valid" ng-click="functionalMenuDetails.continue()">Continue</button>\r
+ </span>\r
+ <span ng-if="ngDialogData.source=='add' || (ngDialogData.source=='edit' && !functionalMenuDetails.isLeafMenuItem())">\r
+ <button id="button-save-add"\r
+ class="save-button" ng-show="!functionalMenuDetails.menuItem.menu.url || !(functionalMenuDetails.selectedApp.index>0)\r
+ || functionalMenuDetails.selectedRole.length>0 || !functionalMenuDetails.menutitle" ng-disabled="!functionalMenuForm.text.$valid || !functionalMenuDetails.menutitle"\r
+ ng-click="functionalMenuDetails.saveChanges()">Save</button>\r
+ <button id="button-save-continue" class="save-button" ng-show="!!functionalMenuDetails.menuItem.menu.url && functionalMenuDetails.selectedApp.index>0 && functionalMenuDetails.menutitle\r
+ && !functionalMenuDetails.selectedRole.length>0" ng-disabled="!functionalMenuForm.url.$valid"\r
+ ng-click="functionalMenuDetails.continue()">Continue</button>\r
+ </span>\r
+ <button id="button-cancel-close-dialog" class="cancel-button" ng-click="closeThisDialog()">Cancel</button>\r
+ </div>\r
+ <div ng-if="ngDialogData.source=='view'">\r
+ <div id="div-close-dialog" class="cancel-button" ng-click="closeThisDialog()">Close</div>\r
+ </div>\r
+ </div>\r
+</div>\r