diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html index 784ee7993..63fdf84c6 100644 --- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html +++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html @@ -70,7 +70,7 @@

{{'DASHBOARD.DATA-MANAGEMENT-PLANS' | translate}}

{{ dashboardStatisticsData?.totalDataManagementPlanCount }} {{'HOME.DMPS' | translate}}

-

{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}

+ {{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}
@@ -84,7 +84,7 @@

DATASETS

{{ dashboardStatisticsData?.totalDataSetCount }} {{'HOME.DATASETS' | translate}}

-

{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}

+ {{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}
diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss index a2bbd0d6a..7e724b6c0 100644 --- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss +++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss @@ -1,109 +1,115 @@ .header-image { - background: url('/assets/images/dashboard-bg.png') no-repeat; - background-size: cover; - margin-top: 70px; - min-height: 20em; - position: relative; + background: url("/assets/images/dashboard-bg.png") no-repeat; + background-size: cover; + margin-top: 70px; + min-height: 20em; + position: relative; } .header-text-container { - background: rgba(255, 255, 255, 0.7); - position: absolute; - bottom: 0px; - padding-left: 5em; - padding-right: 10em; - padding-top: 2em; - padding-bottom: 2em; + background: rgba(255, 255, 255, 0.7); + position: absolute; + bottom: 0px; + padding-left: 5em; + padding-right: 10em; + padding-top: 2em; + padding-bottom: 2em; } .dashboard-main-container { - margin-top: 0px; + margin-top: 0px; } .non-auth-main-container { - padding: 0; + padding: 0; } .non-auth-stats { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.5); } .non-auth-title-container { - margin-top: 3em; + margin-top: 3em; } .dashboard { - .card { - padding: 25px 20px 20px 20px; - display: flex; - flex-direction: column; - align-items: center; - } + .card { + padding: 25px 20px 20px 20px; + display: flex; + flex-direction: column; + align-items: center; + } - .card h6, - p { - color: #999; - } + .card h6, + p { + color: #999; + } - .icon { - margin-top: 20px; - width: 130px; - height: 130px; - border: 1px solid #e5e5e5; - border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; - } + .icon { + margin-top: 20px; + width: 130px; + height: 130px; + border: 1px solid #e5e5e5; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + } - .icon i { - font-size: 55px; - color: #e91e63; - } + .icon i { + font-size: 55px; + color: #e91e63; + } - .card-title { - margin-top: 30px; - margin-bottom: 3px; - } + .card-title { + margin-top: 30px; + margin-bottom: 3px; + } - .card-description { - margin-bottom: 20px; - } + .card-description { + margin-bottom: 20px; + } - .card-dataset { - display: flex; - flex-direction: column; - padding: 20px; - position: relative; - margin-top: 40px; - } + .card-dataset { + display: flex; + flex-direction: column; + padding: 20px; + position: relative; + margin-top: 40px; + } - .card { - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); - border-radius: 6px; - color: rgba(0, 0, 0, 0.87); - background: #fff; - } + .card { + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); + background: #fff; + } - .card-raised { - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); - } + .card-raised { + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), + 0 8px 10px -5px rgba(0, 0, 0, 0.2); + } - .full-width { - width: 100%; - } + .full-width { + width: 100%; + } } .info { - display: flex; - flex-wrap: nowrap; + display: flex; + flex-wrap: nowrap; } .subtitle { - margin-bottom: 0px !important; + margin-bottom: 0px !important; } .view-all { - margin-left: auto; - margin-bottom: 0px !important; + margin-left: auto; + margin-bottom: 0px !important; + color: #6aa4d9; +} + +.view-all:hover { + color: rgb(46, 117, 182) !important; } diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.ts b/dmp-frontend/src/app/ui/dashboard/dashboard.component.ts index 545171545..b8cb32450 100644 --- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.ts +++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.ts @@ -175,11 +175,11 @@ export class DashboardComponent extends BaseComponent implements OnInit, IBreadC this.router.navigate(['/datasets/publicEdit/' + dataset.id]); } - viewAllPublicDmpsClicked() { - this.router.navigate(['/explore-plans']); - } + // viewAllPublicDmpsClicked() { + // this.router.navigate(['/explore-plans']); + // } - viewAllPublicDatasetsClicked() { - this.router.navigate(['explore']); - } + // viewAllPublicDatasetsClicked() { + // this.router.navigate(['explore']); + // } } diff --git a/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css b/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css index 7b3b12d9a..fd3281a27 100644 --- a/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css +++ b/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css @@ -1,59 +1,69 @@ .grey { - color: rgb(162, 162, 162); + color: rgb(162, 162, 162); } .card-draft { - height: calc(100% - 60px); + height: calc(100% - 60px); } .draft-desc { - position: relative; - overflow: hidden; - height: 60px; - font-size: 14px; - padding-top: 15px; - margin-bottom: 30px; + position: relative; + overflow: hidden; + height: 60px; + font-size: 14px; + padding-top: 15px; + margin-bottom: 30px; } .draft-desc:after { - content: ""; - text-align: right; - position: absolute; - bottom: 0; - right: 0; - width: 70%; - height: 1.4em; - background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 70%; + height: 1.4em; + background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); } td:hover .draft-desc:after { - background: rgba(255, 255, 255, 0); + background: rgba(255, 255, 255, 0); } .draft-subtitle { - font-weight: 400; - color: rgb(162, 162, 162); + font-weight: 400; + color: rgb(162, 162, 162); } .draft-title { - font-weight: 500; - color: black; + font-weight: 500; + color: black; } .drafts-more-btn { - text-align: right; + text-align: right; } .grant-pill { - width: 80%; - border: 1px solid rgb(231, 230, 230); - color: rgb(145, 145, 145); - background-color: rgb(242, 242, 242); - border-radius: 10em; - text-align: center; - max-width: 160px; - padding-left: 0.5em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + width: 80%; + border: 1px solid rgb(231, 230, 230); + color: rgb(145, 145, 145); + background-color: rgb(242, 242, 242); + border-radius: 10em; + text-align: center; + max-width: 160px; + padding-left: 0.5em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.view-all { + margin-left: auto; + margin-bottom: 0px !important; + color: #6aa4d9; +} + +.view-all:hover { + color: rgb(46, 117, 182) !important; } diff --git a/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.html b/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.html index aca1ec484..cca60626e 100644 --- a/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.html +++ b/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.html @@ -4,7 +4,7 @@

{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}

{{ 'TYPES.DATASET-STATUS.DRAFT-DESC' | translate }}

-
{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}
+ {{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}
diff --git a/dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.html b/dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.html index e66c8d8cb..637414fc0 100644 --- a/dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.html +++ b/dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.html @@ -13,8 +13,8 @@ diff --git a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css index 9556614ad..f7ea0a2b1 100644 --- a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css +++ b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css @@ -6,6 +6,11 @@ a { color: #212529; } +.table-row { + cursor: pointer; + display: table-row; +} + .is-public { padding-left: 5px; padding-right: 5px; @@ -51,3 +56,13 @@ a { .mat-icon-button :hover { color: rgb(120, 173, 220); } + +.view-all { + margin-left: auto; + margin-bottom: 0px !important; + color: #6aa4d9; +} + +.view-all:hover { + color: rgb(46, 117, 182) !important; +} diff --git a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html index adc94417d..34629bfd0 100644 --- a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html +++ b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html @@ -8,8 +8,8 @@ {{ 'RECENT-ACTIVITY.LICENSE' | translate}}

-
- {{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}
+ + {{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}
@@ -24,74 +24,68 @@ - + - - + - - - - + + + - - diff --git a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.ts b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.ts index c50e079d4..c1d40d0cd 100644 --- a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.ts +++ b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.ts @@ -115,9 +115,9 @@ export class RecentEditedActivityComponent extends BaseComponent implements OnIn } } - navigateToUrl() { - this.router.navigate(["plans/"]); - } + // navigateToUrl() { + // this.router.navigate(["plans/"]); + // } roleDisplay(value: any) { const principal: Principal = this.authentication.current(); diff --git a/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.html b/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.html index 602b338ab..7fa9e811f 100644 --- a/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.html +++ b/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.html @@ -1,4 +1,4 @@ -
+

{{ title }}

@@ -7,4 +7,4 @@ {{ icon }}
-
+
diff --git a/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.spec.ts b/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.spec.ts deleted file mode 100644 index b5ec8b2c9..000000000 --- a/dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { WizardComponent } from './wizard.component'; - -describe('WizardComponent', () => { - let component: WizardComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ WizardComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(WizardComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -});
{{ activity.label }} -
- {{ activity.profile }} -
-
--
-
+
{{ activity.label }} +
+ {{ activity.profile }} +
+
--
{{ activity.grant }}{{ roleDisplay(activity.users)}}{{ activity.organisations }} -
- {{'TYPES.DMP-VISIBILITY.PUBLIC' | translate}} -
-
+
{{ activity.grant }}{{ roleDisplay(activity.users)}}{{ activity.organisations }} +
+ {{'TYPES.DMP-VISIBILITY.PUBLIC' | translate}} +
- - {{ enumUtils.toDmpStatusString(activity.status) }} + {{ enumUtils.toDmpStatusString(activity.status) }} - - {{ enumUtils.toDmpStatusString(activity.status) }} + {{ enumUtils.toDmpStatusString(activity.status) }} - {{ activity.modifiedTime | date: "shortDate" }} + + {{ activity.modifiedTime | date: "shortDate" }} - - + + + - - - - - - - - - - - - - + + + + + + + + + +