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