catalog-ui/src/app/ng2/pages/home/home.component.html

   1 <div class="sdc-catalog-container">
   2     <div class="w-sdc-main-container" *ngIf="user">
   3
   4         <div id="dashboard-main-scroll" infiniteScroll class="w-sdc-main-right-container" (infiniteScroll)="raiseNumberOfElementToDisplay()" [infiniteScrollDistance]="100">
   5
   6             <div class='w-sdc-row-flex-items'>
   7
   8                 <!-- ADD Component -->
   9                 <div *ngIf="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
  10                      (mouseleave)="setDisplayActions(false)"
  11                      (mouseover)="setDisplayActions(true)">
  12                     <div class="w-sdc-dashboard-card-new-content" data-tests-id="AddButtonsArea">
  13                         <div class="w-sdc-dashboard-card-new-content-plus" [hidden]="displayActions"></div>
  14                         <div class="sdc-dashboard-create-element-container" [hidden]="!displayActions">
  15                             <sdc-button *ngIf="roles[user.role].dashboard.showCreateNew" testId="createResourceButton" size="medium" type="secondary" text="Add VF" (click)="openCreateModal('RESOURCE')"></sdc-button>
  16                             <sdc-button *ngIf="roles[user.role].dashboard.showCreateNew" testId="createCRButton" size="medium" type="secondary" text="Add CR" (click)="createCR()"></sdc-button>
  17                             <sdc-button *ngIf="roles[user.role].dashboard.showCreateNew" testId="createPNFButton" size="medium" type="secondary" text="Add PNF" (click)="createPNF()"></sdc-button>
  18                             <sdc-button *ngIf="roles[user.role].dashboard.showCreateNew" testId="createServiceButton" size="medium" type="secondary" text="Add Service" (click)="openCreateModal('SERVICE')"></sdc-button>
  19                         </div>
  20                     </div>
  21                 </div>
  22
  23                 <!-- Import Component -->
  24                 <div *ngIf="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
  25                      (mouseleave)="setDisplayActions(false)"
  26                      (mouseover)="setDisplayActions(true)">
  27                     <div class="w-sdc-dashboard-card-new-content" data-tests-id="importButtonsArea"  >
  28                         <div class="w-sdc-dashboard-card-import-content-plus" [hidden]="displayActions"></div>
  29                         <div class="sdc-dashboard-import-element-container" [hidden]="!displayActions">
  30                             <sdc-button-file-opener
  31                                 *ngIf="roles[user.role].dashboard.showCreateNew"
  32                                 size="medium"
  33                                 type="secondary"
  34                                 text="Import VFC"
  35                                 testId="importVFCbutton"
  36                                 [extensions]="sdcConfig.toscaFileExtension"
  37                                 (fileUpload)="onImportVfc($event)"
  38                                 [convertToBase64]="true"
  39                             ></sdc-button-file-opener>
  40                             <sdc-button *ngIf="roles[user.role].dashboard.showCreateNew" data-tests-id="importButtonsVSP" size="medium" type="secondary" text="Import VSP" (click)="notificationIconCallback()"></sdc-button>
  41                             <sdc-button-file-opener
  42                                 *ngIf="roles[user.role].dashboard.showCreateNew"
  43                                 size="medium"
  44                                 type="secondary"
  45                                 text="Import DCAE"
  46                                 testId="importDCAE"
  47                                 [extensions]="sdcConfig.csarFileExtension"
  48                                 (fileUpload)="onImportVf($event)"
  49                                 [convertToBase64]="true"
  50                             ></sdc-button-file-opener>
  51                         </div>
  52                     </div>
  53                 </div>
  54
  55                 <!-- Tile new -->
  56                 <ui-tile *ngFor="let item of homeFilteredSlicedItems"
  57                     [component]="item" (onTileClick)="goToComponent(item)"></ui-tile>
  58                 <!-- Tile new -->
  59
  60             </div>
  61
  62         </div>
  63
  64         <div class="w-sdc-left-sidebar">
  65             <div class="i-sdc-left-sidebar-item "
  66                  *ngFor="let folder of folders.getFolders()"
  67                  [ngClass]="{'category-title': folder.isGroup(), 'selectedLink': folder.isSelected()}">
  68
  69                 <span *ngIf="folder.isGroup()" class="title-text">{{folder.text}}</span>
  70                 <sdc-checkbox *ngIf="!folder.isGroup() && !folder.dist"
  71                     [label]="folder.text"
  72                     [attr.data-tests-id]="'filter-' + folder.state"
  73                     [checked]="homeFilter.selectedStatuses.indexOf(folder.state) !== -1"
  74                     (checkedChange)="changeCheckboxesFilter(homeFilter.selectedStatuses, folder.state, $event)"></sdc-checkbox>
  75
  76                 <sdc-checkbox *ngIf="!folder.isGroup() && folder.dist"
  77                     [label]="folder.text"
  78                     [checked]="homeFilter.distributed.indexOf(folder.dist) !== -1"
  79                     (checkedChange)="changeCheckboxesFilter(homeFilter.distributed, folder.dist, $event)"></sdc-checkbox>
  80                 <span class="i-sdc-left-sidebar-item-state-count" [attr.data-tests-id]="'count-' + folder.state">{{entitiesCount(folder)}}</span>
  81             </div>
  82         </div>
  83
  84     </div>
  85
  86     <top-nav [topLvlSelectedIndex]="0" [version]="version" [searchTerm]="homeFilter.search.filterTerm" (searchTermChange)="changeFilterTerm($event)" [notificationIconCallback]="notificationIconCallback"></top-nav>
  87
  88 </div>