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

   1 <!--
   2   ============LICENSE_START==========================================
   3   ONAP Portal
   4   ===================================================================
   5   Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6   ===================================================================
   7
   8   Unless otherwise specified, all software contained herein is licensed
   9   under the Apache License, Version 2.0 (the “License”);
  10   you may not use this software except in compliance with the License.
  11   You may obtain a copy of the License at
  12
  13               http://www.apache.org/licenses/LICENSE-2.0
  14
  15   Unless required by applicable law or agreed to in writing, software
  16   distributed under the License is distributed on an "AS IS" BASIS,
  17   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18   See the License for the specific language governing permissions and
  19   limitations under the License.
  20
  21   Unless otherwise specified, all documentation contained herein is licensed
  22   under the Creative Commons License, Attribution 4.0 Intl. (the “License”);
  23   you may not use this documentation except in compliance with the License.
  24   You may obtain a copy of the License at
  25
  26               https://creativecommons.org/licenses/by/4.0/
  27
  28   Unless required by applicable law or agreed to in writing, documentation
  29   distributed under the License is distributed on an "AS IS" BASIS,
  30   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31   See the License for the specific language governing permissions and
  32   limitations under the License.
  33
  34   ============LICENSE_END============================================
  35
  36   ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37   -->
  38 <div class="w-ecomp-dashboard-home" id="widgets">
  39         <div class="dashboard-home-container" id="page-content">
  40                 <div align="center" id="errorInfo" class="error-info-txt">
  41                         <span class="">You don't have a user account in that
  42                                 application. Please ask the system administrator. </span>
  43                 </div>
  44                 <div class="portals-list">
  45                         <div>
  46                                 <div class="simulateGridHeader">
  47                                         <span class="simulateGridHeaderTitle">Applications <span
  48                                                 class="dashboardSortHeader">Sort by:</span>
  49
  50                                                 <div id="dashboard-dropdown">
  51                                                 <select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown  ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">
  52                                         <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>
  53                                                 </select>
  54                                                 </div>
  55                                                 </span>
  56
  57                                 </div>
  58                                 <div class="dashboard-boarder">
  59                                         <div class="gridster-container override_background">
  60                                                 <div ng-if="appsViewData.length==0">
  61                                                         <div class="app-error-block">
  62                                                                 <i class="icon-information full-linear-icon-information"
  63                                                                         class="icon-info"></i> <br>
  64                                                                 <div class="activity-error-msg1">
  65                                                                         You do not have access to any application or function in ECOMP
  66                                                                         Portal.
  67                                                                         <div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
  68                                                                 </div>
  69                                                         </div>
  70                                                 </div>
  71
  72                                                 <div ng-if="appsViewData.length>0" id="page-content"
  73                                                         class="content" gridster="dashboard.gridsterAppOpts">
  74                                                         <ul>
  75                                                                 <li gridster-item="item" ng-repeat="item in appsViewData">
  76                                                                         <div class="gridster-box" ng-if="item.addRemoveApps == null">
  77                                                                                 <div class="gridster-box-header">
  78                                                                                         <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
  79                                                                                         <h3 style="cursor: context-menu">{{item.headerText |
  80                                                                                                 elipsis: 14}}</h3>
  81                                                                                 </div>
  82                                                                                 <div class="gridster-box-content"
  83                                                                                 id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
  84                                                                                         ng-style="{'cursor':'pointer',
  85                                                                                         'background-image': 'url('+(item.imageLink)+')',
  86                                                                                         'background-color':'white',
  87                                                                                         'background-repeat': 'no-repeat',
  88                                                                                         'background-size': '168px 118px'}"
  89                                                                                         ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
  90                                                                                         ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
  91                                                                                 </div>
  92                                                                         </div>
  93                                                                         <div class="gridster-box" ng-if="item.addRemoveApps">
  94                                                                                 <div class="gridster-box-header gridster-box-pointer"
  95                                                                                         ng-click="dashboard.goToCatalog()">
  96                                                                                         <i class="icon-content-gridguide"></i>
  97                                                                                         <h3>Select applications...</h3>
  98
  99                                                                                 </div>
 100                                                                                 <div class="gridster-box-content"
 101                                                                                 id="gridster-personalize"
 102                                                                                         ng-style="{'cursor':'pointer',
 103                                                                                 'order': item.order,
 104                                                                                 'text-align': 'center',
 105                                                                                 'background-color':'white',
 106                                                                                 'background-repeat': 'no-repeat',
 107                                                                                 'background-size': '170px 130px',
 108                                                                                 'padding': '4px',
 109                                                                                 'opacity': '1'}"
 110                                                                                         ng-click="dashboard.goToCatalog()" class="gridsterContent">
 111                                                                                         <label id="add-icon-label"  class="gridster-txt">Click
 112                                                                                                 here to personalize <br> this applications page
 113                                                                                         </label> <i  id="add-icon" class="icon-controls-add-maximize"
 114                                                                                                 class="gridster-icon"></i>
 115                                                                                 </div>
 116                                                                         </div>
 117                                                                 </li>
 118                                                         </ul>
 119                                                 </div>
 120
 121                                         </div>
 122
 123                                 </div>
 124                         </div>
 125
 126                         <br> <br>
 127
 128                         <div class="simulateGridHeader">
 129                                 <span class="simulateGridHeaderTitle">Widgets </span>
 130                         </div>
 131
 132                         <div
 133                                 ng-show=dashboard.isCommError>Failed to communicate with the
 134                                 widget microservice.</div>
 135
 136                         <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
 137                                 <ul>
 138                                         <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
 139                                                 <div class="box">
 140                                                         <div class="box-header">
 141                                                         <i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide widget-gridster"></i>
 142                                                                 <h3>{{ widget.headerText}}</h3>
 143                                                                 <div class="box-header-btns pull-right"
 144                                                                         ng-if="isAdminPortalAdmin == true" class="ng-scope">
 145                                                                                 <a id="widgetHeaderBtns"
 146                                                                                         class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
 147                                                                                         ng-class="singleBtnBorder" alt="Settings"
 148                                                                                         ng-mousedown="showImpResOption=!showImpResOption"
 149                                                                                         ng-mouseleave="showImpResOption=false" title="Settings"
 150                                                                                         ddh-accessibility-click="13,32" tabindex="0"><span
 151                                                                                         class="widgetHeaderBtns-span"><img
 152                                                                                         ng-src="assets/images/generic.png"
 153                                                                                         class="widgetHeaderBtns-img" alt="..."
 154                                                                                         aria-label="Tap or Click to move"
 155                                                                                         src="assets/images/generic.png"></span></a>
 156
 157                                                                                 <ul class="optionsMenu widget-menu-options"
 158                                                                                         ng-show="showImpResOption"
 159                                                                                         ng-mouseenter="showImpResOption=true"
 160                                                                                         ng-mouseleave="showImpResOption=false">
 161                                                                                         <!-- ngIf: widget.duplicateAllowed -->
 162                                                                                         <li ng-show="widget.widgetIdentifier != ''"
 163                                                                                                 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
 164                                                                                                 <a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 165                                                                                                 ddh-accessibility-click="13,32">Edit</a>
 166                                                                                         </li>
 167
 168                                                                                         <li
 169                                                                                                 ng-click="editWidgetParameters(widget.widgetid);">
 170                                                                                                 <a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 171                                                                                                 ddh-accessibility-click="13,32">Parameters</a>
 172                                                                                         </li>
 173
 174                                                                                         <!-- end ngIf: widget.duplicateAllowed  -->
 175                                                                                 </ul>
 176
 177                                                                 </div>
 178                                                         </div>
 179                                                         <div class="box-content">
 180                                                         <div  dyn-attr="widget.attrb"></div>
 181                                                         </div>
 182                                                 </div>
 183                                         </li>
 184                                 </ul>
 185                         </div>
 186                         <div></div>
 187                         <div class="gridster-container override_background">
 188                                 <div id="dashboardAddWidgetPreference"
 189                                         ng-style="{'cursor':'pointer'}"
 190                                         ng-click="dashboard.goToWidgetCatLog()">
 191                                         <i class="icon-controls-add-maximize"></i> Add Widget
 192                                 </div>
 193                                 &nbsp;
 194                                 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
 195                                         ng-click="restoreSortSelected()">
 196                                         <i class="icon-arrows-replay-restart"></i> Reset Widget Layout
 197                                 </div>
 198                         </div>
 199                 </div>
 200
 201         </div>
 202 </div>