summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/views/functionalMenu/functionalMenu-dialog/menu-details.modal.html
blob: 7ba444ebda5277fde17b85ac7af93845796e8cce (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<div class="functionalMenu-details-modal">
    <div class="title">{{ngDialogData.title}}</div>


    <div class="functionalMenu-properties-main" scroll-top="functionalMenuDetails.scrollApi">
        <form name="functionalMenuForm">

            <div class="span6" >
					<div class="item-label">Parent</div>
					<input id="input-parent" ddh-reset class="functionalMenu-height"
						 ng-model="functionalMenuDetails.menuLocation"
						type="text"	name="menuItem"  readonly="readonly"  />
			</div>
				
            <div class="span6" >
                <div class="item-label">Title</div>
                <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"/>
                <div id="div-error-conflict" class="error-container" ng-show="functionalMenuDetails.conflictMessages.text">
                    <small id="msg-error-conflict" id="functionalMenuDetails-input-title-conflict" class="err-message" ng-bind="functionalMenuDetails.conflictMessages.text"></small>
                </div>
            </div>
            
            
              <div class="span6">
                <div class="left-item">
                   <div class="item-label">URL</div>
                    <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"/>
					<div id="error-url-conflict" ng-show="functionalMenuForm.url.$error.url">
					<small class="err-message"	style="color: Red; font-size: 11px;">Not valid URL!</small>
				</div>                
				</div>
                </div>
                 <div class="right-item">
                    <div class="item-label">App</div>
                    <div class="custom-select-wraps" ng-readonly="checked">
                    				<div id='ecomp-small-spinner' class="ecomp-small-spinner"
                    									ng-if="isAllApplications"></div>
                    				<div ng-if="!isAllApplications">
                                            <select id="select-app" class="select-field"
                                ng-model="functionalMenuDetails.selectedApp"
                                ng-change="functionalMenuDetails.updateSelectedApp(functionalMenuDetails.selectedApp);"
                                ng-options="app.title for app in functionalMenuDetails.availableApps track by app.index"
                               
                                required>
                            <option value="" >No Application</option>
                        </select>
                    </div>
                    </div>
                    <!--<span class="err-message" ng-show="functionalMenuForm.app.$dirty && functionalMenuForm.app.$error.required"> Please select App!</span>-->
                 <!--   <pre>{{functionalMenuDetails.menuItem | json}}</pre> -->
                </div>
           
                    
            <div class="item" ng-show="functionalMenuDetails.displayRoles==true">
                <div class="item-label">Roles</div>
                    <dropdown-multiselect id="dropdown-roles" dropdown-title="Select Roles" pre-selected="functionalMenuDetails.preSelectedRoles.roles"
                                          model="functionalMenuDetails.selectedRole"
                                          options="functionalMenuDetails.availableRoles" source="ngDialogData.source" >
                    </dropdown-multiselect>
            </div>
            <div ng-show="functionalMenuDetails.selectedApp && functionalMenuDetails.selectedApp.isDisabled" class="err-message">Application is disabled</div>
             </div>
        </form>
    </div>
    <div class="dialog-control">
        <div ng-if="ngDialogData.source!='view'">
            <span class="ecomp-save-spinner" ng-show="functionalMenuDetails.isSaving"></span>
            <span ng-if="ngDialogData.source=='edit' && functionalMenuDetails.isLeafMenuItem()">
                <button class="btn btn-alt btn-small" id="add-menu-button-save"
                        ng-show="!functionalMenuDetails.menuItem.menu.url ||
                        !(functionalMenuDetails.selectedApp.index>0) ||
                        functionalMenuDetails.displayRoles"
                        ng-disabled="!functionalMenuForm.text.$valid"
                        ng-click="functionalMenuDetails.saveChanges()">Save</button>
                <button class="btn btn-alt btn-small" id="add-menu-button-continue"
                        ng-show="!!functionalMenuDetails.menuItem.menu.url &&
                        functionalMenuDetails.selectedApp.index>0 &&
                        functionalMenuDetails.menutitle &&
                        !functionalMenuDetails.displayRoles"
                        ng-disabled="!functionalMenuForm.url.$valid" ng-click="functionalMenuDetails.continue()">Continue</button>
            </span>
            <span ng-if="ngDialogData.source=='add' || (ngDialogData.source=='edit' && !functionalMenuDetails.isLeafMenuItem())">
                <button id="button-save-add"
                        class="btn btn-alt btn-small" ng-show="!functionalMenuDetails.menuItem.menu.url || !(functionalMenuDetails.selectedApp.index>0)
                || functionalMenuDetails.selectedRole.length>0 || !functionalMenuDetails.menutitle" ng-disabled="!functionalMenuForm.text.$valid || !functionalMenuDetails.menutitle"
                        ng-click="functionalMenuDetails.saveChanges()">Save</button>
                <button id="button-save-continue" class="save-button" ng-show="!!functionalMenuDetails.menuItem.menu.url && functionalMenuDetails.selectedApp.index>0 && functionalMenuDetails.menutitle
                && !functionalMenuDetails.selectedRole.length>0" ng-disabled="!functionalMenuForm.url.$valid"
                        ng-click="functionalMenuDetails.continue()">Continue</button>
            </span>
            <button id="button-cancel-close-dialog" class="btn btn-alt btn-small" ng-click="closeThisDialog()">Cancel</button>
        </div>
        <div ng-if="ngDialogData.source=='view'">
            <div  id="div-close-dialog"  class="btn btn-alt btn-small" ng-click="closeThisDialog()">Close</div>
        </div>
    </div>
</div>