summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html')
-rw-r--r--ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html91
1 files changed, 91 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html b/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html
new file mode 100644
index 00000000..e169afa9
--- /dev/null
+++ b/ecomp-portal-FE/client/app/views/catalog/catalog.tpl.html
@@ -0,0 +1,91 @@
+<!--
+ ================================================================================
+ 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" id="contentId">
+ <div class="app-catalog-container">
+ <div id="app-catalog-title" class="app-catalog-title">Application Catalog</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 class="simulateCatGridHeaderRadio"> Filter:
+ <input type="radio" ng-model="radioValue" value="All"> All
+ </label> <label class="simulateCatGridHeaderRadio"> <input
+ type="radio" ng-model="radioValue" value="Accessible">
+ Accessible
+ </label> <label class="simulateCatGridHeaderRadio"> <input
+ type="radio" ng-model="radioValue" value="Selected"> On
+ Home Page
+ </label>
+
+ </div>
+ <div class="appCatalogue-boarder">
+ <div class="gridster-container override_background">
+ <div att-gridster att-gridster-options="catalog.gridsterOpts">
+ <div class="style_prevu_kit" att-gridster-item='item'
+ ng-repeat="item in appCatalog" ng-animate="'animate'"
+ ng-if="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')"
+ id="app-{{item.headerText.split(' ').join('-')}}">
+
+ <div class="grider-content-ecomp app-visibility {{item.access}}"
+ ng-show="(item.select && radioValue=='Selected') || (item.access && radioValue=='Accessible') || (radioValue == 'All')">
+ <div id="grips-{{item.headerText.split(' ').join('-')}}"
+ ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone"
+ att-gridster-item-header
+ grips-img-path="assets/images/grips.png"
+ header-text="{{item.headerText | elipsis: 15}}"
+ class="app-gridster-header">
+ <div ng-show="item.access || isAdminPortalAdmin">
+ <input type="checkbox" ng-model="item.select"
+ ng-change="catalog.storeSelection(item)">
+ </div>
+ <div ng-show="item.pending && !item.access">
+ <i style="font-size: 8px">Pending Access</i>
+ </div>
+ </div>
+ <div id="app-image-{{item.headerText.split(' ').join('-')}}"
+ att-gridster-item-body
+ 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.getAccess(item)"
+ ng-hide="users.isLoadingTable && !users.getAppCatalogIsDone"
+ class="gridsterContent"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <br>
+
+ <div class="w-ecomp-main-disclaimer">
+ To request access to an application, please visit the <a
+ ng-href="getAccess">Get Access</a> page.
+ </div>
+
+ <br>
+ </div>
+
+ </div>
+</div> \ No newline at end of file