[PORTAL-7] Rebase

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

diff --git a/ecomp-portal-FE-common/client/app/views/widgets/widgets.tpl.html b/ecomp-portal-FE-common/client/app/views/widgets/widgets.tpl.html
new file mode 100644 (file)
index 0000000..8afb826
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/widgets/widgets.tpl.html
@@ -0,0 +1,81 @@
+<!--\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-main">\r
+    <div class="w-ecomp-main-container">\r
+        <div class="widgets-page-main" id="page-content">\r
+            <div id="widget-onboarding-title" class="w-ecomp-main-view-title">Widget Onboarding</div>\r
+            <div class="widgets-table">\r
+                <div class="table-control">\r
+                        <div class="c-ecomp-portal-abs-select default">\r
+                            <div class="form-field" id="widegets-available-apps"\r
+                                 att-select="widgets.availableApps"\r
+                                 ng-model="widgets.filterByApp"></div>\r
+                        </div>\r
+                    <input class="table-search" type="text" id="widget-onboarding-table-search"\r
+                           placeholder="Search in entire table"\r
+                           ng-model="widgets.searchString"/>\r
+\r
+                    <div id="widget-onboarding-button-add" class="add-button" ng-click="widgets.openWidgetDetailsModal()">Add Widget</div>\r
+                </div>\r
+                <div class="error-text" ng-show="infoMessage">\r
+                    <span class="error-help">Only widgets for active applications are displayed.</span>\r
+                    <button type="button" class="close" ng-click="hideMe()">&times;</button>\r
+                </div>\r
+                <div class="error-text" ng-show="noWidgets">\r
+                    <span class="informational">There are currently no widgets available.</span>\r
+                </div>\r
+\r
+                <span class="ecomp-spinner" ng-show="widgets.isLoadingTable"></span>\r
+                <div class="c-ecomp-portal-abs-table default" ng-hide="widgets.isLoadingTable">\r
+                    <table b2b-table\r
+                           table-data="widgets.widgetsList"\r
+                           search-string="widgets.searchString"\r
+                           view-per-page="widgets.viewPerPageIgnored"\r
+                           current-page="widgets.currentPageIgnored"\r
+                           total-page="widgets.totalPageIgnored">\r
+                        <thead b2b-table-row type="header">\r
+                        <tr>\r
+                            <th id="widget-onboarding-th-header-name" ng-repeat="header in widgets.widgetsTableHeaders" b2b-table-header key="{{header.value}}" sortable="{{header.isSortable}}">{{header.name}}</th>\r
+                            <th id="widget-onboarding-th-header-url" b2b-table-header  key="url" sortable="{{false}}">URL</th>\r
+                            <th id="widget-onboarding-th-header-delete" b2b-table-header  sortable="{{false}}">Delete</th>\r
+                        </tr>\r
+                        </thead>\r
+                        <tbody b2b-table-row type="body"\r
+                               class="table-body"\r
+                               row-repeat="rowData in widgets.widgetsList | filter:widgets.filterByDropdownValue">\r
+                        <tr >\r
+                            <td b2b-table-body ng-repeat="header in widgets.widgetsTableHeaders" ng-click="widgets.openWidgetDetailsModal(rowData)">\r
+                                <div id="widget-onboarding-div-{{rowData[header.value].split(' ').join('-')}}" ng-bind="rowData[header.value]"></div>\r
+                            </td>\r
+                            <td b2b-table-body ng-click="widgets.openWidgetDetailsModal(rowData)">\r
+                                <div id="widget-onboarding-div-url-{{rowData[header.value].split(' ').join('-')}}" ng-bind="rowData.url | trusted"></div>\r
+                            </td>\r
+                            <td b2b-table-body>\r
+                                <div id="widget-onboarding-div-delete-widget-{{$index}}" class="delete-widget" ng-click="widgets.deleteWidget(rowData)"></div>\r
+                            </td>\r
+                        </tr>\r
+                        </tbody>\r
+                    </table>\r
+                </div>\r
+            </div>\r
+        </div>\r
+    </div>\r
+\r
+</div>\r