Styles: paginator position Dmp listing, Translates: Dmp listing

This commit is contained in:
apapachristou 2019-05-07 11:04:47 +03:00
parent 7414853a2e
commit caa6be46d8
5 changed files with 45 additions and 36 deletions

View File

@ -4,7 +4,7 @@
<div class="row" style="justify-content: center;"> <div class="row" style="justify-content: center;">
<!-- Search Filter--> <!-- Search Filter-->
<mat-form-field class="col-11 search"> <mat-form-field class="col-11 search">
<input matInput placeholder="{{'CRITERIA.PROJECTS.LIKE'| translate}}" name="projectCriteriaLike" <input matInput placeholder="{{ 'CRITERIA.PROJECTS.LIKE'| translate }}" name="projectCriteriaLike"
[formControl]="formGroup.get('like')" (ngModelChange)="controlModified()"> [formControl]="formGroup.get('like')" (ngModelChange)="controlModified()">
<mat-error *ngIf="formGroup.get('like').hasError('backendError')"> <mat-error *ngIf="formGroup.get('like').hasError('backendError')">
{{formGroup.get('like').getError('backendError').message}}</mat-error> {{formGroup.get('like').getError('backendError').message}}</mat-error>
@ -28,7 +28,7 @@
<h6 class="category-title">{{ 'DMP-RELATED-PROJECT.RELATED-PROJECT' | translate}}</h6> <h6 class="category-title">{{ 'DMP-RELATED-PROJECT.RELATED-PROJECT' | translate}}</h6>
<mat-form-field> <mat-form-field>
<app-multiple-auto-complete [formControl]="formGroup.get('projects')" <app-multiple-auto-complete [formControl]="formGroup.get('projects')"
placeholder="{{'CRITERIA.DMP.SELECT-PROJECTS' | translate}}" placeholder="{{ 'CRITERIA.DMP.SELECT-PROJECTS' | translate }}"
[configuration]="projectAutoCompleteConfiguration"> [configuration]="projectAutoCompleteConfiguration">
</app-multiple-auto-complete> </app-multiple-auto-complete>
<mat-icon matSuffix class="style-icon">arrow_drop_down</mat-icon> <mat-icon matSuffix class="style-icon">arrow_drop_down</mat-icon>
@ -40,7 +40,7 @@
<div *ngIf="showProject" class="col-10 filter-category"> <div *ngIf="showProject" class="col-10 filter-category">
<h6 class="category-title">{{ 'DMP-RELATED-COLLABORATOR.RELATED-COLLABORATOR' | translate}}</h6> <h6 class="category-title">{{ 'DMP-RELATED-COLLABORATOR.RELATED-COLLABORATOR' | translate}}</h6>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Select collaborators"> <input matInput placeholder="{{ 'DMP-RELATED-COLLABORATOR.SELECT-COLLABORATORS' | translate }}">
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('projects')" <!-- <app-multiple-auto-complete [formControl]="formGroup.get('projects')"
placeholder="{{'CRITERIA.DMP.SELECT-PROJECTS' | translate}}" placeholder="{{'CRITERIA.DMP.SELECT-PROJECTS' | translate}}"
[configuration]="projectAutoCompleteConfiguration"> [configuration]="projectAutoCompleteConfiguration">
@ -63,9 +63,9 @@
<!-- Related Organization Filter --> <!-- Related Organization Filter -->
<div *ngIf="showProject" class="col-10 filter-category"> <div *ngIf="showProject" class="col-10 filter-category">
<h6 class="category-title">RELATED ORGANIZATION</h6> <h6 class="category-title">{{ 'DMP-RELATED-ORGANIZATION.RELATED-ORGANIZATION' | translate }}</h6>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Select Organizations"> <input matInput placeholder="{{ 'DMP-RELATED-ORGANIZATION.SELECT-ORGANIZATIONS' | translate }}">
<!-- <app-multiple-auto-complete [formControl]="formGroup.get('projects')" <!-- <app-multiple-auto-complete [formControl]="formGroup.get('projects')"
placeholder="Select Organizations" placeholder="Select Organizations"
[configuration]="projectAutoCompleteConfiguration"> [configuration]="projectAutoCompleteConfiguration">

View File

@ -17,6 +17,26 @@
} }
} }
.search ::ng-deep.mat-form-field-infix {
margin-left: 1em;
}
.filter-category {
background-color: #f6f6f6;
margin: 5px 0px;
}
.category-title {
color: #2e75b6;
margin-top: 8px;
margin-bottom: 12px;
}
.import {
margin: 10px;
padding: 0px;
}
.filters { .filters {
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
border-radius: 5px; border-radius: 5px;
@ -94,23 +114,3 @@
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: #2e74b649; background-color: #2e74b649;
} }
.search ::ng-deep.mat-form-field-infix {
margin-left: 1em;
}
.filter-category {
background-color: #f6f6f6;
margin: 5px 0px;
}
.category-title {
color: #2e75b6;
margin-top: 8px;
margin-bottom: 12px;
}
.import {
margin: 10px;
padding: 0px;
}

View File

@ -46,16 +46,9 @@ export class DmpCriteriaComponent extends BaseCriteriaComponent implements OnIni
public projectService: ProjectService, public projectService: ProjectService,
private dmpService: DmpService, private dmpService: DmpService,
public formBuilder: FormBuilder, public formBuilder: FormBuilder,
private dialog: MatDialog, private dialog: MatDialog
fb: FormBuilder
) { ) {
super(new ValidationErrorModel()); super(new ValidationErrorModel());
this.options = fb.group({
getDrafts: false,
getFinalized: false,
getDmpStatuses: false,
floatLabel: 'auto',
});
} }
ngOnInit() { ngOnInit() {

View File

@ -2,6 +2,15 @@
.mat-card { .mat-card {
margin: 1em 0; margin: 1em 0;
} }
.col-9 {
display: flex;
flex-direction: column;
}
}
::ng-deep .mat-paginator {
margin-top: auto;
} }
::ng-deep .mat-paginator-container { ::ng-deep .mat-paginator-container {

View File

@ -321,7 +321,8 @@
"ACTIONS": { "ACTIONS": {
"EDIT": "Edit", "EDIT": "Edit",
"MAKE-IT-PUBLIC": "Make it public", "MAKE-IT-PUBLIC": "Make it public",
"VIEW": "View" "VIEW": "View",
"NEW": "New Dataset Description"
} }
}, },
"DATASET-PUBLIC-LISTING": { "DATASET-PUBLIC-LISTING": {
@ -497,7 +498,8 @@
"USERS": { "USERS": {
"LABEL": "Search", "LABEL": "Search",
"ROLE": "Role" "ROLE": "Role"
} },
"SELECT": "Select an option"
}, },
"DATASET-EDITOR": { "DATASET-EDITOR": {
"TITLE": { "TITLE": {
@ -641,7 +643,12 @@
"RELATED-PROJECT": "Related Project" "RELATED-PROJECT": "Related Project"
}, },
"DMP-RELATED-COLLABORATOR": { "DMP-RELATED-COLLABORATOR": {
"RELATED-COLLABORATOR": "Related Collaborator" "RELATED-COLLABORATOR": "Related Collaborator",
"SELECT-COLLABORATORS": "Select Collaborators"
},
"DMP-RELATED-ORGANIZATION": {
"RELATED-ORGANIZATION": "Related Organization",
"SELECT-ORGANIZATIONS": "Select Organizations"
}, },
"DATASET-PROFILE": { "DATASET-PROFILE": {
"PREVIEW": "Preview", "PREVIEW": "Preview",