2 <div class="sdc-catalog-container">
3 <loader data-display="isLoading"></loader>
6 <ecomp-header menu-data="menuItems" version="{{version}}"></ecomp-header>
9 <div class="w-sdc-main-container">
11 <perfect-scrollbar id="dashboard-main-scroll" include-padding="true" class="w-sdc-main-right-container">
13 <div infinite-scroll-disabled='isAllItemDisplay' infinite-scroll="raiseNumberOfElementToDisplay()" infinite-scroll-container="'#dashboard-main-scroll'" infinite-scroll-distance="'0.2'" infinite-scroll-parent>
15 <div class='w-sdc-row-flex-items'>
17 <!-- ADD Component -->
18 <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
19 data-ng-mouseleave="displayActions = false"
20 data-ng-mouseover="displayActions = true"
21 data-ng-init="displayActions = false">
22 <div class="w-sdc-dashboard-card-new-content" data-tests-id="AddButtonsArea">
23 <div class="w-sdc-dashboard-card-new-content-plus" data-ng-show="!displayActions"></div>
24 <div class="sdc-dashboard-create-element-container" data-ng-show="displayActions">
25 <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>
26 <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>
27 <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>
28 <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>
33 <!-- Import Component -->
34 <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
35 data-ng-mouseleave="displayActions = false"
36 data-ng-mouseover="displayActions = true"
37 data-ng-init="displayActions = false">
38 <div class="w-sdc-dashboard-card-new-content" data-tests-id="importButtonsArea" >
39 <div class="w-sdc-dashboard-card-import-content-plus" data-ng-show="!displayActions"></div>
40 <div class="sdc-dashboard-import-element-container" data-ng-show="displayActions">
41 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue">Import VFC
42 <file-opener on-file-upload="onImportVfc(file)" data-tests-id="importVFCbutton" extensions="{{sdcConfig.toscaFileExtension}}" data-ng-click="displayActions=false"></file-opener>
44 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue" data-ng-click="notificationIconCallback()">Import VSP</div>
45 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue import-dcae">Import DCAE asset
46 <file-opener on-file-upload="onImportVf(file)" data-tests-id="importVFbutton" extensions="{{sdcConfig.csarFileExtension}}" data-ng-click="displayActions=false"></file-opener>
53 <ng2-ui-tile data-ng-repeat="component in components | filter:{resourceType:('!'+vfcmtType)} | entityFilter:filterParams.checkboxes | filter:filterParams.searchTerm | limitTo:numberOfItemToDisplay"
54 [component]="component" (on-tile-click)="goToComponent(component)"></ng2-ui-tile>
63 <div class="w-sdc-left-sidebar">
64 <div class="i-sdc-left-sidebar-item "
65 data-ng-repeat="folder in folders.getFolders()"
66 data-ng-class="{'category-title': folder.isGroup(), 'selectedLink': folder.isSelected()}"
68 <span data-ng-if="folder.isGroup()">{{folder.text}}</span>
70 <ng1-checkbox data-ng-if="!folder.isGroup() && !folder.dist"
71 elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
72 sdc-checklist-model="filterParams.checkboxes.selectedStatuses"
73 sdc-checklist-value="folder.state"
74 sdc-checklist-change="changeFilterParams()"
75 text="{{folder.text}}"></ng1-checkbox>
77 <ng1-checkbox data-ng-if="!folder.isGroup() && folder.dist"
78 elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
79 sdc-checklist-model="filterParams.checkboxes.distributed"
80 sdc-checklist-value="folder.dist"
81 sdc-checklist-change="changeFilterParams()"
82 text="{{folder.text}}"></ng1-checkbox>
83 <span class="i-sdc-left-sidebar-item-state-count">{{entitiesCount(folder)}}</span>
89 <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>
92 <div data-ui-view=""></div>