[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / catalog / catalog.tpl.html
index 68bf9ef..b4063ad 100644 (file)
@@ -1,90 +1,90 @@
-<!--\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="w-ecomp-app-catalog">\r
-       <div class="app-catalog-container" id="page-content">\r
-               <div id="title" class="w-ecomp-main-view-title">\r
-                       <h1 class="heading-page">Application Catalog</h1>\r
-               </div>\r
-               <div class="app-catalog-list">\r
-                       <div class="simulateCatGridHeader">\r
-                               <span class="simulateCatGridHeaderDetails"> Click the check\r
-                                       boxes below to choose which applications are shown on the <a\r
-                                       href="applicationsHome">home page</a>.\r
-                               </span> <br> <br> <label id="label-all"\r
-                                       class="simulateCatGridHeaderRadio"> Filter: <input\r
-                                       id="radio-button-all" type="radio" ng-model="radioValue"\r
-                                       value="All"> All\r
-                               </label> <label id="label-accessible" class="simulateCatGridHeaderRadio">\r
-                                       <input id="radio-button-accessible" type="radio"\r
-                                       ng-model="radioValue" value="Accessible"> Accessible\r
-                               </label> <label id="label-homepage" class="simulateCatGridHeaderRadio">\r
-                                       <input id="radio-button-homepage" type="radio"\r
-                                       ng-model="radioValue" value="Selected"> On Home Page\r
-                               </label>\r
-\r
-                       </div>\r
-                       <div class="appCatalogue-boarder" >\r
-                               <div gridster="catalog.gridsterOpts">   \r
-                                       <ul>    \r
-                                               <li gridster-item="item" ng-repeat="item in appCatalog"\r
-                                                       ng-if="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')">\r
-                                                       <div class="gridster-box" style="{{!item.access?' color:lightgray !important':''}}">\r
-                                                               <div class="gridster-box-header"\r
-                                                                       ng-show="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')">\r
-                                                                       <i class="icon-content-gridguide"></i>\r
-                                                                       <h3 style="cursor: context-menu">{{item.headerText |\r
-                                                                               elipsis: 13}}</h3>\r
-                                                                           <div class="form-row" ng-show="item.access || isAdminPortalAdmin">\r
-                                                                               <label class="checkbox">\r
-                                                                                   <input type="checkbox" ng-model="item.select" ng-change="catalog.storeSelection(item)">\r
-                                                                                   <i class="skin"></i> \r
-                                                                               </label> \r
-                                                                               <i ng-show="item.pending" class="icon-tickets-contested"></i>                                                                                                                                                   \r
-                                                                       </div>\r
-                                                               </div>\r
-                                                               <div class="gridster-box-content"\r
-                                                                       ng-style="{'cursor':'pointer',\r
-                                                                               'background-image': 'url('+(item.imageLink)+')',\r
-                                                                               'order': item.order, \r
-                                                                               'background-color':'white',\r
-                                                                               'background-repeat': 'no-repeat',\r
-                                                                               'background-size': '170px 130px'}"\r
-                                                                       ng-click="catalog.openAddRoleModal(item)"\r
-                                                                       ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone"\r
-                                                                       >\r
-                                                               </div>\r
-                                                       </div>\r
-                                               </li>\r
-                                       </ul>\r
-                               </div>\r
-                       </div>\r
-                       \r
-                       <br>\r
-\r
-                       <div style="text-align: right;">\r
-                               To request access to an application, please visit the <a\r
-                                       ng-href="getAccess">Get Access</a> page.\r
-                       </div>\r
-\r
-                       <br>\r
-               </div>\r
-\r
-       </div>\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="w-ecomp-app-catalog">
+       <div class="app-catalog-container" id="page-content">
+               <div id="title" class="w-ecomp-main-view-title">
+                       <h1 class="heading-page">Application Catalog</h1>
+               </div>
+               <div class="app-catalog-list">
+                       <div class="simulateCatGridHeader">
+                               <span class="simulateCatGridHeaderDetails"> Click the check
+                                       boxes below to choose which applications are shown on the <a
+                                       href="applicationsHome">home page</a>.
+                               </span> <br> <br> <label id="label-all"
+                                       class="simulateCatGridHeaderRadio"> Filter: <input
+                                       id="radio-button-all" type="radio" ng-model="radioValue"
+                                       value="All"> All
+                               </label> <label id="label-accessible" class="simulateCatGridHeaderRadio">
+                                       <input id="radio-button-accessible" type="radio"
+                                       ng-model="radioValue" value="Accessible"> Accessible
+                               </label> <label id="label-homepage" class="simulateCatGridHeaderRadio">
+                                       <input id="radio-button-homepage" type="radio"
+                                       ng-model="radioValue" value="Selected"> On Home Page
+                               </label>
+
+                       </div>
+                       <div class="appCatalogue-boarder" >
+                               <div gridster="catalog.gridsterOpts">   
+                                       <ul>    
+                                               <li gridster-item="item" ng-repeat="item in appCatalog"
+                                                       ng-if="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')">
+                                                       <div class="gridster-box" style="{{!item.access?' color:lightgray !important':''}}">
+                                                               <div class="gridster-box-header"
+                                                                       ng-show="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')">
+                                                                       <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
+                                                                       <h3 style="cursor: context-menu">{{item.headerText |
+                                                                               elipsis: 13}}</h3>
+                                                                           <div class="form-row" ng-show="item.access || isAdminPortalAdmin">
+                                                                               <label class="checkbox">
+                                                                                   <input id="gridster-{{item.headerText.split(' ').join('-')}}-icon-checkbox" type="checkbox" ng-model="item.select" ng-change="catalog.storeSelection(item)">
+                                                                                   <i class="skin"></i> 
+                                                                               </label> 
+                                                                               <i ng-show="item.pending" class="icon-tickets-contested"></i>                                                                                                                                                   
+                                                                       </div>
+                                                               </div>
+                                                               <div class="gridster-box-content"
+                                                                       ng-style="{'cursor':'pointer',
+                                                                               'background-image': 'url('+(item.imageLink)+')',
+                                                                               'order': item.order, 
+                                                                               'background-color':'white',
+                                                                               'background-repeat': 'no-repeat',
+                                                                               'background-size': '170px 130px'}"
+                                                                       ng-click="catalog.openAddRoleModal(item)"
+                                                                       ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone"
+                                                                       >
+                                                               </div>
+                                                       </div>
+                                               </li>
+                                       </ul>
+                               </div>
+                       </div>
+                       
+                       <br>
+
+                       <div style="text-align: right;">
+                               To request access to an application, please visit the <a
+                               id="get-access-page-link" ng-href="getAccess">Get Access</a> page.
+                       </div>
+
+                       <br>
+               </div>
+
+       </div>
+</div>