165 lines
7.4 KiB
HTML
165 lines
7.4 KiB
HTML
<div class="dmp-criteria">
|
|
<div class="filters">
|
|
<h6 class="filters-title">{{'CRITERIA.FILTERS'| translate}}</h6>
|
|
<div class="row" style="justify-content: center;">
|
|
<!-- Search Filter-->
|
|
<mat-form-field class="col-11 search">
|
|
<input matInput placeholder="{{'CRITERIA.GRANTS.LIKE'| translate}}" name="grantCriteriaLike"
|
|
[formControl]="formGroup.get('like')">
|
|
<mat-error *ngIf="formGroup.get('like').hasError('backendError')">
|
|
{{formGroup.get('like').getError('backendError').message}}</mat-error>
|
|
<mat-icon matSuffix class="style-icon">search</mat-icon>
|
|
</mat-form-field>
|
|
<!-- End of Search Filter -->
|
|
|
|
<!-- Status Filter-->
|
|
<div class="col-10 gray-container" >
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.STATUS'| translate}}</h6>
|
|
<mat-radio-group aria-label="Select an option" [formControl]="formGroup.get('status')">
|
|
<mat-list-item><mat-radio-button checked value="null">{{ 'TYPES.DATASET-STATUS.ANY' | translate }}</mat-radio-button></mat-list-item>
|
|
<mat-list-item><mat-radio-button value="0" [checked]="status == 0">{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}</mat-radio-button></mat-list-item>
|
|
<mat-list-item><mat-radio-button value="1">{{ 'TYPES.DATASET-STATUS.FINALISED' | translate }}</mat-radio-button></mat-list-item>
|
|
</mat-radio-group>
|
|
</div>
|
|
<!-- End of Status Filter-->
|
|
|
|
<!-- Related Dataset Templates Filters -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-DATASET-TEMPLATES' | translate}}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('datasetTemplates')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-DATASET-TEMPLATES' | translate }}"
|
|
[configuration]="datasetTemplateAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Related Dataset Templates Filters -->
|
|
|
|
<!-- Related DMP Filters -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-DMP' | translate}}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('groupIds')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-DMP' | translate }}"
|
|
[configuration]="dmpAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Related DMP Filters -->
|
|
|
|
<!-- All Versions Filter-->
|
|
<div class="col-10 gray-container" >
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.ALL-VERSIONS'| translate}}</h6>
|
|
<mat-slide-toggle [formControl]="formGroup.get('allVersions')"></mat-slide-toggle>
|
|
</div>
|
|
<!-- End of All Versions Filter-->
|
|
|
|
<!-- Related Grant Filters -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-GRANT' | translate}}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('grants')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-GRANTS' | translate }}"
|
|
[configuration]="grantAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Related Grants Filters -->
|
|
|
|
<!-- Related Collaborators Filters -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.RELATED-COLLABORATORS' | translate}}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('collaborators')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-COLLABORATORS' | translate }}"
|
|
[configuration]="collaboratorsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Related Collaborators Filters -->
|
|
|
|
<!-- Role Filter -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.ROLE' | translate }}</h6>
|
|
<mat-radio-group aria-label="Select an option" [formControl]="formGroup.get('role')">
|
|
<mat-list-item><mat-radio-button checked value="null">{{ 'TYPES.DATASET-ROLE.ANY' | translate }}</mat-radio-button></mat-list-item>
|
|
<mat-list-item><mat-radio-button value="0">{{ 'TYPES.DATASET-ROLE.OWNER' | translate }}</mat-radio-button></mat-list-item>
|
|
<mat-list-item><mat-radio-button value="1">{{ 'TYPES.DATASET-ROLE.MEMBER' | translate }}</mat-radio-button></mat-list-item>
|
|
</mat-radio-group>
|
|
</div>
|
|
<!-- End of Role Filter -->
|
|
|
|
<!-- Related Organization Filter -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.ORGANIZATION' | translate }}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('organisations')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-ORGANIZATIONS' | translate}}"
|
|
[configuration]="organisationAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Related Organization Filter -->
|
|
|
|
<!-- Tags Filter -->
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{'CRITERIA.DATA-SETS.TAGS' | translate }}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('tags')"
|
|
placeholder="{{'CRITERIA.DATA-SETS.SELECT-TAGS' | translate}}"
|
|
[configuration]="tagsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- End of Tags Filter -->
|
|
|
|
<!-- Import Button -->
|
|
<!-- <div class="col-10 import">
|
|
<button class="importButton" mat-raised-button color="primary" (click)="fileSave($event)"
|
|
type="button col-auto">
|
|
{{'DMP-UPLOAD.ACTIONS.IMPORT' | translate}}
|
|
</button>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <form class="dataset-criteria">
|
|
<mat-card class="mat-card">
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
<h4>{{'CRITERIA.FILTERS'| translate}}</h4>
|
|
</mat-card-title>
|
|
<div class="col"></div>
|
|
<button class="importButton" mat-raised-button color="primary" (click)="fileImport($event)" type="button col-auto">
|
|
{{'DATASET-UPLOAD.ACTIONS.IMPORT' | translate}}
|
|
</button>
|
|
</mat-card-header>
|
|
<div class="row">
|
|
<mat-form-field class="col-md-3">
|
|
<input matInput placeholder=" {{'CRITERIA.DATA-SETS.LIKE'| translate}}" name="datasetCriteriaName" [(ngModel)]="criteria.like"
|
|
(ngModelChange)="controlModified()">
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="col-md-3">
|
|
<app-multiple-auto-complete placeholder="{{'CRITERIA.DMP.LIKE'| translate}}" name="dmpCriteriaName" [(ngModel)]="criteria.dmpIds"
|
|
(ngModelChange)="controlModified()" [configuration]="dmpAutoCompleteConfiguration"></app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="col-md-3">
|
|
<mat-select placeholder=" {{'CRITERIA.DATA-SETS.STATUS'| translate}}" name="datasetCriteriastatus" [(ngModel)]="criteria.status"
|
|
(ngModelChange)="controlModified()">
|
|
<mat-option [value]="null">{{'CRITERIA.DATA-SETS.NONE'| translate}}</mat-option>
|
|
<mat-option [value]="statuses.Draft">{{enumUtils.toDatasetStatusString(statuses.Draft)}}</mat-option>
|
|
<mat-option [value]="statuses.Finalized">{{enumUtils.toDatasetStatusString(statuses.Finalized)}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<app-multiple-auto-complete name="datasetCriteriaTags" [(ngModel)]="criteria.tags" (ngModelChange)="controlModified()" placeholder="{{'CRITERIA.DATA-SETS.TAGS' | translate}}"
|
|
[configuration]="tagsAutoCompleteConfiguration"></app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-card>
|
|
</form> -->
|