-<!--\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>
+ <div class="catalog-radio-div">
+ <label for="radio-button-all" class="radio">
+ <span>Filter: </span>
+ </label>
+ </div>
+ <div class="catalog-radio-div">
+ <label for="radio-button-all" class="radio">
+ <input type="radio" ng-model="radioValue" id="radio-button-all" name="All" value="All" >
+ <i class="skin"></i>
+ <span>All</span>
+ </label>
+ </div>
+ <div class="catalog-radio-div">
+ <label for="radio-button-accessible" class="radio">
+ <input type="radio" ng-model="radioValue" id="radio-button-accessible" name="Accessible" value="Accessible" >
+ <i class="skin"></i>
+ <span>Accessible</span>
+ </label>
+ </div>
+ <div class="catalog-radio-div">
+ <label for="radio-button-homepage" class="radio">
+ <input type="radio" ng-model="radioValue" id="radio-button-homepage" name="Selected" value="Selected">
+ <i class="skin"></i>
+ <span>On Home Page</span>
+ </label>
+ </div>
+ </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 id="gridster-{{item.headerText.split(' ').join('-')}}-icon-checkbox" 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': '168px 118px'}"
+ ng-click="catalog.openAddRoleModal(item)"
+ ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone">
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ <br>
+
+ <div class="access-request-txt">
+ 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>