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 include-padding="true" class="w-sdc-main-right-container">
13 <div class='w-sdc-row-flex-items'>
15 <!-- ADD Component -->
16 <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
17 data-ng-mouseleave="displayActions = false"
18 data-ng-mouseover="displayActions = true"
19 data-ng-init="displayActions = false">
20 <div class="w-sdc-dashboard-card-new-content" data-tests-id="AddButtonsArea">
21 <div class="w-sdc-dashboard-card-new-content-plus" data-ng-show="!displayActions"></div>
22 <div class="sdc-dashboard-create-element-container" data-ng-show="displayActions">
23 <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>
24 <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>
25 <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>
26 <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>
31 <!-- Import Component -->
32 <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
33 data-ng-mouseleave="displayActions = false"
34 data-ng-mouseover="displayActions = true"
35 data-ng-init="displayActions = false">
36 <div class="w-sdc-dashboard-card-new-content" data-tests-id="importButtonsArea" >
37 <div class="w-sdc-dashboard-card-import-content-plus" data-ng-show="!displayActions"></div>
38 <div class="sdc-dashboard-import-element-container" data-ng-show="displayActions">
39 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue">Import VFC
40 <file-opener on-file-upload="onImportVfc(file)" data-tests-id="importVFCbutton" extensions="{{sdcConfig.toscaFileExtension}}" data-ng-click="displayActions=false"></file-opener>
42 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue" data-ng-click="notificationIconCallback()">Import VSP</div>
43 <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue import-dcae">Import DCAE asset
44 <file-opener on-file-upload="onImportVf(file)" data-tests-id="importVFbutton" extensions="{{sdcConfig.csarFileExtension}}" data-ng-click="displayActions=false"></file-opener>
51 <div class="sdc-tile sdc-tile-fix-width" data-ng-repeat="component in components | filter:{resourceType:('!'+vfcmtType)} | entityFilter:checkboxesFilter | filter:search">
53 <div class='sdc-tile-header' data-ng-class="{'purple': component.isResource(), 'blue': !component.isResource()}">
54 <div data-ng-if="component.isResource()" data-tests-id="asset-type">{{component.getComponentSubType()}}</div>
55 <div data-ng-if="component.isService()">S</div>
58 <div class='sdc-tile-content' data-tests-id="dashboard-Elements" data-ng-click="goToComponent(component)">
59 <div class='sdc-tile-content-icon'>
60 <div class="{{component.iconSprite}} {{component.icon}}"
61 data-ng-class="{'sprite-resource-icons': component.isResource(), 'sprite-services-icons': component.isService()}"
62 data-tests-id="{{component.name}}"></div>
65 <div class='sdc-tile-content-info'>
66 <div class="sdc-tile-info-line title" data-tests-id="{{component.name | resourceName}}" sdc-smart-tooltip>{{component.name | resourceName}}</div>
67 <div class="sdc-tile-info-line subtitle" data-tests-id="{{component.name}}Version">V {{component.version}}</div>
71 <div class='sdc-tile-footer'>
72 <div class="sdc-tile-footer-content">
73 <div class='sdc-tile-footer-text'>{{component.getStatus(sdcMenu)}}</div>
84 <div class="w-sdc-left-sidebar">
85 <div class="i-sdc-left-sidebar-item "
86 data-ng-repeat="folder in folders.getFolders()"
87 data-ng-class="{'category-title': folder.isGroup(), 'selectedLink': folder.isSelected()}"
89 <span data-ng-if="folder.isGroup()">{{folder.text}}</span>
91 <sdc-checkbox data-ng-if="!folder.isGroup() && !folder.dist"
92 elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
93 sdc-checklist-model="checkboxesFilter.selectedStatuses"
94 sdc-checklist-value="folder.state"
95 text="{{folder.text}}"></sdc-checkbox>
97 <sdc-checkbox data-ng-if="!folder.isGroup() && folder.dist"
98 elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
99 sdc-checklist-model="checkboxesFilter.distributed"
100 sdc-checklist-value="folder.dist"
101 text="{{folder.text}}"></sdc-checkbox>
102 <span class="i-sdc-left-sidebar-item-state-count">{{entitiesCount(folder)}}</span>
108 <top-nav [top-lvl-selected-index]="0" [version]="version" [search-term]="search.filterTerm" (search-term-change)="search.filterTerm=$event" [notification-icon-callback]="notificationIconCallback"></top-nav>
111 <div data-ui-view=""></div>