ecomp-portal-FE-os/client/src/views/dashboard/dashboard.tpl.html

   1 <!--\r
   2   ================================================================================\r
   3   ECOMP Portal\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
  10   \r
  11        http://www.apache.org/licenses/LICENSE-2.0\r
  12   \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
  19   -->\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
  26                 </div>\r
  27                 <div class="portals-list" style="margin-bottom: 0px;">\r
  28                         <div>\r
  29                                 <div class="simulateGridHeader">\r
  30                                         <span class="simulateGridHeaderTitle">Applications <span\r
  31                                                 class="dashboardSortHeader">Sort by:</span></span>\r
  32                                                 \r
  33                                                 <div style="float: right; margin-right:7px; margin-top:5px">\r
  34                                                 <select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown  ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">  \r
  35                                         <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>\r
  36                                                 </select>\r
  37                                                 </div>\r
  38                                                 \r
  39                                 </div>\r
  40                                 <div class="dashboard-boarder">\r
  41                                         <div class="gridster-container override_background">\r
  42                                                 <div ng-if="appsViewData.length==0">\r
  43                                                         <div class="app-error-block">\r
  44                                                                 <i class="icon-information full-linear-icon-information"\r
  45                                                                         style="margin-left: 50%; font-size: 90px; color: black"></i> <br>\r
  46                                                                 <div class="activity-error-msg1">\r
  47                                                                         You do not have access to any application or function in ECOMP\r
  48                                                                         Portal.\r
  49                                                                 </div>\r
  50                                                         </div>\r
  51                                                 </div>\r
  52 \r
  53                                                 <div ng-if="appsViewData.length>0" id="page-content"\r
  54                                                         class="content" gridster="dashboard.gridsterAppOpts">\r
  55                                                         <ul>\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
  61                                                                                                 elipsis: 14}}</h3>\r
  62                                                                                 </div>\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
  71                                                                                 </div>\r
  72                                                                         </div>\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
  78 \r
  79                                                                                 </div>\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
  87                                                                                 'padding': '4px',\r
  88                                                                                 'opacity': '1'}"\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
  94                                                                                 </div>\r
  95                                                                         </div>\r
  96                                                                 </li>\r
  97                                                         </ul>\r
  98                                                 </div>\r
  99 \r
 100                                         </div>\r
 101 \r
 102                                 </div>\r
 103                         </div>\r
 104 \r
 105                         <br> <br>\r
 106 \r
 107 \r
 108                         <div \r
 109                                 ng-show=dashboard.isCommError>Failed to communicate with the\r
 110                                 widget microservice.</div>\r
 111                         \r
 112                         <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">\r
 113                                 <ul>\r
 114                                         <li gridster-item="widget" ng-repeat="widget in widgetsViewData">\r
 115                                                 <div class="box">\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                                                                                 ng-show="widget.widgetIdentifier != ''">\r
 122                                                                                 <a id="widgetHeaderBtns"\r
 123                                                                                         class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"\r
 124                                                                                         ng-class="singleBtnBorder" alt="Settings"\r
 125                                                                                         ng-mousedown="showImpResOption=!showImpResOption"\r
 126                                                                                         ng-mouseleave="showImpResOption=false" title="Settings"\r
 127                                                                                         ddh-accessibility-click="13,32" tabindex="0"><span\r
 128                                                                                         style="color: #888;"><img\r
 129                                                                                         ng-src="assets/images/generic.png"\r
 130                                                                                         style="margin-bottom: 3px; margin-left: 3px;" alt="..."\r
 131                                                                                         aria-label="Tap or Click to move"\r
 132                                                                                         src="assets/images/generic.png"></span></a>\r
 133 \r
 134                                                                                 <ul class="optionsMenu"\r
 135                                                                                         style="max-width: 130px; height: 32px; display: block"\r
 136                                                                                         ng-show="showImpResOption"\r
 137                                                                                         ng-mouseenter="showImpResOption=true"\r
 138                                                                                         ng-mouseleave="showImpResOption=false">\r
 139                                                                                         <!-- ngIf: widget.duplicateAllowed -->\r
 140                                                                                         <li\r
 141                                                                                                 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">\r
 142                                                                                                 <a class="optionsMenuLink" href="javascript:void(0)"\r
 143                                                                                                 ddh-accessibility-click="13,32">Edit</a>\r
 144                                                                                         </li>\r
 145                                                                                         <!-- end ngIf: widget.duplicateAllowed  -->\r
 146                                                                                 </ul>\r
 147 \r
 148                                                                 </div>\r
 149                                                         </div>\r
 150                                                         <div class="box-content">\r
 151                                                         <div  dyn-attr="widget.attrb"></div>\r
 152                                                         </div>\r
 153                                                 </div>\r
 154                                         </li>\r
 155                                 </ul>\r
 156                         </div>\r
 157                         <div></div>\r
 158                         <div class="gridster-container override_background">\r
 159                                 <div id="dashboardAddWidgetPreference"\r
 160                                         ng-style="{'cursor':'pointer'}"\r
 161                                         ng-click="dashboard.goToWidgetCatLog()">\r
 162                                         <i class="icon-controls-add-maximize"></i> Add Widget\r
 163                                 </div>\r
 164                                 &nbsp;\r
 165                                 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"\r
 166                                         ng-click="restoreSortSelected()">\r
 167                                         <i class="icon-arrows-replay-restart"></i> Reset Widget Layout\r
 168                                 </div>\r
 169                         </div>\r
 170                 </div>\r
 171 \r
 172         </div>\r
 173 </div>\r