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

   1 <!--
   2   ============LICENSE_START==========================================
   3   ONAP Portal
   4   ===================================================================
   5   Copyright (C) 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 class="dashboard-dropdown" id="sort-by-dropdownid-{{selectedSortType.value}}">
  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                                                                         <div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
  66                                                                 </div>
  67                                                         </div>
  68                                                 </div>
  69
  70                                                 <div ng-if="appsViewData.length>0" id="page-content"
  71                                                         class="content" gridster="dashboard.gridsterAppOpts">
  72                                                         <ul>
  73                                                                 <li gridster-item="item" ng-repeat="item in appsViewData">
  74                                                                         <div class="gridster-box" ng-if="item.addRemoveApps == null">
  75                                                                                 <div class="gridster-box-header">
  76                                                                                         <i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
  77                                                                                         <h3 style="cursor: context-menu">{{item.headerText |
  78                                                                                                 elipsis: 14}}</h3>
  79                                                                                 </div>
  80                                                                                 <div class="gridster-box-content"
  81                                                                                 id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
  82                                                                                         ng-style="{'cursor':'pointer',
  83                                                                                         'background-image': 'url('+(item.imageLink)+')',
  84                                                                                         'background-color':'white',
  85                                                                                         'background-repeat': 'no-repeat',
  86                                                                                         'background-size': '168px 118px'}"
  87                                                                                         ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
  88                                                                                         ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
  89                                                                                 </div>
  90                                                                         </div>
  91                                                                         <div class="gridster-box" ng-if="item.addRemoveApps">
  92                                                                                 <div class="gridster-box-header gridster-box-pointer"
  93                                                                                         ng-click="dashboard.goToCatalog()">
  94                                                                                         <i class="icon-content-gridguide"></i>
  95                                                                                         <h3>Select applications...</h3>
  96
  97                                                                                 </div>
  98                                                                                 <div class="gridster-box-content"
  99                                                                                 id="gridster-personalize"
 100                                                                                         ng-style="{'cursor':'pointer',
 101                                                                                 'order': item.order,
 102                                                                                 'text-align': 'center',
 103                                                                                 'background-color':'white',
 104                                                                                 'background-repeat': 'no-repeat',
 105                                                                                 'background-size': '170px 130px',
 106                                                                                 'padding': '4px',
 107                                                                                 'opacity': '1'}"
 108                                                                                         ng-click="dashboard.goToCatalog()" class="gridsterContent">
 109                                                                                         <label id="add-icon-label"  class="gridster-txt">Click
 110                                                                                                 here to personalize <br> this applications page
 111                                                                                         </label> <i  id="add-icon" class="icon-controls-add-maximize"
 112                                                                                                 class="gridster-icon"></i>
 113                                                                                 </div>
 114                                                                         </div>
 115                                                                 </li>
 116                                                         </ul>
 117                                                 </div>
 118
 119                                         </div>
 120
 121                                 </div>
 122                         </div>
 123
 124                         <br> <br>
 125
 126                         <div class="simulateGridHeader">
 127                                 <span class="simulateGridHeaderTitle">Widgets </span>
 128                         </div>
 129
 130                         <div
 131                                 ng-show=dashboard.isCommError>Failed to communicate with the
 132                                 widget microservice.</div>
 133
 134                         <div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
 135                                 <ul>
 136                                         <li gridster-item="widget" ng-repeat="widget in widgetsViewData">
 137                                                 <div class="box">
 138                                                         <div class="box-header">
 139                                                         <i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide widget-gridster"></i>
 140                                                                 <h3>{{ widget.headerText}}</h3>
 141                                                                 <div class="box-header-btns pull-right"
 142                                                                         ng-if="isAdminPortalAdmin == true" class="ng-scope">
 143                                                                                 <span id="widgetHeaderBtns-{{widget.headerText.split(' ').join('-')}}"
 144                                                                                         class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
 145                                                                                         ng-class="singleBtnBorder" alt="Settings"
 146                                                                                         ng-mousedown="showImpResOption=!showImpResOption"
 147                                                                                         ng-mouseleave="showImpResOption=false" title="Settings"
 148                                                                                         ddh-accessibility-click="13,32" tabindex="0"><span
 149                                                                                         class="widgetHeaderBtns-span"><span class="icon-controls-moreapplications"></span></span></span>
 150
 151                                                                                 <ul class="optionsMenu widget-menu-options"
 152                                                                                         ng-show="showImpResOption"
 153                                                                                         ng-mouseenter="showImpResOption=true"
 154                                                                                         ng-mouseleave="showImpResOption=false">
 155                                                                                         <!-- ngIf: widget.duplicateAllowed -->
 156                                                                                         <li ng-show="widget.widgetIdentifier != ''"
 157                                                                                                 ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
 158                                                                                                 <a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 159                                                                                                 ddh-accessibility-click="13,32">Edit</a>
 160                                                                                         </li>
 161
 162                                                                                         <li
 163                                                                                                 ng-click="editWidgetParameters(widget.widgetid);">
 164                                                                                                 <a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
 165                                                                                                 ddh-accessibility-click="13,32">Parameters</a>
 166                                                                                         </li>
 167
 168                                                                                         <!-- end ngIf: widget.duplicateAllowed  -->
 169                                                                                 </ul>
 170
 171                                                                 </div>
 172                                                         </div>
 173                                                         <div class="box-content">
 174                                                         <div  dyn-attr="widget.attrb"></div>
 175                                                         </div>
 176                                                 </div>
 177                                         </li>
 178                                 </ul>
 179                         </div>
 180                         <div></div>
 181                         <div class="gridster-container override_background">
 182                                 <div id="dashboardAddWidgetPreference"
 183                                         ng-style="{'cursor':'pointer'}"
 184                                         ng-click="dashboard.goToWidgetCatLog()">
 185                                         <i class="icon-controls-add-maximize"></i> Add Widget
 186                                 </div>
 187                                 &nbsp;
 188                                 <div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
 189                                         ng-click="restoreSortSelected()">
 190                                         <i class="icon-arrows-replay-restart"></i> Reset Widget Layout
 191                                 </div>
 192                         </div>
 193                 </div>
 194
 195         </div>
 196 </div>