[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / dashboard / dashboard.tpl.html
index 5e67526..9a87c0b 100644 (file)
-<!--\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-dashboard-home" id="widgets">\r
-       <div class="dashboard-home-container" id="page-content">\r
-               <div align="center" id="errorInfo"\r
-                       style="display: none; font-size: 12px; margin-left: 5px">\r
-                       <span style="color: red">You don't have a user account in that\r
-                               application. Please ask the system administrator. </span>\r
-               </div>\r
-               <div class="portals-list" style="margin-bottom: 0px;">\r
-                       <div>\r
-                               <div class="simulateGridHeader">\r
-                                       <span class="simulateGridHeaderTitle">Applications <span\r
-                                               class="dashboardSortHeader">Sort by:</span></span>\r
-                                       <div style="float: right; margin: 7px 7px 7px 0px;"\r
-                                               class="form-field" att-select="sort_options"\r
-                                               ng-model="selectedSortType"\r
-                                               id="sort-by-{{selectedSortType.value}}"\r
-                                               ng-change="selectedSortTypeChanged(selectedSortType.value)"></div>\r
-                               </div>\r
-                               <div class="dashboard-boarder">\r
-                                       <div class="gridster-container override_background">\r
-                                               <div ng-if="appsViewData.length==0">\r
-                                                       <div class="app-error-block">\r
-                                                               <i class="icon-information full-linear-icon-information"\r
-                                                                       style="margin-left: 50%; font-size: 90px; color: black"></i> <br>\r
-                                                               <div class="activity-error-msg1">\r
-                                                                       You do not have access to any application or function in ECOMP\r
-                                                                       Portal. <br> Please request access via <a\r
-                                                                               href="https://mylogins.cso.att.com/index.cfm"\r
-                                                                               target="_mylogins">MyLogins</a>.\r
-                                                               </div>\r
-                                                       </div>\r
-                                               </div>\r
-\r
-                                               <div ng-if="appsViewData.length>0" id="page-content"\r
-                                                       class="content" gridster="dashboard.gridsterAppOpts">\r
-                                                       <ul>\r
-                                                               <li gridster-item="item" ng-repeat="item in appsViewData">\r
-                                                                       <div class="gridster-box" ng-if="item.addRemoveApps == null">\r
-                                                                               <div class="gridster-box-header">\r
-                                                                                       <i class="icon-content-gridguide"></i>\r
-                                                                                       <h3 style="cursor: context-menu">{{item.headerText |\r
-                                                                                               elipsis: 14}}</h3>\r
-                                                                               </div>\r
-                                                                               <div class="gridster-box-content"\r
-                                                                                       ng-style="{'cursor':'pointer',\r
-                                                                                       'background-image': 'url('+(item.imageLink)+')',\r
-                                                                                       'background-color':'white',\r
-                                                                                       'background-repeat': 'no-repeat',\r
-                                                                                       'background-size': '170px 130px'}"\r
-                                                                                       ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"\r
-                                                                                       ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">\r
-                                                                               </div>\r
-                                                                       </div>\r
-                                                                       <div class="gridster-box" ng-if="item.addRemoveApps">\r
-                                                                               <div class="gridster-box-header" style="cursor: pointer;"\r
-                                                                                       ng-click="dashboard.goToCatalog()">\r
-                                                                                       <i class="icon-content-gridguide"></i>\r
-                                                                                       <h3>Select applications...</h3>\r
-\r
-                                                                               </div>\r
-                                                                               <div class="gridster-box-content"\r
-                                                                                       ng-style="{'cursor':'pointer',\r
-                                                                               'order': item.order, \r
-                                                                               'text-align': 'center',\r
-                                                                               'background-color':'white',\r
-                                                                               'background-repeat': 'no-repeat',\r
-                                                                               'background-size': '170px 130px',\r
-                                                                               'padding': '4px',\r
-                                                                               'opacity': '1'}"\r
-                                                                                       ng-click="dashboard.goToCatalog()" class="gridsterContent">\r
-                                                                                       <label style="font-size: 12px;">Click\r
-                                                                                               here to personalize <br> this applications page\r
-                                                                                       </label> <i class="icon-controls-add-maximize"\r
-                                                                                               style="font-size: 80px; color: #067ab4"></i>\r
-                                                                               </div>\r
-                                                                       </div>\r
-                                                               </li>\r
-                                                       </ul>\r
-                                               </div>\r
-\r
-                                       </div>\r
-\r
-                               </div>\r
-                       </div>\r
-\r
-                       <br> <br>\r
-\r
-\r
-                       <div style="font-family: Omnes-ECOMP-W02;"\r
-                               ng-show=dashboard.isCommError>Failed to communicate with the\r
-                               widget microservice.</div>\r
-                       \r
-                       <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">\r
-                               <ul>\r
-                                       <li gridster-item="widget" ng-repeat="widget in widgetsViewData">\r
-                                               <div class="box">\r
-                                                       <div class="box-header">\r
-                                                       <i style="cursor:move;" class="icon-content-gridguide"></i>\r
-                                                               <h3>{{ widget.headerText}}</h3>\r
-                                                               <div class="box-header-btns pull-right"\r
-                                                                       ng-if="isAdminPortalAdmin == true" class="ng-scope">\r
-                                                                               <a id="widgetHeaderBtns"\r
-                                                                                       class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"\r
-                                                                                       ng-class="singleBtnBorder" alt="Settings"\r
-                                                                                       ng-mousedown="showImpResOption=!showImpResOption"\r
-                                                                                       ng-mouseleave="showImpResOption=false" title="Settings"\r
-                                                                                       ddh-accessibility-click="13,32" tabindex="0"><span\r
-                                                                                       style="color: #888;"><img\r
-                                                                                       ng-src="assets/images/generic.png"\r
-                                                                                       style="margin-bottom: 3px; margin-left: 3px;" alt="..."\r
-                                                                                       aria-label="Tap or Click to move"\r
-                                                                                       src="assets/images/generic.png"></span></a>\r
-\r
-                                                                               <ul class="optionsMenu"\r
-                                                                                       style="display: block"\r
-                                                                                       ng-show="showImpResOption"\r
-                                                                                       ng-mouseenter="showImpResOption=true"\r
-                                                                                       ng-mouseleave="showImpResOption=false">\r
-                                                                                       <!-- ngIf: widget.duplicateAllowed -->\r
-                                                                                       <li ng-show="widget.widgetIdentifier != ''"\r
-                                                                                               ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">\r
-                                                                                               <a class="optionsMenuLink" href="javascript:void(0)"\r
-                                                                                               ddh-accessibility-click="13,32">Edit</a>\r
-                                                                                       </li>\r
-                                                                                       \r
-                                                                                       <li\r
-                                                                                               ng-click="editWidgetParameters(widget.widgetid);">\r
-                                                                                               <a class="optionsMenuLink" href="javascript:void(0)"\r
-                                                                                               ddh-accessibility-click="13,32">Parameters</a>\r
-                                                                                       </li>\r
-                                                                                       \r
-                                                                                       <!-- end ngIf: widget.duplicateAllowed  -->\r
-                                                                               </ul>\r
-\r
-                                                               </div>\r
-                                                       </div>\r
-                                                       <div class="box-content">\r
-                                                       <div  dyn-attr="widget.attrb"></div>\r
-                                                       </div>\r
-                                               </div>\r
-                                       </li>\r
-                               </ul>\r
-                       </div>\r
-                       <div></div>\r
-                       <div class="gridster-container override_background">\r
-                               <div id="dashboardAddWidgetPreference"\r
-                                       ng-style="{'cursor':'pointer'}"\r
-                                       ng-click="dashboard.goToWidgetCatLog()">\r
-                                       <i class="icon-controls-add-maximize"></i> Add Widget\r
-                               </div>\r
-                               &nbsp;\r
-                               <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"\r
-                                       ng-click="restoreSortSelected()">\r
-                                       <i class="icon-arrows-replay-restart"></i> Reset Widget Layout\r
-                               </div>\r
-                       </div>\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-dashboard-home" id="widgets">
+       <div class="dashboard-home-container" id="page-content">
+               <div align="center" id="errorInfo"
+                       style="display: none; font-size: 12px; margin-left: 5px">
+                       <span style="color: red">You don't have a user account in that
+                               application. Please ask the system administrator. </span>
+               </div>
+               <div class="portals-list" style="margin-bottom: 0px;">
+                       <div>
+                               <div class="simulateGridHeader">
+                                       <span class="simulateGridHeaderTitle">Applications <span
+                                               class="dashboardSortHeader">Sort by:</span>
+                                               
+                                               <div id="dashboard-dropdown">
+                                               <select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown  ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">  
+                                       <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>
+                                               </select>
+                                               </div>
+                                               </span>
+                                               
+                               </div>
+                               <div class="dashboard-boarder">
+                                       <div class="gridster-container override_background">
+                                               <div ng-if="appsViewData.length==0">
+                                                       <div class="app-error-block">
+                                                               <i class="icon-information full-linear-icon-information"
+                                                                       style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
+                                                               <div class="activity-error-msg1">
+                                                                       You do not have access to any application or function in ECOMP
+                                                                       Portal.
+                                                                       <div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
+                                                               </div>
+                                                       </div>
+                                               </div>
+
+                                               <div ng-if="appsViewData.length>0" id="page-content"
+                                                       class="content" gridster="dashboard.gridsterAppOpts">
+                                                       <ul>
+                                                               <li gridster-item="item" ng-repeat="item in appsViewData">
+                                                                       <div class="gridster-box" ng-if="item.addRemoveApps == null">
+                                                                               <div class="gridster-box-header">
+                                                                                       <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
+                                                                                       <h3 style="cursor: context-menu">{{item.headerText |
+                                                                                               elipsis: 14}}</h3>
+                                                                               </div>
+                                                                               <div class="gridster-box-content"
+                                                                               id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
+                                                                                       ng-style="{'cursor':'pointer',
+                                                                                       'background-image': 'url('+(item.imageLink)+')',
+                                                                                       'background-color':'white',
+                                                                                       'background-repeat': 'no-repeat',
+                                                                                       'background-size': '170px 130px'}"
+                                                                                       ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
+                                                                                       ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
+                                                                               </div>
+                                                                       </div>
+                                                                       <div class="gridster-box" ng-if="item.addRemoveApps">
+                                                                               <div class="gridster-box-header" style="cursor: pointer;"
+                                                                                       ng-click="dashboard.goToCatalog()">
+                                                                                       <i class="icon-content-gridguide"></i>
+                                                                                       <h3>Select applications...</h3>
+
+                                                                               </div>
+                                                                               <div class="gridster-box-content"
+                                                                               id="gridster-personalize"
+                                                                                       ng-style="{'cursor':'pointer',
+                                                                               'order': item.order, 
+                                                                               'text-align': 'center',
+                                                                               'background-color':'white',
+                                                                               'background-repeat': 'no-repeat',
+                                                                               'background-size': '170px 130px',
+                                                                               'padding': '4px',
+                                                                               'opacity': '1'}"
+                                                                                       ng-click="dashboard.goToCatalog()" class="gridsterContent">
+                                                                                       <label id="add-icon-label"  style="font-size: 12px;">Click
+                                                                                               here to personalize <br> this applications page
+                                                                                       </label> <i  id="add-icon" class="icon-controls-add-maximize"
+                                                                                               style="font-size: 80px; color: #067ab4"></i>
+                                                                               </div>
+                                                                       </div>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+
+                                       </div>
+
+                               </div>
+                       </div>
+
+                       <br> <br>
+
+
+                       <div 
+                               ng-show=dashboard.isCommError>Failed to communicate with the
+                               widget microservice.</div>
+                       
+                       <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
+                               <ul>
+                                       <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
+                                               <div class="box">
+                                                       <div class="box-header">
+                                                       <i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" style="cursor:move;" class="icon-content-gridguide"></i>
+                                                               <h3>{{ widget.headerText}}</h3>
+                                                               <div class="box-header-btns pull-right"
+                                                                       ng-if="isAdminPortalAdmin == true" class="ng-scope">
+                                                                               <a id="widgetHeaderBtns"
+                                                                                       class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
+                                                                                       ng-class="singleBtnBorder" alt="Settings"
+                                                                                       ng-mousedown="showImpResOption=!showImpResOption"
+                                                                                       ng-mouseleave="showImpResOption=false" title="Settings"
+                                                                                       ddh-accessibility-click="13,32" tabindex="0"><span
+                                                                                       style="color: #888;"><img
+                                                                                       ng-src="assets/images/generic.png"
+                                                                                       style="margin-bottom: 3px; margin-left: 3px;" alt="..."
+                                                                                       aria-label="Tap or Click to move"
+                                                                                       src="assets/images/generic.png"></span></a>
+
+                                                                               <ul class="optionsMenu"
+                                                                                       style="display: block"
+                                                                                       ng-show="showImpResOption"
+                                                                                       ng-mouseenter="showImpResOption=true"
+                                                                                       ng-mouseleave="showImpResOption=false">
+                                                                                       <!-- ngIf: widget.duplicateAllowed -->
+                                                                                       <li ng-show="widget.widgetIdentifier != ''"
+                                                                                               ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
+                                                                                               <a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
+                                                                                               ddh-accessibility-click="13,32">Edit</a>
+                                                                                       </li>
+                                                                                       
+                                                                                       <li
+                                                                                               ng-click="editWidgetParameters(widget.widgetid);">
+                                                                                               <a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
+                                                                                               ddh-accessibility-click="13,32">Parameters</a>
+                                                                                       </li>
+                                                                                       
+                                                                                       <!-- end ngIf: widget.duplicateAllowed  -->
+                                                                               </ul>
+
+                                                               </div>
+                                                       </div>
+                                                       <div class="box-content">
+                                                       <div  dyn-attr="widget.attrb"></div>
+                                                       </div>
+                                               </div>
+                                       </li>
+                               </ul>
+                       </div>
+                       <div></div>
+                       <div class="gridster-container override_background">
+                               <div id="dashboardAddWidgetPreference"
+                                       ng-style="{'cursor':'pointer'}"
+                                       ng-click="dashboard.goToWidgetCatLog()">
+                                       <i class="icon-controls-add-maximize"></i> Add Widget
+                               </div>
+                               &nbsp;
+                               <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
+                                       ng-click="restoreSortSelected()">
+                                       <i class="icon-arrows-replay-restart"></i> Reset Widget Layout
+                               </div>
+                       </div>
+               </div>
+
+       </div>
+</div>