-
+

{{'DASHBOARD.DATASETS' | translate}} {{titlePrefix}}

{{'DATASET-LISTING.SUBTITLE' | translate}}

diff --git a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html index fa3c4ba87..ac10fbf41 100644 --- a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html +++ b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html @@ -1,20 +1,50 @@
- bookmark - bookmark -

DRAFT: {{ dataset.label }}

-

{{ dataset.label }}

-

{{ dataset.description }}

-
+
+
+ + +
+
+
+
+ bookmark + bookmark +

DRAFT: {{ dataset.label }}

+

{{ dataset.label }}

+
+
+
+
+

{{dataset.description}}

+
+
+
+
+ storage +

{{ dataset.dmp }}

+ + work_outline +

{{ dataset.project }}

+ + assignment +
+
{{ dataset.profile }}
+
+
+
+ +
diff --git a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.scss b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.scss index 0beb62d2f..a3687c77a 100644 --- a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.scss +++ b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.scss @@ -1,4 +1,74 @@ -h4 { - display: inline; - padding-left: 1em; +.gray-container { + letter-spacing: 5px; + color: #aaaaaa; +} + +.container-header { + display: flex; + align-items: baseline; + margin-top: 0px; + text-transform: uppercase; +} + +.container-header p { + letter-spacing: 5px; + color: #aaaaaa; + padding: 5px 30px; + margin-bottom: 0px; +} + +h4 { + display: inline; + padding-left: 1em; +} + +.title h4 { + padding-left: 30px; + line-height: 2em; +} + +.about-item { + display: flex; + flex-wrap: wrap; +} + +.about-item .length { + color: rgb(70, 135, 240); +} + +.about-item .title { + margin: 2px 10px; +} + +.about-item p { + margin-left: auto; + margin-bottom: 0px; + padding-top: 7px; + color: #aaaaaa; +} + +::ng-deep .mat-ripple-element { + background-color: #2e74b649 !important; +} + +::ng-deep .mat-radio-container { + border-radius: 1em; + background: white; +} + +::ng-deep .mat-radio-button .mat-radio-outer-circle { + border: 1px solid #aaaaaa; +} + +::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { + border-color: #2e75b6; +} + +::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { + color: #2e75b6; + background-color: #2e75b6; +} + +.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { + background-color: #2e74b649; } diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html index b90e4e486..4fb559d58 100644 --- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html +++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html @@ -2,7 +2,7 @@
- {{dmp.projectabbreviation}} +

{{dmp.projectAbbreviation}}

@@ -45,7 +45,7 @@ assignment
-
{{profile.label}}
+
{{profile.label}}

Published {{dmp.creationTime | date: "shortDate"}}

diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss index 54ff403a2..f02b4e0fa 100644 --- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss +++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss @@ -10,8 +10,19 @@ text-transform: uppercase; } +.container-header p { + letter-spacing: 5px; + color: #aaaaaa; + margin-bottom: 0px; +} + +.container-header :hover { + color: #4687e6; +} + .about-item { display: flex; + flex-wrap: wrap; } .about-item .length { diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts index 650816797..3e960ce69 100644 --- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts +++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts @@ -3,6 +3,7 @@ import { DmpListingModel } from '../../../../core/model/dmp/dmp-listing'; import { MatDialog } from '@angular/material'; import { DmpInvitationDialogComponent } from '../../invitation/dmp-invitation.component'; import { Router } from '@angular/router'; +import { ProjectListingModel } from '../../../../core/model/project/project-listing'; @Component({ selector: 'app-dmp-listing-item-component', @@ -24,10 +25,6 @@ export class DmpListingItemComponent implements OnInit { else { this.isDraft = false } } - itemClicked() { - this.onClick.emit(this.dmp); - } - openShareDialog(rowId: any, rowName: any) { const dialogRef = this.dialog.open(DmpInvitationDialogComponent, { // height: '250px', @@ -50,4 +47,12 @@ export class DmpListingItemComponent implements OnInit { viewVersions(rowId: String, rowLabel: String) { this.router.navigate(['/plans/versions/' + rowId], { queryParams: { groupLabel: rowLabel } }); } + + itemClicked() { + this.onClick.emit(this.dmp); + } + + projectClicked(projectId: String) { + this.router.navigate(['/projects/edit/' + projectId]); + } } diff --git a/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.html b/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.html index c9359f353..4a978c507 100644 --- a/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.html +++ b/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.html @@ -5,19 +5,19 @@ + search
{{ 'FACET-SEARCH.PROJECT-STATUS.TITLE' | translate }}
- Active - Inactive + {{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.ACTIVE' | translate }} + {{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.INACTIVE' | translate }}
-
+
{{ 'FACET-SEARCH.PROJECT.TITLE' | translate }}
- @@ -28,7 +28,7 @@
{{ 'FACET-SEARCH.PROFILES.TITLE' | translate }}
- @@ -39,7 +39,7 @@
{{ 'FACET-SEARCH.DMP-ORGANISATIONS.TITLE' | translate }}
- diff --git a/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.ts b/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.ts index 5b8fc877b..43ef59b1a 100644 --- a/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.ts +++ b/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.ts @@ -37,11 +37,11 @@ export class ExploreDmpFiltersComponent extends BaseCriteriaComponent implements ProjectStateType = ProjectStateType; projects: Observable; profiles: Observable; - dmpOrganisations: Observable; + dmpOrganisations: Observable; projectOptions: Observable; projectStateOptions: Observable; filteringOrganisationsAsync = false; - filteredOrganisations: ExternalSourceItemModel[]; + filteredOrganisations: OrganizationModel[]; status: ProjectStateType; IsChecked: boolean; IsIndeterminate: boolean; @@ -118,7 +118,9 @@ export class ExploreDmpFiltersComponent extends BaseCriteriaComponent implements ]); }); this.profiles = this.datasetProfileService.getDatasetProfiles(); - this.dmpOrganisations = this.externalSourcesService.searchDMPOrganizations(''); + const fields: Array = new Array(); + fields.push('asc'); + this.dmpOrganisations = this.organisationService.searchPublicOrganisations(new DataTableRequest(0 , null, { fields: fields })).map(x => x.data); } ngAfterViewInit(): void { @@ -265,8 +267,13 @@ export class ExploreDmpFiltersComponent extends BaseCriteriaComponent implements return this.datasetProfileService.getDatasetProfiles(); } - dmpOrganisationSearch(value: string): Observable { - return this.externalSourcesService.searchDMPOrganizations(value); + dmpOrganisationSearch(value: string): Observable { + const fields: Array = new Array(); + fields.push('asc'); + const dataTableRequest: DataTableRequest = new DataTableRequest(0, null, { fields: fields }); + dataTableRequest.criteria = new OrganisationCriteria(); + dataTableRequest.criteria.labelLike = value; + return this.organisationService.searchPublicOrganisations(dataTableRequest).map(x => x.data); } removeOrganisation(organisation) { @@ -279,7 +286,12 @@ export class ExploreDmpFiltersComponent extends BaseCriteriaComponent implements } getOrganisations() { - return this.externalSourcesService.searchDMPOrganizations(''); + const fields: Array = new Array(); + fields.push('asc'); + const dataTableRequest: DataTableRequest = new DataTableRequest(0, null, { fields: fields }); + dataTableRequest.criteria = new OrganisationCriteria(); + dataTableRequest.criteria.labelLike = ''; + return this.organisationService.searchPublicOrganisations(dataTableRequest).map(x => x.data); } filterProject(query: string) { @@ -309,7 +321,7 @@ export class ExploreDmpFiltersComponent extends BaseCriteriaComponent implements dataTableRequest.criteria = new OrganisationCriteria(); dataTableRequest.criteria.labelLike = value; - return this.organisationService.searchInternalOrganisations(dataTableRequest).map(x => x.data); + return this.organisationService.searchPublicOrganisations(dataTableRequest).map(x => x.data); } displayLabel(value) { diff --git a/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.html b/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.html index 66094960f..fb792db7f 100644 --- a/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.html +++ b/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.html @@ -2,7 +2,7 @@
- {{dmp.projectabbreviation}} + {{dmp.projectAbbreviation}}
@@ -26,7 +26,7 @@ assignment
-
{{profile.label}}
+
{{profile.label}}

Published {{dmp.creationTime | date: "shortDate"}}

diff --git a/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.scss b/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.scss index 241ffa1b7..44b984514 100644 --- a/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.scss +++ b/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.scss @@ -12,6 +12,7 @@ .about-item { display: flex; + flex-wrap: wrap; } .about-item .length { diff --git a/dmp-frontend/src/assets/i18n/en.json b/dmp-frontend/src/assets/i18n/en.json index c0661078c..d5c250ac7 100644 --- a/dmp-frontend/src/assets/i18n/en.json +++ b/dmp-frontend/src/assets/i18n/en.json @@ -488,8 +488,9 @@ "ROLE": "Role", "ORGANIZATION": "Organization", "SELECT-ORGANIZATIONS": "Select Organizations", + "SELECT-SPEC": "Select Dataset Specification", "RELATED-PROJECT": "Related Project", - "SELECT-DMP": "DMP", + "SELECT-DMP": "Select DMP", "RELATED-DMP": "Related DMPs" }, "DMP": { diff --git a/dmp-frontend/src/styles.scss b/dmp-frontend/src/styles.scss index 3475e12b9..2680dea9e 100644 --- a/dmp-frontend/src/styles.scss +++ b/dmp-frontend/src/styles.scss @@ -58,7 +58,11 @@ $theme: mat-light-theme($primary, $accent); background-color: rgb(70, 135, 230); color: #fff; text-transform: uppercase; - font-weight: 500; + font-weight: 500; + max-width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .bordered-chip { @@ -68,7 +72,11 @@ $theme: mat-light-theme($primary, $accent); background-color: rgb(236, 241, 249); color: rgb(68, 114, 196); text-transform: uppercase; - font-weight: 500; + font-weight: 500; + max-width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .squared-chip { @@ -76,7 +84,11 @@ $theme: mat-light-theme($primary, $accent); border: 0.1em solid rgb(236, 241, 249); border-radius: 0.5em; background-color: rgb(246, 246, 246); - color: rgb(127, 127, 127); + color: rgb(127, 127, 127); + max-width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } mat-icon { @@ -123,11 +135,15 @@ $theme: mat-light-theme($primary, $accent); .draft-bookmark { color: #e7e6e6; display: inline; + position: absolute; + padding-top: 3px } .finalized-bookmark { color: #92d050; display: inline; + position: absolute; + padding-top: 3px; } h4 span {