inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-10 14:11:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust table visualization

Browse Source
This commit is contained in:
amohammedalfresco
2021-10-21 17:19:18 +01:00
parent 70197a5bf5
commit 79cc372ed5
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
View File

@@ -17,15 +17,21 @@
<div id="adf-attach-widget-readonly-list">
<table mat-table [dataSource]="fileData" class="mat-elevation-z8" *ngIf="hasFile">
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef> File Name </th>
<ng-container matColumnDef="icon">
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let element">
<mat-icon mat-list-icon class="adf-datatable-selected" *ngIf="selectedNode && element.id === selectedNode.id" (click)="onRowClicked(element)">
check_circle
</mat-icon>
<img mat-list-icon class="adf-attach-widget__icon" *ngIf="!selectedNode || element.id !== selectedNode.id" [id]="'file-'+element?.id+'-icon'" (click)="onRowClicked(element)"
[src]="element.content ? getIcon(element.content.mimeType) : getIcon(element['mimeType'])" [alt]="mimeTypeIcon"
role="button" tabindex="0" />
[src]="element.content ? getIcon(element.content.mimeType) : getIcon(element['mimeType'])" [alt]="mimeTypeIcon"
role="button" tabindex="0" />
</td>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef> File Name </th>
<td mat-cell *matCellDef="let element">
<span matLine id="{{'file-'+element?.id}}" role="button" tabindex="0" class="adf-file" (click)="onRowClicked(element)">{{element.name}}</span>
</td>
</ng-container>

3
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
View File

@@ -101,5 +101,6 @@ table {
font-weight: bold;
}
.mat-line {
.adf-datatable-selected {
padding: 6px;
}

2
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
View File

@@ -71,7 +71,7 @@ export class AttachFileCloudWidgetComponent extends UploadCloudWidgetComponent i
contentModelProps = [ 'cm:versionLabel', 'cm:versionType'];
fileData = [];
displayedColumns = ['name', ...this.contentModelProps, 'action'];
displayedColumns = ['icon', 'name', ...this.contentModelProps, 'action'];
_nodesApi: NodesApi;
get nodesApi(): NodesApi {