catalog-ui/src/app/view-models/dashboard/dashboard-view.html

   1
   2 <!--
   3   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   4   ~
   5   ~ Licensed under the Apache License, Version 2.0 (the "License");
   6   ~ you may not use this file except in compliance with the License.
   7   ~ You may obtain a copy of the License at
   8   ~
   9   ~      http://www.apache.org/licenses/LICENSE-2.0
  10   ~
  11   ~ Unless required by applicable law or agreed to in writing, software
  12   ~ distributed under the License is distributed on an "AS IS" BASIS,
  13   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14   ~ See the License for the specific language governing permissions and
  15   ~ limitations under the License.
  16 -->
  17 <div class="sdc-catalog-container">
  18     <loader data-display="isLoading"></loader>
  19     <!-- HEADER -->
  20 <!--
  21     <ecomp-header menu-data="menuItems" version="{{version}}"></ecomp-header>
  22 -->
  23
  24     <div class="w-sdc-main-container">
  25
  26         <perfect-scrollbar id="dashboard-main-scroll" include-padding="true" class="w-sdc-main-right-container">
  27
  28             <div infinite-scroll-disabled='isAllItemDisplay' infinite-scroll="raiseNumberOfElementToDisplay()" infinite-scroll-container="'#dashboard-main-scroll'" infinite-scroll-distance="'0.2'" infinite-scroll-parent>
  29
  30                 <div class='w-sdc-row-flex-items'>
  31
  32                     <!-- ADD Component -->
  33                     <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
  34                         data-ng-mouseleave="displayActions = false"
  35                         data-ng-mouseover="displayActions = true"
  36                         data-ng-init="displayActions = false">
  37                         <div class="w-sdc-dashboard-card-new-content" data-tests-id="AddButtonsArea">
  38                             <div class="w-sdc-dashboard-card-new-content-plus" data-ng-show="!displayActions"></div>
  39                             <div class="sdc-dashboard-create-element-container" data-ng-show="displayActions">
  40                                 <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createResourceButton" class="tlv-btn outline blue" data-ng-click="openCreateModal('RESOURCE')">Add VF</button>
  41                                 <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createCRButton" class="tlv-btn outline blue" data-ng-click="createCR()">Add CR</button>
  42                                 <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createPNFButton" class="tlv-btn outline blue" data-ng-click="createPNF()">Add PNF</button>
  43                                 <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createServiceButton" class="tlv-btn outline blue" data-ng-click="openCreateModal('SERVICE')">Add Service</button>
  44                             </div>
  45                         </div>
  46                     </div>
  47
  48                     <!-- Import Component -->
  49                     <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
  50                         data-ng-mouseleave="displayActions = false"
  51                         data-ng-mouseover="displayActions = true"
  52                         data-ng-init="displayActions = false">
  53                         <div class="w-sdc-dashboard-card-new-content" data-tests-id="importButtonsArea"  >
  54                             <div class="w-sdc-dashboard-card-import-content-plus" data-ng-show="!displayActions"></div>
  55                             <div class="sdc-dashboard-import-element-container" data-ng-show="displayActions">
  56                                 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue">Import VFC
  57                                     <file-opener on-file-upload="onImportVfc(file)" data-tests-id="importVFCbutton" extensions="{{sdcConfig.toscaFileExtension}}" data-ng-click="displayActions=false"></file-opener>
  58                                 </div>
  59                                 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue" data-ng-click="notificationIconCallback()">Import VSP</div>
  60                                 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue import-dcae">Import DCAE asset
  61                                     <file-opener on-file-upload="onImportVf(file)" data-tests-id="importVFbutton" extensions="{{sdcConfig.csarFileExtension}}" data-ng-click="displayActions=false"></file-opener>
  62                                 </div>
  63                             </div>
  64                         </div>
  65                     </div>
  66
  67                     <!-- Tile new -->
  68                     <ng2-ui-tile data-ng-repeat="component in components | filter:{resourceType:('!'+vfcmtType)} | entityFilter:filterParams.checkboxes | filter:filterParams.searchTerm | limitTo:numberOfItemToDisplay"
  69                         [component]="component" (on-tile-click)="goToComponent(component)"></ng2-ui-tile>
  70                     <!-- Tile new -->
  71
  72                 </div>
  73
  74             </div>
  75
  76         </perfect-scrollbar>
  77
  78         <div class="w-sdc-left-sidebar">
  79             <div class="i-sdc-left-sidebar-item "
  80                  data-ng-repeat="folder in folders.getFolders()"
  81                  data-ng-class="{'category-title': folder.isGroup(), 'selectedLink': folder.isSelected()}"
  82                  >
  83                 <span data-ng-if="folder.isGroup()">{{folder.text}}</span>
  84
  85                 <ng1-checkbox data-ng-if="!folder.isGroup() && !folder.dist"
  86                               elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
  87                               sdc-checklist-model="filterParams.checkboxes.selectedStatuses"
  88                               sdc-checklist-value="folder.state"
  89                               sdc-checklist-change="changeFilterParams()"
  90                               text="{{folder.text}}"></ng1-checkbox>
  91
  92                 <ng1-checkbox data-ng-if="!folder.isGroup() && folder.dist"
  93                               elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
  94                               sdc-checklist-model="filterParams.checkboxes.distributed"
  95                               sdc-checklist-value="folder.dist"
  96                               sdc-checklist-change="changeFilterParams()"
  97                               text="{{folder.text}}"></ng1-checkbox>
  98                 <span class="i-sdc-left-sidebar-item-state-count">{{entitiesCount(folder)}}</span>
  99             </div>
 100         </div>
 101
 102     </div>
 103
 104     <top-nav [top-lvl-selected-index]="0" [version]="version" [search-term]="filterParams.searchTerm" (search-term-change)="updateSearchTerm($event);changeFilterParams()" [notification-icon-callback]="notificationIconCallback"></top-nav>
 105
 106 </div>
 107 <div data-ui-view=""></div>
 108
 109