[PORTAL-7] Rebase

[portal.git] / ecomp-portal-FE-os / client / src / views / catalog / add-catalog-dialogs / new-catalog.modal.html

diff --git a/ecomp-portal-FE-os/client/src/views/catalog/add-catalog-dialogs/new-catalog.modal.html b/ecomp-portal-FE-os/client/src/views/catalog/add-catalog-dialogs/new-catalog.modal.html
new file mode 100644 (file)
index 0000000..1cf96f7
--- /dev/null
+++ b/ecomp-portal-FE-os/client/src/views/catalog/add-catalog-dialogs/new-catalog.modal.html
@@ -0,0 +1,113 @@
+<!--\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