Initial OpenECOMP Portal commit

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

diff --git a/ecomp-portal-FE/client/app/views/admins/admins.tpl.html b/ecomp-portal-FE/client/app/views/admins/admins.tpl.html
new file mode 100644 (file)
index 0000000..543b9ea
--- /dev/null
+++ b/ecomp-portal-FE/client/app/views/admins/admins.tpl.html
@@ -0,0 +1,82 @@
+<!--
+  ================================================================================
+  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-main">
+    <div class="w-ecomp-main-container">
+        <div class="admins-page-main" id="contentId">
+            <div id="title" class="w-ecomp-main-view-title">Admins</div>
+            <div class="admins-table">
+                <div class="table-control">
+                    <div class="table-dropdown-filter">
+                        <div class="c-ecomp-att-abs-select default">
+                            <div class="form-field" id="dropdown-apps"
+                                 att-select="admins.availableApps"
+                                 ng-model="admins.filterByApp"></div>
+                        </div>
+                    </div>
+                    <input id="input-table-search" class="table-search" type="text"
+                           placeholder="Search in entire table"
+                           ng-model="admins.searchString"/>                    
+                    <div id="Add-Admin-button" class="add-button" ng-click="admins.openAddNewAdminModal()">Add Admin</div>
+                </div>
+                <span class="ecomp-spinner" ng-show="admins.isLoadingTable"></span>
+                <div class="c-ecomp-att-abs-table default" ng-hide="admins.isLoadingTable">
+                    <table att-table
+                           table-data="admins.adminsTableData"
+                           search-string="admins.searchString"
+                           view-per-page="admins.viewPerPageIgnored"
+                           current-page="admins.currentPageIgnored"
+                           total-page="admins.totalPageIgnored">
+                        <thead att-table-row type="header">
+                        <tr>
+                            <th id="th-first-name" att-table-header key="firstName" default-sort="a">{{admins.adminsTableHeaders[0]}}</th>
+                            <th id="th-last-name" att-table-header key="lastName" sortable="true">{{admins.adminsTableHeaders[1]}}</th>
+                            <th id="th-userId" att-table-header key="userId" sortable="true">{{admins.adminsTableHeaders[2]}}</th>
+                            <th id="th-apps" att-table-header key="apps" sortable="false">{{admins.adminsTableHeaders[3]}}</th>
+                        </tr>
+                        </thead>
+                        <tbody att-table-row type="body"
+                               class="table-body"
+                               style="overflow-y:scroll"
+                               row-repeat="rowData in admins.adminsTableData | filter: admins.portalsRowFilter">
+                        <tr ng-click="admins.openAddNewAdminModal(rowData)" >
+                            <td att-table-body class="td-first">
+                                <div id="div-{{rowData.userId}}-{{rowData.firstName}}" ng-bind="rowData.firstName"></div>
+                            </td>
+                            <td att-table-body>
+                                <div id="div-{{rowData.userId}}-{{rowData.lastName}}" ng-bind="rowData.lastName"></div>
+                            </td>
+                            <td att-table-body>
+                                <div id="div-{{rowData.userId}}" style="float: left;" ng-bind="rowData.orgUserId"></div>
+                                <div>
+                                    <span style="float: left; margin-left:15px" class="ion-person" ng-click="admins.openEditUserModal(rowData.orgUserId);$event.stopPropagation()"></span>
+                                </div>
+                            </td>
+                            <td att-table-body>
+                                <div id="apps-{{rowData.userId}}-{{app.appName}}" ng-repeat="app in rowData.apps" ng-bind="app.appName"></div>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>