Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / views / catalog / catalog.tpl.html

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 (file)
index 0000000..e169afa
--- /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