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-applications-home" id="contentId">
21 <div class="applications-home-container">
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>
32 <div class="dashboard-boarder">
33 <div class="gridster-container override_background">
35 <div att-gridster att-gridster-options="dashboard.gridsterOpts">
37 <div ng-if="appsView.length==1">
38 <i class="ion-information-circled full-linear-ion-information-circled"
39 style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
40 <div class="activity-error-msg1">
41 <span>Click on the tile at the left to personalize your applications.</span>
45 <div class="style_prevu_kit" att-gridster-item='item'
46 ng-repeat="item in appsView"
47 id="app-{{item.headerText.split(' ').join('-')}}">
48 <!-- A regular application tile -->
49 <div class="grider-content-ecomp" ng-if="item.addRemoveApps == null">
50 <div id="grips-{{item.headerText.split(' ').join('-')}}"
51 ng-hide="users.isLoadingTable && !users.getUserAppsIsDone"
52 att-gridster-item-header
53 grips-img-path="assets/images/grips.png"
54 header-text="{{item.headerText | elipsis: 33}}"
55 class="app-gridster-header"></div>
56 <div id="app-image-{{item.headerText.split(' ').join('-')}}"
57 att-gridster-item-body
58 ng-style="{'cursor':'pointer',
59 'background-image': 'url('+(item.imageLink)+')',
61 'background-color':'white',
62 'background-repeat': 'no-repeat',
63 'background-size': '170px 130px'}"
64 ng-click="dashboard.goToPortal(item)"
65 ng-hide="users.isLoadingTable && !users.getUserAppsIsDone"
66 class="gridsterContent"></div>
68 <!-- Format the special tile differently -->
69 <div class="grider-content-ecomp" style="width: 170px" ng-if="item.addRemoveApps">
70 <div id="grips-add-remove-applications-tile" att-gridster-item-header
71 grips-img-path="assets/images/grips.png"
72 header-text='Select applications..'
73 ng-click="dashboard.goToCatalog()"
74 ng-style="{'cursor':'pointer'}"
75 class="app-gridster-header">
77 <div id="app-image-empty" att-gridster-item-body
78 ng-style="{'cursor':'pointer',
79 'text-align':'center',
81 'background-color':'white',
82 'background-repeat': 'no-repeat',
83 'background-size': '170px 130px',
87 ng-click="dashboard.goToCatalog()" class="gridsterContent">
88 <label style="font-size:12px">Click here to personalize <br> this applications page</label>
89 <i class="ion-plus-circled" style="font-size:70px;color: #067ab4"></i>
104 <div class="information-section">
105 <div id="news-gridster-container"
106 class="gridster-container override_background">
107 <div att-gridster att-gridster-options="dashboard.gridsterOpts">
109 <div class="style_prevu_kit">
111 <div att-gridster-item='newsGridsterItem'>
112 <div att-gridster-item-header
113 grips-img-path="assets/images/grips.png"
114 header-text="{{newsGridsterItem.headerText | elipsis: 33}}"
115 header-icon="full-linear-icon-webwindow"
116 sub-header-text="{{newsGridsterItem.subHeaderText | elipsis: 56}}"
117 class="information-sections-gridster-header"
118 style="font-size: 18px">
120 <div ng-if="isAdminPortalAdmin == true"
121 style="font-size: 20px;">
123 <a id="widgetHeaderBtns"
124 class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
125 ng-mousedown="showNewsOption=!showNewsOption"
126 ng-mouseleave="showNewsOption=false"
127 ng-class="singleBtnBorder" role="button" alt="Settings"
128 title="Settings" att-accessibility-click="13,32" tabindex="0">
129 <span class="ion-more" style="color:#888"></span>
131 <ul class="optionsMenu"
132 style="max-width: 130px; height: 32px; display: block"
133 ng-show="showNewsOption" ng-mouseenter="showNewsOption=true"
134 ng-mouseleave="showNewsOption=false">
135 <!-- ngIf: widget.duplicateAllowed -->
136 <li ng-click="editWidgetModalPopup(newsData, 'NEWS');"
137 ddh-accessibility-click="13,32"><a
138 class="optionsMenuLink" href="javascript:void(0)">Edit</a></li>
139 <!-- end ngIf: widget.duplicateAllowed -->
145 <div id="newsContainer" att-gridster-item-body
146 class="information-section-gridsterContent">
148 <ul id="newsContent" ng-show="newsData.length!=0">
149 <li ng-repeat="news in newsData"><a href="{{news.href}}"
150 target="_blank" ng-bind="news.title"></a></li>
152 <div ng-hide="newsData.length!=0">
153 <div class="activity-error-container"
154 style="background: rgb(255, 255, 255); overflow: auto !important; width: 100%;">
155 <div class="activity-error-block">
156 <i class="ion-information-circled full-linear-ion-information-circled"
157 style="margin-left: 125px; font-size: 90px"></i> <br>
158 <div class="activity-error-msg1">There's currently no
159 news available.</div>
167 <div att-gridster-item='eventsGridsterItem'>
168 <div att-gridster-item-header
169 grips-img-path="assets/images/grips.png"
170 header-text="{{eventsGridsterItem.headerText | elipsis: 33}}"
171 header-icon="full-linear-icon-calendar"
172 sub-header-text="{{eventsGridsterItem.subHeaderText | elipsis: 56}}"
173 class="information-sections-gridster-header"
174 style="font-size: 18px">
175 <div style="font-size: 20px;"
176 ng-if="isAdminPortalAdmin == true" class="ng-scope"
177 role="button" tabindex="0">
178 <a id="widgetHeaderBtns"
179 class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
180 ng-mousedown="showEventsOption=!showEventsOption"
181 ng-mouseleave="showEventsOption=false"
182 ng-class="singleBtnBorder" role="button" alt="Settings"
183 title="Settings" att-accessibility-click="13,32" tabindex="0">
184 <span class="ion-more" style="color:#888"></span>
186 <ul class="optionsMenu"
187 style="max-width: 130px; height: 32px; display: block"
188 ng-show="showEventsOption"
189 ng-mouseenter="showEventsOption=true"
190 ng-mouseleave="showEventsOption=false">
191 <!-- ngIf: widget.duplicateAllowed -->
192 <li ng-click="editWidgetModalPopup(eventData, 'EVENTS');">
193 <a class="optionsMenuLink" href="javascript:void(0)"
194 ddh-accessibility-click="13,32">Edit</a>
196 <!-- end ngIf: widget.duplicateAllowed -->
200 <div att-gridster-item-body
201 class="information-section-gridsterContent">
203 <ul ng-show="eventData.length!=0">
204 <li ng-repeat="event in eventData">
205 <div ng-click="event_content_show=!event_content_show">
206 <div class="events-date">{{event.mon}}/{{event.day}}/{{event.year}}
209 <div class="event-title-div">
210 <p ng-bind="event.title"></p>
213 <span class="ion-ios-arrow-up" ng-if="event_content_show"
214 style="color: #888; font-size: 22px;"></span> <span
215 class="ion-ios-arrow-down" ng-if="!event_content_show"
216 style="color: #888; font-size: 22px;"></span>
219 <div style="clear: both;"></div>
222 <div class="events-content" ng-show="event_content_show">
223 <div class="events-content-body">
224 <a class="events-link" ng-href="{{event.href}}"
225 target="_blank"> <span ng-bind="event.content"></span>
234 <div ng-hide="eventData.length!=0">
235 <div class="activity-error-container"
236 style="background: rgb(255, 255, 255); overflow: hidden !important; width: 100%;">
237 <div class="activity-error-block">
238 <i class="ion-information-circled full-linear-ion-information-circled"
239 style="margin-left: 125px; font-size: 90px"></i> <br>
240 <div class="activity-error-msg1">There's currently no
241 event available.</div>
249 <!-- Important Resources -->
250 <div att-gridster-item='impoResGridsterItem'>
251 <div att-gridster-item-header
252 grips-img-path="assets/images/grips.png"
253 header-text="{{impoResGridsterItem.headerText | elipsis: 33}}"
254 header-icon="full-linear-icon-cloud"
255 sub-header-text="{{impoResGridsterItem.subHeaderText | elipsis: 56}}"
256 class="information-sections-gridster-header"
257 style="font-size: 18px">
258 <!-- <span class="full-linear-icon-cloud" style="font-size: 33px; font-weight: bold; margin-right: 10px;"></span>
260 <div style="font-size: 20px;"
261 ng-if="isAdminPortalAdmin == true" class="ng-scope"
262 role="button" tabindex="0">
263 <a id="widgetHeaderBtns"
264 class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
265 ng-class="singleBtnBorder" role="button" alt="Settings"
266 ng-mousedown="showImpResOption=!showImpResOption"
267 ng-mouseleave="showImpResOption=false" title="Settings"
268 att-accessibility-click="13,32" tabindex="0"> <span
269 class="ion-more" style="color:#888"></span>
272 <ul class="optionsMenu"
273 style="max-width: 130px; height: 32px; display: block"
274 ng-show="showImpResOption"
275 ng-mouseenter="showImpResOption=true"
276 ng-mouseleave="showImpResOption=false">
277 <!-- ngIf: widget.duplicateAllowed -->
279 ng-click="editWidgetModalPopup(importResData, 'IMPORTANTRESOURCES');">
280 <a class="optionsMenuLink" href="javascript:void(0)"
281 ddh-accessibility-click="13,32">Edit</a>
283 <!-- end ngIf: widget.duplicateAllowed -->
288 <div att-gridster-item-body
289 class="information-section-gridsterContent">
290 <div class="resources">
291 <ul ng-show="importResData.length!=0">
293 <li ng-repeat="item in importResData"><a
294 href="{{item.href}}" target="_blanl">{{item.title}}</a></li>
296 <div ng-hide="importResData.length!=0">
297 <div class="activity-error-container"
298 style="background: rgb(255, 255, 255); overflow: hidden !important; width: 100%;">
299 <div class="activity-error-block">
300 <i class="ion-information-circled full-linear-ion-information-circled"
301 style="margin-left: 125px; font-size: 90px"></i> <br>
302 <div class="activity-error-msg1">There's currently no
303 links available.</div>
312 <div class="style_prevu_kit" att-gridster-item='item'
313 ng-repeat="item in widgetData">
315 <div att-gridster-item-header
316 grips-img-path="assets/images/grips.png"
317 header-text="{{item.headerText | elipsis: 33}}"
318 sub-header-text="{{item.subHeaderText | elipsis: 56}}"
319 class="app-gridster-header"></div>
320 <div att-gridster-item-body></div>
325 <div class="style_prevu_kit" att-gridster-item='item'
326 ng-repeat="item in widgetData">
328 <div att-gridster-item-header
329 grips-img-path="assets/images/grips.png"
330 header-text="{{item.headerText | elipsis: 33}}"
331 sub-header-text="{{item.subHeaderText | elipsis: 56}}"
332 class="app-gridster-header"></div>
333 <div att-gridster-item-body></div>