Files
clearml-web/src/app/webapp-common/datasets/simple-dataset-version-details/simple-dataset-version-details.component.html
2022-11-01 12:40:14 +02:00

79 lines
3.8 KiB
HTML

<mat-expansion-panel [expanded]="true">
<mat-expansion-panel-header>
<div class="expand-header">VERSION INFO</div>
</mat-expansion-panel-header>
<div class="panel-body" *ngIf="entity">
<div class="header mt-2">
<div class="name ellipsis">{{entity.name}}<ng-container *ngIf="entity?.runtime?.version"> v{{entity.runtime.version}}</ng-container></div>
<span class="status" [class]="entity.status">{{entity.status | replaceViaMapPipe:convertStatusMap | replaceViaMapPipe:convertStatusMapBase}}</span>
</div>
<div class="section">
<div class="param">
<div class="key">ID</div>
<div class="value d-flex align-item-center justify-content-between" [smTooltip]="entity.id" smShowTooltipIfEllipsis>
<span>{{entity.id?.slice(0, 8)}}...</span>
<i
class="pointer al-icon al-ico-copy-to-clipboard sm"
ngxClipboard
[cbContent]="entity?.id"
(cbOnSuccess)="copyToClipboard()"
></i>
</div>
</div>
<div class="param continue">
<div class="key">Size</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_total_size + ' (original)'" smShowTooltipIfEllipsis>{{$any(entity?.runtime?.ds_total_size) | filesize : fileSizeConfigStorage || '-'}}<span class="comment">(original)</span></div>
</div>
<div class="param">
<div class="key"></div>
<div class="value" [smTooltip]="entity?.runtime?.ds_total_size_compressed + ' (compressed)'" smShowTooltipIfEllipsis>{{$any(entity?.runtime?.ds_total_size_compressed) | filesize : fileSizeConfigStorage || '-'}}<span class="comment">(compressed)</span></div>
</div>
<div class="param">
<div class="key">File count</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_file_count" smShowTooltipIfEllipsis>{{entity?.runtime?.ds_file_count ?? '-'}}</div>
</div>
<div class="param">
<div class="key">Link count</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_link_count" smShowTooltipIfEllipsis>{{entity?.runtime?.ds_link_count ?? '-'}}</div>
</div>
</div>
<div class="section">
<div class="header">FILES CHANGED</div>
<div class="param">
<div class="key">Added</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_change_add " smShowTooltipIfEllipsis>{{entity?.runtime?.ds_change_add ?? '-'}}</div>
</div>
<div class="param">
<div class="key">Modified</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_change_modify " smShowTooltipIfEllipsis>{{entity?.runtime?.ds_change_modify ?? '-'}}</div>
</div>
<div class="param">
<div class="key">Removed</div>
<div class="value" [smTooltip]="entity?.runtime?.ds_change_remove " smShowTooltipIfEllipsis>{{entity?.runtime?.ds_change_remove ?? '-'}}</div>
</div>
<div class="param">
<div class="key">Size</div>
<div class="value"
*ngIf="entity?.runtime?.ds_change_size"
[smTooltip]="$any(entity?.runtime?.ds_change_size) | filesize: fileSizeConfigStorage"
smShowTooltipIfEllipsis
>{{$any(entity?.runtime?.ds_change_size) | filesize: fileSizeConfigStorage}}</div>
</div>
</div>
<div class="section">
<div class="header"><span>DESCRIPTION</span><i class="al-icon al-ico-edit sm" (click)="editDescription.emit(entity)"></i></div>
<div class="param continue h-auto">
<div class="multi-line-value">{{entity?.comment}}</div>
</div>
</div>
</div>
<footer *ngIf="entity?.id">
<a
class="arr-link"
target="_blank"
[href]="'/projects/' + project + '/experiments/' + entity?.id + '/output/execution'">
Task information<i class="al-icon al-ico-link-arrow sm"></i>
</a>
</footer>
</mat-expansion-panel>