118 lines
5.0 KiB
HTML
118 lines
5.0 KiB
HTML
<div class="container-fluid">
|
|
<div class="row dmp-blueprint-listing">
|
|
<div class="col-md-10 offset-md-1">
|
|
<div class="row mb-4 mt-4">
|
|
|
|
<div class="col">
|
|
<h4>{{'DMP-BLUEPRINT-LISTING.TITLE' | translate}}</h4>
|
|
<app-navigation-breadcrumb />
|
|
|
|
</div>
|
|
<div class="col-auto">
|
|
<button mat-raised-button class="import-btn" (click)="import()">
|
|
<span class="button-text">
|
|
{{'DMP-BLUEPRINT-LISTING.IMPORT.UPLOAD-XML' | translate}}
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<button mat-raised-button class="create-btn" *ngIf="authService.hasPermission(authService.permissionEnum.EditDescriptionTemplateType)" [routerLink]="['/dmp-blueprints/new']">
|
|
<mat-icon>add</mat-icon>
|
|
{{'DMP-BLUEPRINT-LISTING.CREATE-DMP-BLUEPRINT' | translate}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<app-hybrid-listing [rows]="gridRows" [columns]="gridColumns" [visibleColumns]="visibleColumns" [count]="totalElements" [offset]="currentPageNumber" [limit]="lookup.page.size" [defaultSort]="lookup.order?.items" [externalSorting]="true" (rowActivated)="onRowActivated($event, '/dmp-blueprints')" (pageLoad)="alterPage($event)" (columnSort)="onColumnSort($event)" (columnsChanged)="onColumnsChanged($event)" [listItemTemplate]="listItemTemplate">
|
|
|
|
<app-dmp-blueprint-listing-filters hybrid-listing-filters [(filter)]="lookup" (filterChange)="filterChanged($event)" />
|
|
|
|
<app-user-settings-picker [key]="userSettingsKey" [userPreference]="lookup" (onSettingSelected)="changeSetting($event)" [autoSelectUserSettings]="autoSelectUserSettings" user-preference-settings />
|
|
<!-- <button mat-icon-button download-listing-report>
|
|
<mat-icon>download</mat-icon>
|
|
</button> -->
|
|
</app-hybrid-listing>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">
|
|
|
|
|
|
<div class="d-flex align-items-center p-3 gap-1-rem">
|
|
<div class="row">
|
|
<ng-container *ngIf="isColumnSelected('label')">
|
|
<a class="buttonLinkClass" [routerLink]="'./' + item?.id" class="col-12" (click)="$event.stopPropagation()">{{item?.label | nullifyValue}}</a>
|
|
<br />
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="isColumnSelected('status')">
|
|
<div class="col-auto">
|
|
<div class="status-chip" [ngClass]="{'status-chip-finalized': item.status === dmpBlueprintStatuses.Finalized, 'status-chip-draft' : item.status === dmpBlueprintStatuses.Draft}">
|
|
{{enumUtils.toDmpBlueprintStatusString(item.status) | nullifyValue}}
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="isColumnSelected('createdAt')">
|
|
<span class="col-12">
|
|
{{'DMP-BLUEPRINT-LISTING.FIELDS.CREATED-AT' | translate}}:
|
|
<small>
|
|
{{item?.createdAt | dateTimeFormatter : 'short' | nullifyValue}}
|
|
</small>
|
|
</span>
|
|
<br>
|
|
</ng-container>
|
|
<ng-container *ngIf="isColumnSelected('updatedAt')">
|
|
<span class="col-12">
|
|
{{'DMP-BLUEPRINT-LISTING.FIELDS.UPDATED-AT' | translate}}:
|
|
<small>
|
|
{{item?.updatedAt | dateTimeFormatter : 'short' | nullifyValue}}
|
|
</small>
|
|
</span>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ng-template #dmpBlueprintStatus let-row="row" let-item>
|
|
<div class="row">
|
|
<div class="col-auto status-chip" [ngClass]="{'status-chip-finalized': row.status === dmpBlueprintStatuses.Finalized, 'status-chip-draft' : row.status === dmpBlueprintStatuses.Draft}">
|
|
{{enumUtils.toDmpBlueprintStatusString(row.status) | nullifyValue}}
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ng-template #actions let-row="row" let-item>
|
|
<div class="row" (click)="$event.stopPropagation()">
|
|
<div class="col-auto">
|
|
<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
|
|
<mat-icon>more_horiz</mat-icon>
|
|
</button>
|
|
<mat-menu #actionsMenu="matMenu">
|
|
<button mat-menu-item [routerLink]="['/dmp-blueprints/', row.id]">
|
|
<mat-icon>edit</mat-icon>{{'DMP-BLUEPRINT-LISTING.ACTIONS.EDIT' | translate}}
|
|
</button>
|
|
<button mat-menu-item [routerLink]="['/dmp-blueprints/new-version' , row.id]">
|
|
<mat-icon>queue</mat-icon>{{'DMP-BLUEPRINT-LISTING.ACTIONS.NEW-VERSION' | translate}}
|
|
</button>
|
|
<button mat-menu-item [routerLink]="['/dmp-blueprints/clone' , row.id]">
|
|
<mat-icon>content_copy</mat-icon>{{'DMP-BLUEPRINT-LISTING.ACTIONS.CLONE' | translate}}
|
|
</button>
|
|
<button mat-menu-item [routerLink]="['/dmp-blueprints/versions' , row.groupId]">
|
|
<mat-icon>library_books</mat-icon>
|
|
{{'DMP-BLUEPRINT-LISTING.ACTIONS.VIEW-VERSIONS' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="export(row.id)" [routerLink]="['/dmp-blueprints/', row.id]">
|
|
<mat-icon>download</mat-icon>{{'DMP-BLUEPRINT-LISTING.ACTIONS.DOWNLOAD-XML' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="delete(row.id)">
|
|
<mat-icon>delete</mat-icon>
|
|
{{'DMP-BLUEPRINT-LISTING.ACTIONS.DELETE' | translate}}
|
|
</button>
|
|
<!--<button *ngIf="row.status==1" mat-menu-item (click)="makeItPublic(row.id)"><mat-icon>people_outline</mat-icon>{{'DATASET-LISTING.ACTIONS.MAKE-IT-PUBLIC' | translate}}</button> -->
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
</ng-template> |