2 ================================================================================
4 ================================================================================
5 Copyright (C) 2017 AT&T Intellectual Property
6 ================================================================================
7 Licensed under the Apache License, Version 2.0 (the "License");
8 you may not use this file except in compliance with the License.
9 You may obtain a copy of the License at
11 http://www.apache.org/licenses/LICENSE-2.0
13 Unless required by applicable law or agreed to in writing, software
14 distributed under the License is distributed on an "AS IS" BASIS,
15 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 See the License for the specific language governing permissions and
17 limitations under the License.
18 ================================================================================
20 <div class="w-ecomp-dashboard-home" id="widgets">
21 <div class="dashboard-home-container" id="page-content">
22 <div align="center" id="errorInfo"
23 style="display: none; font-size: 12px; margin-left: 5px">
24 <span style="color: red">You don't have a user account in that
25 application. Please ask the system administrator. </span>
27 <div class="portals-list" style="margin-bottom: 0px;">
29 <div class="simulateGridHeader">
30 <span class="simulateGridHeaderTitle">Applications <span
31 class="dashboardSortHeader">Sort by:</span>
33 <div id="dashboard-dropdown">
34 <select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">
35 <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>
41 <div class="dashboard-boarder">
42 <div class="gridster-container override_background">
43 <div ng-if="appsViewData.length==0">
44 <div class="app-error-block">
45 <i class="icon-information full-linear-icon-information"
46 style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
47 <div class="activity-error-msg1">
48 You do not have access to any application or function in ECOMP
50 <div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
55 <div ng-if="appsViewData.length>0" id="page-content"
56 class="content" gridster="dashboard.gridsterAppOpts">
58 <li gridster-item="item" ng-repeat="item in appsViewData">
59 <div class="gridster-box" ng-if="item.addRemoveApps == null">
60 <div class="gridster-box-header">
61 <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
62 <h3 style="cursor: context-menu">{{item.headerText |
65 <div class="gridster-box-content"
66 id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
67 ng-style="{'cursor':'pointer',
68 'background-image': 'url('+(item.imageLink)+')',
69 'background-color':'white',
70 'background-repeat': 'no-repeat',
71 'background-size': '170px 130px'}"
72 ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
73 ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
76 <div class="gridster-box" ng-if="item.addRemoveApps">
77 <div class="gridster-box-header" style="cursor: pointer;"
78 ng-click="dashboard.goToCatalog()">
79 <i class="icon-content-gridguide"></i>
80 <h3>Select applications...</h3>
83 <div class="gridster-box-content"
84 id="gridster-personalize"
85 ng-style="{'cursor':'pointer',
87 'text-align': 'center',
88 'background-color':'white',
89 'background-repeat': 'no-repeat',
90 'background-size': '170px 130px',
93 ng-click="dashboard.goToCatalog()" class="gridsterContent">
94 <label id="add-icon-label" style="font-size: 12px;">Click
95 here to personalize <br> this applications page
96 </label> <i id="add-icon" class="icon-controls-add-maximize"
97 style="font-size: 80px; color: #067ab4"></i>
113 ng-show=dashboard.isCommError>Failed to communicate with the
114 widget microservice.</div>
116 <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
118 <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
120 <div class="box-header">
121 <i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" style="cursor:move;" class="icon-content-gridguide"></i>
122 <h3>{{ widget.headerText}}</h3>
123 <div class="box-header-btns pull-right"
124 ng-if="isAdminPortalAdmin == true" class="ng-scope">
125 <a id="widgetHeaderBtns"
126 class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
127 ng-class="singleBtnBorder" alt="Settings"
128 ng-mousedown="showImpResOption=!showImpResOption"
129 ng-mouseleave="showImpResOption=false" title="Settings"
130 ddh-accessibility-click="13,32" tabindex="0"><span
131 style="color: #888;"><img
132 ng-src="assets/images/generic.png"
133 style="margin-bottom: 3px; margin-left: 3px;" alt="..."
134 aria-label="Tap or Click to move"
135 src="assets/images/generic.png"></span></a>
137 <ul class="optionsMenu"
138 style="display: block"
139 ng-show="showImpResOption"
140 ng-mouseenter="showImpResOption=true"
141 ng-mouseleave="showImpResOption=false">
142 <!-- ngIf: widget.duplicateAllowed -->
143 <li ng-show="widget.widgetIdentifier != ''"
144 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
145 <a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
146 ddh-accessibility-click="13,32">Edit</a>
150 ng-click="editWidgetParameters(widget.widgetid);">
151 <a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
152 ddh-accessibility-click="13,32">Parameters</a>
155 <!-- end ngIf: widget.duplicateAllowed -->
160 <div class="box-content">
161 <div dyn-attr="widget.attrb"></div>
168 <div class="gridster-container override_background">
169 <div id="dashboardAddWidgetPreference"
170 ng-style="{'cursor':'pointer'}"
171 ng-click="dashboard.goToWidgetCatLog()">
172 <i class="icon-controls-add-maximize"></i> Add Widget
175 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
176 ng-click="restoreSortSelected()">
177 <i class="icon-arrows-replay-restart"></i> Reset Widget Layout