ecomp-portal-FE/client/app/views/dashboard/dashboard.tpl.html

   1 <!--
   2   ================================================================================
   3   eCOMP Portal
   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
  10
  11        http://www.apache.org/licenses/LICENSE-2.0
  12
  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   ================================================================================
  19   -->
  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>
  26                 </div>
  27                 <div class="portals-list" style="margin-bottom: 0px;">
  28                         <div>
  29                                 <div class="simulateGridHeader">
  30                                         <span class="simulateGridHeaderTitle">Applications</span>
  31                                 </div>
  32                                 <div class="dashboard-boarder">
  33                                         <div class="gridster-container override_background">
  34
  35                                                 <div att-gridster att-gridster-options="dashboard.gridsterOpts">
  36
  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>
  42                                                         </div>
  43                                                 </div>
  44
  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)+')',
  60                                                                         'order': item.order,
  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>
  67                                                         </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">
  76                                                                 </div>
  77                                                                 <div id="app-image-empty" att-gridster-item-body
  78                                                                         ng-style="{'cursor':'pointer',
  79                                                                         'text-align':'center',
  80                                                                         'order': item.order,
  81                                                                         'background-color':'white',
  82                                                                         'background-repeat': 'no-repeat',
  83                                                                         'background-size': '170px 130px',
  84                                                                         'width': '170px',
  85                                                                         'height': '120px',
  86                                                                         'opacity': '1'}"
  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>
  90                                                                 </div>
  91                                                         </div>
  92                                                 </div>
  93
  94                                                 </div>
  95
  96                                         </div>
  97
  98                                 </div>
  99                         </div>
 100
 101                         <br>
 102                         <br>
 103
 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">
 108
 109                                                 <div class="style_prevu_kit">
 110                                                         <!-- News -->
 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">
 119
 120                                                                         <div ng-if="isAdminPortalAdmin == true"
 121                                                                                 style="font-size: 20px;">
 122
 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>
 130                                                                                 </a>
 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 -->
 140
 141                                                                                 </ul>
 142                                                                         </div>
 143
 144                                                                 </div>
 145                                                                 <div id="newsContainer" att-gridster-item-body
 146                                                                         class="information-section-gridsterContent">
 147                                                                         <div class="news">
 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>
 151                                                                                 </ul>
 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>
 160                                                                                                 </div>
 161                                                                                         </div>
 162                                                                                 </div>
 163                                                                         </div>
 164                                                                 </div>
 165                                                         </div>
 166                                                         <!-- Events -->
 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>
 185                                                                                 </a>
 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>
 195                                                                                         </li>
 196                                                                                         <!-- end ngIf: widget.duplicateAllowed -->
 197                                                                                 </ul>
 198                                                                         </div>
 199                                                                 </div>
 200                                                                 <div att-gridster-item-body
 201                                                                         class="information-section-gridsterContent">
 202                                                                         <div class="events">
 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}}
 207                                                                                                         </div>
 208                                                                                                         <div>
 209                                                                                                                 <div class="event-title-div">
 210                                                                                                                         <p ng-bind="event.title"></p>
 211                                                                                                                 </div>
 212                                                                                                                 <div>
 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>
 217
 218                                                                                                                 </div>
 219                                                                                                                 <div style="clear: both;"></div>
 220                                                                                                         </div>
 221                                                                                                 </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>
 226                                                                                                                 </a>
 227                                                                                                         </div>
 228                                                                                                         <div></div>
 229                                                                                                 </div>
 230                                                                                         </li>
 231
 232
 233                                                                                 </ul>
 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>
 242                                                                                                 </div>
 243                                                                                         </div>
 244                                                                                 </div>
 245                                                                         </div>
 246                                                                 </div>
 247                                                         </div>
 248
 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>
 259  -->
 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>
 270                                                                                 </a>
 271
 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 -->
 278                                                                                         <li
 279                                                                                                 ng-click="editWidgetModalPopup(importResData, 'IMPORTANTRESOURCES');">
 280                                                                                                 <a class="optionsMenuLink" href="javascript:void(0)"
 281                                                                                                 ddh-accessibility-click="13,32">Edit</a>
 282                                                                                         </li>
 283                                                                                         <!-- end ngIf: widget.duplicateAllowed -->
 284
 285                                                                                 </ul>
 286                                                                         </div>
 287                                                                 </div>
 288                                                                 <div att-gridster-item-body
 289                                                                         class="information-section-gridsterContent">
 290                                                                         <div class="resources">
 291                                                                                 <ul ng-show="importResData.length!=0">
 292
 293                                                                                         <li ng-repeat="item in importResData"><a
 294                                                                                                 href="{{item.href}}" target="_blanl">{{item.title}}</a></li>
 295                                                                                 </ul>
 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>
 304                                                                                                 </div>
 305                                                                                         </div>
 306                                                                                 </div>
 307                                                                         </div>
 308                                                                 </div>
 309                                                         </div>
 310                                                 </div>
 311
 312                                                 <div class="style_prevu_kit" att-gridster-item='item'
 313                                                         ng-repeat="item in widgetData">
 314                                                         <div>
 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>
 321                                                         </div>
 322
 323                                                 </div>
 324
 325                                                 <div class="style_prevu_kit" att-gridster-item='item'
 326                                                         ng-repeat="item in widgetData">
 327                                                         <div>
 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>
 334                                                         </div>
 335
 336                                                 </div>
 337                                         </div>
 338                                 </div>
 339                         </div>
 340
 341                         <div></div>
 342
 343                 </div>
 344
 345         </div>
 346 </div>