1 <div class="deployment-artifact-page" *ngIf="(workspaceState$ | async) as state">
2 <svg-icon-label *ngIf="!state.isViewOnly" class="add-artifact-btn" [clickable]="true" [mode]="'primary'" [labelPlacement]="'right'"
3 [label]="'Add'" [name]="'plus'"
4 (click)="addOrUpdateArtifact()"></svg-icon-label>
8 [footerHeight]="'undefined'"
11 [rows]="deploymentArtifacts$ | async"
12 #deploymentArtifactsTable>
13 <ngx-datatable-column [resizeable]="false" name="Name" [flexGrow]="1">
14 <ng-template ngx-datatable-cell-template let-row="row">
15 <div *ngIf="row.generatedFromId" class="env-artifact-container">
16 <div class="env-artifact"></div>
18 <span sdc-tooltip [tooltip-text]="row.artifactDisplayName" [tooltip-placement]="3" [attr.data-tests-id]="'artifactDisplayName_' + row.artifactDisplayName">{{row.artifactDisplayName}}</span>
19 <span *ngIf="row.description && row.description.length > 0" class="info">
20 <svg-icon [clickable]="true" [name]="'comment'" [mode]="'primary2'" (click)="openPopOver('Description',row.description,{x:$event.pageX , y:$event.pageY },'bottom')"></svg-icon>
23 </ngx-datatable-column>
24 <ngx-datatable-column [resizeable]="false" name="Filename" [flexGrow]="1">
25 <ng-template ngx-datatable-cell-template let-row="row">
26 <span sdc-tooltip [tooltip-text]="row.artifactName" [tooltip-placement]="3" [attr.data-tests-id]="'artifactName_' + row.artifactName">{{row.artifactName}}</span>
28 </ngx-datatable-column>
29 <ngx-datatable-column [resizeable]="false" name="Type" [flexGrow]="0.6">
30 <ng-template ngx-datatable-cell-template let-row="row">
31 <span sdc-tooltip [tooltip-text]="row.artifactType" [tooltip-placement]="3" [attr.data-tests-id]="'artifactType_' + row.artifactDisplayName">{{row.artifactType}}</span>
33 </ngx-datatable-column> exactly 2 tosca artifacts
34 <ngx-datatable-column [resizeable]="false" name="Version" [flexGrow]="0.3">
35 <ng-template ngx-datatable-cell-template let-row="row">
36 <span [attr.data-tests-id]="'artifactVersion_' + row.artifactDisplayName">{{ row.artifactVersion }}</span>
38 </ngx-datatable-column>
39 <ngx-datatable-column [resizeable]="false" name="UUID" [flexGrow]="1">
40 <ng-template ngx-datatable-cell-template let-row="row">
41 <span sdc-tooltip [tooltip-text]="row.artifactUUID" [tooltip-placement]="3">{{ row.artifactUUID }}</span>
43 </ngx-datatable-column>
44 <ngx-datatable-column [resizeable]="false" [flexGrow]="0.6">
45 <ng-template ngx-datatable-cell-template let-row="row">
46 <div class="download-artifact-button">
47 <!-- Edit HEAT_ENV / HEAT_NESTED / HEAT_ARTIFACT / VF_LICENSE-->
48 <svg-icon *ngIf="(row.artifactType !== 'HEAT' && row.artifactType !== 'HEAT_VOL' && row.artifactType !== 'HEAT_NET') && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'edit-o'"
49 testId="edit_{{row.artifactDisplayName}}" clickable="true" size="medium"
50 (click)="addOrUpdateArtifact(row, state.isViewOnly)"></svg-icon>
52 <svg-icon *ngIf="(row.artifactType === 'HEAT' || row.artifactType === 'HEAT_VOL' || row.artifactType === 'HEAT_NET') && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'indesign_status'"
53 testId="update_heat_params_{{row.artifactDisplayName}}" clickable="true" size="medium"
54 (click)="updateEnvParams(row, state.isViewOnly)"></svg-icon>
55 <svg-icon *ngIf="!row.isFromCsar && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'trash-o'"
56 testId="delete_{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="deleteArtifact(row)"></svg-icon>
57 <svg-icon *ngIf="row.isGenericBrowseable()" class="action-icon" [mode]="'primary2'" [name]="'search-o'"
58 testId="gab-{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="openGenericArtifactBrowserModal(row)"></svg-icon>
60 <download-artifact class="action-icon" [artifact]="row"
61 [componentId]="componentId"
62 [componentType]="componentType"
63 testId="download_{{row.artifactDisplayName}}"></download-artifact>
66 </ngx-datatable-column>
68 <ngx-datatable-footer>
69 <ng-template ngx-datatable-footer-template>
70 <div class="table-footer-container">
71 <sdc-button *ngIf="!state.isViewOnly" [type]="'secondary'"
72 [testId]="'add_artifact_btn'"
73 [text]="'DEPLOYMENT_ARTIFACT_BUTTON_ADD_OTHER' | translate"
74 [icon_name]="'plus-circle-o'"
75 [icon_mode] = "'secondary'"
76 [icon_position]="'left'"
77 (click)="addOrUpdateArtifact()">
81 </ngx-datatable-footer>