2 ================================================================================
\r
4 ================================================================================
\r
5 Copyright (C) 2017 AT&T Intellectual Property
\r
6 ================================================================================
\r
7 Licensed under the Apache License, Version 2.0 (the "License");
\r
8 you may not use this file except in compliance with the License.
\r
9 You may obtain a copy of the License at
\r
11 http://www.apache.org/licenses/LICENSE-2.0
\r
13 Unless required by applicable law or agreed to in writing, software
\r
14 distributed under the License is distributed on an "AS IS" BASIS,
\r
15 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
16 See the License for the specific language governing permissions and
\r
17 limitations under the License.
\r
18 ================================================================================
\r
20 <div class="w-ecomp-dashboard-home" id="widgets">
\r
21 <div class="dashboard-home-container" id="page-content">
\r
22 <div align="center" id="errorInfo"
\r
23 style="display: none; font-size: 12px; margin-left: 5px">
\r
24 <span style="color: red">You don't have a user account in that
\r
25 application. Please ask the system administrator. </span>
\r
27 <div class="portals-list" style="margin-bottom: 0px;">
\r
29 <div class="simulateGridHeader">
\r
30 <span class="simulateGridHeaderTitle">Applications <span
\r
31 class="dashboardSortHeader">Sort by:</span></span>
\r
32 <div style="float: right; margin: 7px 7px 7px 0px;"
\r
33 class="form-field" att-select="sort_options"
\r
34 ng-model="selectedSortType"
\r
35 id="sort-by-{{selectedSortType.value}}"
\r
36 ng-change="selectedSortTypeChanged(selectedSortType.value)"></div>
\r
38 <div class="dashboard-boarder">
\r
39 <div class="gridster-container override_background">
\r
40 <div ng-if="appsViewData.length==0">
\r
41 <div class="app-error-block">
\r
42 <i class="icon-information full-linear-icon-information"
\r
43 style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
\r
44 <div class="activity-error-msg1">
\r
45 You do not have access to any application or function in ECOMP
\r
46 Portal. <br> Please request access via <a
\r
47 href="https://mylogins.cso.att.com/index.cfm"
\r
48 target="_mylogins">MyLogins</a>.
\r
53 <div ng-if="appsViewData.length>0" id="page-content"
\r
54 class="content" gridster="dashboard.gridsterAppOpts">
\r
56 <li gridster-item="item" ng-repeat="item in appsViewData">
\r
57 <div class="gridster-box" ng-if="item.addRemoveApps == null">
\r
58 <div class="gridster-box-header">
\r
59 <i class="icon-content-gridguide"></i>
\r
60 <h3 style="cursor: context-menu">{{item.headerText |
\r
63 <div class="gridster-box-content"
\r
64 ng-style="{'cursor':'pointer',
\r
65 'background-image': 'url('+(item.imageLink)+')',
\r
66 'background-color':'white',
\r
67 'background-repeat': 'no-repeat',
\r
68 'background-size': '170px 130px'}"
\r
69 ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
\r
70 ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
\r
73 <div class="gridster-box" ng-if="item.addRemoveApps">
\r
74 <div class="gridster-box-header" style="cursor: pointer;"
\r
75 ng-click="dashboard.goToCatalog()">
\r
76 <i class="icon-content-gridguide"></i>
\r
77 <h3>Select applications...</h3>
\r
80 <div class="gridster-box-content"
\r
81 ng-style="{'cursor':'pointer',
\r
82 'order': item.order,
\r
83 'text-align': 'center',
\r
84 'background-color':'white',
\r
85 'background-repeat': 'no-repeat',
\r
86 'background-size': '170px 130px',
\r
89 ng-click="dashboard.goToCatalog()" class="gridsterContent">
\r
90 <label style="font-size: 12px;">Click
\r
91 here to personalize <br> this applications page
\r
92 </label> <i class="icon-controls-add-maximize"
\r
93 style="font-size: 80px; color: #067ab4"></i>
\r
108 <div style="font-family: Omnes-ECOMP-W02;"
\r
109 ng-show=dashboard.isCommError>Failed to communicate with the
\r
110 widget microservice.</div>
\r
112 <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
\r
114 <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
\r
116 <div class="box-header">
\r
117 <i style="cursor:move;" class="icon-content-gridguide"></i>
\r
118 <h3>{{ widget.headerText}}</h3>
\r
119 <div class="box-header-btns pull-right"
\r
120 ng-if="isAdminPortalAdmin == true" class="ng-scope">
\r
121 <a id="widgetHeaderBtns"
\r
122 class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
\r
123 ng-class="singleBtnBorder" alt="Settings"
\r
124 ng-mousedown="showImpResOption=!showImpResOption"
\r
125 ng-mouseleave="showImpResOption=false" title="Settings"
\r
126 ddh-accessibility-click="13,32" tabindex="0"><span
\r
127 style="color: #888;"><img
\r
128 ng-src="assets/images/generic.png"
\r
129 style="margin-bottom: 3px; margin-left: 3px;" alt="..."
\r
130 aria-label="Tap or Click to move"
\r
131 src="assets/images/generic.png"></span></a>
\r
133 <ul class="optionsMenu"
\r
134 style="display: block"
\r
135 ng-show="showImpResOption"
\r
136 ng-mouseenter="showImpResOption=true"
\r
137 ng-mouseleave="showImpResOption=false">
\r
138 <!-- ngIf: widget.duplicateAllowed -->
\r
139 <li ng-show="widget.widgetIdentifier != ''"
\r
140 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
\r
141 <a class="optionsMenuLink" href="javascript:void(0)"
\r
142 ddh-accessibility-click="13,32">Edit</a>
\r
146 ng-click="editWidgetParameters(widget.widgetid);">
\r
147 <a class="optionsMenuLink" href="javascript:void(0)"
\r
148 ddh-accessibility-click="13,32">Parameters</a>
\r
151 <!-- end ngIf: widget.duplicateAllowed -->
\r
156 <div class="box-content">
\r
157 <div dyn-attr="widget.attrb"></div>
\r
164 <div class="gridster-container override_background">
\r
165 <div id="dashboardAddWidgetPreference"
\r
166 ng-style="{'cursor':'pointer'}"
\r
167 ng-click="dashboard.goToWidgetCatLog()">
\r
168 <i class="icon-controls-add-maximize"></i> Add Widget
\r
171 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
\r
172 ng-click="restoreSortSelected()">
\r
173 <i class="icon-arrows-replay-restart"></i> Reset Widget Layout
\r