[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-os / client / src / views / catalog / add-catalog-dialogs / new-catalog.modal.html
index 1cf96f7..3578cc0 100644 (file)
-<!--\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="new-catalog-modal">\r
-\r
-       <div class="user-catalog-roles" ng-show="userInfo.dialogState===2">\r
-             <div >\r
-           <div class=display-userApp-Catalog-Roles >{{titleText}}</div>\r
-            <div class="title"\r
-                       ng-bind="userInfo.selectedUser.firstName + ' ' + userInfo.selectedUser.lastName + ' (' + userInfo.selectedUser.attuid + ')'"></div>\r
-     </div>\r
-               <div class="app-roles-main">\r
-\r
-                       <div class="app-catalog-roles-list">\r
-                               <div class="app-catalog-item" ng-repeat="app in userInfo.adminApps"\r
-                                       ng-if="app.name === userInfo.selectedUser.headerText"\r
-                                       id="app-name-{{app.name.split(' ').join('-')}}">\r
-                                       <div class="app-catalog-item-left"\r
-                                               id="div-app-name-{{app.name.split(' ').join('-')}}">{{app.name\r
-                                               | elipsis: 27}}</div>\r
-                                       <div class="app-catalog-item-right"\r
-                                               id="div-app-name-dropdown-{{app.name.split(' ').join('-')}}"\r
-                                               ng-show="!app.isError && !app.isLoading && !app.noChanges && !app.isUpdating && !app.isDoneUpdating && !app.isErrorUpdating"\r
-                                               ng-if="userAppRoles.length===0">\r
-                                               <multiple-select id="app-roles" unique-data="{{$index}}"\r
-                                                       placeholder="Select roles" ng-model="app.appRoles"\r
-                                                       on-change="userInfo.appChanged($index)" name-attr="roleName"\r
-                                                       value-attr="isApplied"></multiple-select>\r
-                                       </div>\r
-\r
-                                       <div class="app-catalog-item-right"\r
-                                               id="div-app-name-dropdown-{{app.name.split(' ').join('-')}}"\r
-                                               ng-show="!app.isError && !app.isLoading && !app.noChanges && !app.isUpdating && !app.isDoneUpdating && !app.isErrorUpdating"\r
-                                               ng-if="userAppRoles.length!==0">\r
-                                               <multiple-select2 id="app-roles" unique-data="{{$index}}"\r
-                                                       placeholder="Select roles" ng-model="app.appRoles"\r
-                                                       on-change="userInfo.appChanged($index)" name-attr="roleName"\r
-                                                       value-attr="isApplied"></multiple-select2>\r
-                                       </div>\r
-\r
-\r
-                                       <div id="app-item-no-contact" class="app-catalog-item-right-error"\r
-                                               ng-show="app.isError">{{app.errorMessage | elipsis: 35}}</div>\r
-                                       <div id="app-item-contacting"\r
-                                               class="app-catalog-item-right-contacting" ng-show="app.isLoading">Contacting\r
-                                               application...</div>\r
-                                       <div id="app-item-no-changes"\r
-                                               class="app-catalog-item-right-contacting" ng-show="app.noChanges">No\r
-                                               changes</div>\r
-                                       <div id="app-item-no-updating"\r
-                                               class="app-catalog-item-right-contacting" ng-show="app.isUpdating">Updating\r
-                                               application...</div>\r
-                                       <div id="app-item-done-updating"\r
-                                               class="app-catalog-item-right-contacting"\r
-                                               ng-show="app.isDoneUpdating">Finished updating application</div>\r
-                                       <div id="app-item-cannot-update"\r
-                                               class="app-catalog-item-right-error" ng-show="app.isErrorUpdating">Could\r
-                                               not update application...</div>\r
-                                       <div id='ecomp-small-spinner' class="ecomp-small-spinner"\r
-                                               ng-show="app.isLoading"></div>\r
-                               </div>\r
-\r
-                               &nbsp;\r
-\r
-                               <div class="usr-app-roles" ng-show=displyUserAppCatalogRoles>\r
-                                       <div class="userApp-Catalog-Roles-label">{{title}}</div>\r
-                                       &nbsp;\r
-                                       <div class="display-userApp-Catalog-Roles-value"\r
-                                               style="height: 150px; width: 200px; overflow-y: auto;">\r
-                                               <div ng-repeat="getUserApplicationRole in userAppRoles">\r
-\r
-                                                       <div class="userAppCatalog-lbl-value">\r
-                                                               <span class="userAppCatalog-lbl-value-spn">\r
-                                                                       {{getUserApplicationRole.rolename}}</span>\r
-                                                       </div>\r
-\r
-                                               </div>\r
-                                       </div>\r
-\r
-                               </div>\r
-                       </div>\r
-\r
-                       <div class="dialog-control">\r
-                               <span id="ecomp-save-spinner" class="ecomp-save-spinner"\r
-                                       ng-show="userInfo.isSaving || userInfo.isGettingAdminApps"></span>\r
-                               <button id="new-user-next-button" class="next-button"\r
-                                       ng-click="userInfo.updateUserAppsRoles()"\r
-                                       ng-disabled="(!userInfo.anyChanges == true)">Submit</button>\r
-                               <div id="new-user-cancel-button" class="cancel-button"\r
-                                       ng-click="closeThisDialog()">Cancel</div>\r
-                       </div>\r
-\r
-               </div>\r
-\r
-       </div>\r
-\r
-</div>\r
+<!--
+  ================================================================================
+  ECOMP Portal
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  ================================================================================
+  -->
+<div class="new-catalog-modal">
+
+       <div class="user-catalog-roles" ng-show="userInfo.dialogState===2">
+             <div >
+           <div class=display-userApp-Catalog-Roles >{{titleText}}</div>
+            <div class="title"
+                       ng-bind="userInfo.selectedUser.firstName + ' ' + userInfo.selectedUser.lastName + ' (' + userInfo.selectedUser.attuid + ')'"></div>
+     </div>
+               <div class="app-roles-main">
+
+                       <div class="app-catalog-roles-list">
+                               <div class="app-catalog-item" ng-repeat="app in userInfo.adminApps"
+                                       ng-if="app.name === userInfo.selectedUser.headerText"
+                                       id="app-name-{{app.name.split(' ').join('-')}}">
+                                       <div class="app-catalog-item-left"
+                                               id="div-app-name-{{app.name.split(' ').join('-')}}">{{app.name
+                                               | elipsis: 27}}</div>
+                                       <div class="app-catalog-item-right"
+                                               id="div-app-name-dropdown-{{app.name.split(' ').join('-')}}"
+                                               ng-show="!app.isError && !app.isLoading && !app.noChanges && !app.isUpdating && !app.isDoneUpdating && !app.isErrorUpdating"
+                                               ng-if="userAppRoles.length===0">
+                                               <multiple-select id="app-roles" unique-data="{{$index}}"
+                                                       placeholder="Select roles" ng-model="app.appRoles"
+                                                       on-change="userInfo.appChanged($index)" name-attr="roleName"
+                                                       value-attr="isApplied"></multiple-select>
+                                       </div>
+
+                                       <div class="app-catalog-item-right"
+                                               id="div-app-name-dropdown-{{app.name.split(' ').join('-')}}"
+                                               ng-show="!app.isError && !app.isLoading && !app.noChanges && !app.isUpdating && !app.isDoneUpdating && !app.isErrorUpdating"
+                                               ng-if="userAppRoles.length!==0">
+                                               <multiple-select2 id="app-roles" unique-data="{{$index}}"
+                                                       placeholder="Select roles" ng-model="app.appRoles"
+                                                       on-change="userInfo.appChanged($index)" name-attr="roleName"
+                                                       value-attr="isApplied"></multiple-select2>
+                                       </div>
+
+
+                                       <div id="app-item-no-contact" class="app-catalog-item-right-error"
+                                               ng-show="app.isError">{{app.errorMessage | elipsis: 35}}</div>
+                                       <div id="app-item-contacting"
+                                               class="app-catalog-item-right-contacting" ng-show="app.isLoading">Contacting
+                                               application...</div>
+                                       <div id="app-item-no-changes"
+                                               class="app-catalog-item-right-contacting" ng-show="app.noChanges">No
+                                               changes</div>
+                                       <div id="app-item-no-updating"
+                                               class="app-catalog-item-right-contacting" ng-show="app.isUpdating">Updating
+                                               application...</div>
+                                       <div id="app-item-done-updating"
+                                               class="app-catalog-item-right-contacting"
+                                               ng-show="app.isDoneUpdating">Finished updating application</div>
+                                       <div id="app-item-cannot-update"
+                                               class="app-catalog-item-right-error" ng-show="app.isErrorUpdating">Could
+                                               not update application...</div>
+                                       <div id='ecomp-small-spinner' class="ecomp-small-spinner"
+                                               ng-show="app.isLoading"></div>
+                               </div>
+
+                               &nbsp;
+
+                               <div class="usr-app-roles" ng-show=displyUserAppCatalogRoles>
+                                       <div class="userApp-Catalog-Roles-label">{{title}}</div>
+                                       &nbsp;
+                                       <div class="display-userApp-Catalog-Roles-value"
+                                               style="height: 150px; width: 200px; overflow-y: auto;">
+                                               <div ng-repeat="getUserApplicationRole in userAppRoles">
+
+                                                       <div class="userAppCatalog-lbl-value">
+                                                               <span class="userAppCatalog-lbl-value-spn">
+                                                                       {{getUserApplicationRole.rolename}}</span>
+                                                       </div>
+
+                                               </div>
+                                       </div>
+
+                               </div>
+                       </div>
+
+                       <div class="dialog-control">
+                               <span id="ecomp-save-spinner" class="ecomp-save-spinner"
+                                       ng-show="userInfo.isSaving || userInfo.isGettingAdminApps"></span>
+                               <button id="new-user-next-button" class="next-button"
+                                       ng-click="userInfo.updateUserAppsRoles()"
+                                       ng-disabled="(!userInfo.anyChanges == true)">Submit</button>
+                               <div id="new-user-cancel-button" class="cancel-button"
+                                       ng-click="closeThisDialog()">Cancel</div>
+                       </div>
+
+               </div>
+
+       </div>
+
+</div>