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