ecomp-portal-FE-common/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-dashboard-home" id="widgets">
  21         <div class="dashboard-home-container" id="page-content">
  22                 <div align="center" id="errorInfo" class="error-info-txt">
  23                         <span class="">You don't have a user account in that
  24                                 application. Please ask the system administrator. </span>
  25                 </div>
  26                 <div class="portals-list">
  27                         <div>
  28                                 <div class="simulateGridHeader">
  29                                         <span class="simulateGridHeaderTitle">Applications <span
  30                                                 class="dashboardSortHeader">Sort by:</span>
  31
  32                                                 <div id="dashboard-dropdown">
  33                                                 <select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown  ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">
  34                                         <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>
  35                                                 </select>
  36                                                 </div>
  37                                                 </span>
  38
  39                                 </div>
  40                                 <div class="dashboard-boarder">
  41                                         <div class="gridster-container override_background">
  42                                                 <div ng-if="appsViewData.length==0">
  43                                                         <div class="app-error-block">
  44                                                                 <i class="icon-information full-linear-icon-information"
  45                                                                         class="icon-info"></i> <br>
  46                                                                 <div class="activity-error-msg1">
  47                                                                         You do not have access to any application or function in ECOMP
  48                                                                         Portal.
  49                                                                         <div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
  50                                                                 </div>
  51                                                         </div>
  52                                                 </div>
  53
  54                                                 <div ng-if="appsViewData.length>0" id="page-content"
  55                                                         class="content" gridster="dashboard.gridsterAppOpts">
  56                                                         <ul>
  57                                                                 <li gridster-item="item" ng-repeat="item in appsViewData">
  58                                                                         <div class="gridster-box" ng-if="item.addRemoveApps == null">
  59                                                                                 <div class="gridster-box-header">
  60                                                                                         <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
  61                                                                                         <h3 style="cursor: context-menu">{{item.headerText |
  62                                                                                                 elipsis: 14}}</h3>
  63                                                                                 </div>
  64                                                                                 <div class="gridster-box-content"
  65                                                                                 id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
  66                                                                                         ng-style="{'cursor':'pointer',
  67                                                                                         'background-image': 'url('+(item.imageLink)+')',
  68                                                                                         'background-color':'white',
  69                                                                                         'background-repeat': 'no-repeat',
  70                                                                                         'background-size': '168px 118px'}"
  71                                                                                         ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
  72                                                                                         ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
  73                                                                                 </div>
  74                                                                         </div>
  75                                                                         <div class="gridster-box" ng-if="item.addRemoveApps">
  76                                                                                 <div class="gridster-box-header gridster-box-pointer"
  77                                                                                         ng-click="dashboard.goToCatalog()">
  78                                                                                         <i class="icon-content-gridguide"></i>
  79                                                                                         <h3>Select applications...</h3>
  80
  81                                                                                 </div>
  82                                                                                 <div class="gridster-box-content"
  83                                                                                 id="gridster-personalize"
  84                                                                                         ng-style="{'cursor':'pointer',
  85                                                                                 'order': item.order,
  86                                                                                 'text-align': 'center',
  87                                                                                 'background-color':'white',
  88                                                                                 'background-repeat': 'no-repeat',
  89                                                                                 'background-size': '170px 130px',
  90                                                                                 'padding': '4px',
  91                                                                                 'opacity': '1'}"
  92                                                                                         ng-click="dashboard.goToCatalog()" class="gridsterContent">
  93                                                                                         <label id="add-icon-label"  class="gridster-txt">Click
  94                                                                                                 here to personalize <br> this applications page
  95                                                                                         </label> <i  id="add-icon" class="icon-controls-add-maximize"
  96                                                                                                 class="gridster-icon"></i>
  97                                                                                 </div>
  98                                                                         </div>
  99                                                                 </li>
 100                                                         </ul>
 101                                                 </div>
 102
 103                                         </div>
 104
 105                                 </div>
 106                         </div>
 107
 108                         <br> <br>
 109
 110                         <div class="simulateGridHeader">
 111                                 <span class="simulateGridHeaderTitle">Widgets </span>
 112                         </div>
 113
 114                         <div
 115                                 ng-show=dashboard.isCommError>Failed to communicate with the
 116                                 widget microservice.</div>
 117
 118                         <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
 119                                 <ul>
 120                                         <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
 121                                                 <div class="box">
 122                                                         <div class="box-header">
 123                                                         <i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide widget-gridster"></i>
 124                                                                 <h3>{{ widget.headerText}}</h3>
 125                                                                 <div class="box-header-btns pull-right"
 126                                                                         ng-if="isAdminPortalAdmin == true" class="ng-scope">
 127                                                                                 <a id="widgetHeaderBtns"
 128                                                                                         class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
 129                                                                                         ng-class="singleBtnBorder" alt="Settings"
 130                                                                                         ng-mousedown="showImpResOption=!showImpResOption"
 131                                                                                         ng-mouseleave="showImpResOption=false" title="Settings"
 132                                                                                         ddh-accessibility-click="13,32" tabindex="0"><span
 133                                                                                         class="widgetHeaderBtns-span"><img
 134                                                                                         ng-src="assets/images/generic.png"
 135                                                                                         class="widgetHeaderBtns-img" alt="..."
 136                                                                                         aria-label="Tap or Click to move"
 137                                                                                         src="assets/images/generic.png"></span></a>
 138
 139                                                                                 <ul class="optionsMenu widget-menu-options"
 140                                                                                         ng-show="showImpResOption"
 141                                                                                         ng-mouseenter="showImpResOption=true"
 142                                                                                         ng-mouseleave="showImpResOption=false">
 143                                                                                         <!-- ngIf: widget.duplicateAllowed -->
 144                                                                                         <li ng-show="widget.widgetIdentifier != ''"
 145                                                                                                 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
 146                                                                                                 <a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 147                                                                                                 ddh-accessibility-click="13,32">Edit</a>
 148                                                                                         </li>
 149
 150                                                                                         <li
 151                                                                                                 ng-click="editWidgetParameters(widget.widgetid);">
 152                                                                                                 <a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 153                                                                                                 ddh-accessibility-click="13,32">Parameters</a>
 154                                                                                         </li>
 155
 156                                                                                         <!-- end ngIf: widget.duplicateAllowed  -->
 157                                                                                 </ul>
 158
 159                                                                 </div>
 160                                                         </div>
 161                                                         <div class="box-content">
 162                                                         <div  dyn-attr="widget.attrb"></div>
 163                                                         </div>
 164                                                 </div>
 165                                         </li>
 166                                 </ul>
 167                         </div>
 168                         <div></div>
 169                         <div class="gridster-container override_background">
 170                                 <div id="dashboardAddWidgetPreference"
 171                                         ng-style="{'cursor':'pointer'}"
 172                                         ng-click="dashboard.goToWidgetCatLog()">
 173                                         <i class="icon-controls-add-maximize"></i> Add Widget
 174                                 </div>
 175                                 &nbsp;
 176                                 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
 177                                         ng-click="restoreSortSelected()">
 178                                         <i class="icon-arrows-replay-restart"></i> Reset Widget Layout
 179                                 </div>
 180                         </div>
 181                 </div>
 182
 183         </div>
 184 </div>