From dee23a0e8f5c91fac517a5ab153b73617ca6583d Mon Sep 17 00:00:00 2001
From: dtziotzios <dtziotzios@cite.gr>
Date: Wed, 6 Mar 2019 12:03:02 +0200
Subject: [PATCH] dashboard QuickWizard Buttons

---
 .../app/ui/dashboard/dashboard.component.html | 39 +++++++++++++++----
 .../quick-wizard-create-add.component.html    | 37 ++++++++----------
 .../quick-wizard-create-add.component.ts      |  4 +-
 3 files changed, 50 insertions(+), 30 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
index 2bb207abf..354a7e00a 100644
--- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
+++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
@@ -8,11 +8,25 @@
 			</div>
 			<div class="col"></div>
 		</div>
+
+		<div class="row" style="margin-top: 30px">
+			<div class="col"></div>
+			<div class="col-auto">
+				<app-quick-wizard-create-add-component></app-quick-wizard-create-add-component>
+			</div>
+			<div class="col"></div>
+		</div>
+
+
 	</div>
 	<div class="row" style="margin-top: 30px">
 		<div class="col"></div>
 		<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-			<app-dashboard-card title={{dashboardStatisticsData?.totalDataManagementPlanCount}} headerIcon="mode_edit" [category]="this.isAuthenticated() ? 'DASHBOARD.MY-DMPS' : 'DASHBOARD.DMPS' " routelLink='/plans' buttonRedirectLink="/plans/new" buttonTitle="Create New DMP" footerIcon="open_in_new" linearColor="linear-gradient(60deg, #ef5350, #e53935)" boxShadow="0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4)">
+			<app-dashboard-card title={{dashboardStatisticsData?.totalDataManagementPlanCount}} headerIcon="mode_edit"
+				[category]="this.isAuthenticated() ? 'DASHBOARD.MY-DMPS' : 'DASHBOARD.DMPS' " routelLink='/plans'
+				buttonRedirectLink="/plans/new" buttonTitle="Create New DMP" footerIcon="open_in_new"
+				linearColor="linear-gradient(60deg, #ef5350, #e53935)"
+				boxShadow="0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4)">
 			</app-dashboard-card>
 			<mat-card *ngIf="this.isAuthenticated()" class="example-card">
 				<mat-card-header>
@@ -22,7 +36,8 @@
 				</mat-card-header>
 				<mat-card-content>
 					<mat-nav-list *ngIf="dmpActivities!=null">
-						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities">
+						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)"
+							*ngFor="let activity of dmpActivities">
 							<p mat-line>
 								{{activity.label}}
 							</p>
@@ -35,7 +50,11 @@
 			</mat-card>
 		</div>
 		<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
-			<app-dashboard-card title={{dashboardStatisticsData?.totalProjectCount}} headerIcon="list" [category]="this.isAuthenticated() ? 'DASHBOARD.MY-PROJECTS' : 'DASHBOARD.PROJECTS' " routelLink='/projects' buttonRedirectLink="/projects/new" buttonTitle="Create New Project" footerIcon="open_in_new" linearColor="linear-gradient(60deg, #ffa726, #fb8c00)" boxShadow="0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)">
+			<app-dashboard-card title={{dashboardStatisticsData?.totalProjectCount}} headerIcon="list"
+				[category]="this.isAuthenticated() ? 'DASHBOARD.MY-PROJECTS' : 'DASHBOARD.PROJECTS' "
+				routelLink='/projects' buttonRedirectLink="/projects/new" buttonTitle="Create New Project"
+				footerIcon="open_in_new" linearColor="linear-gradient(60deg, #ffa726, #fb8c00)"
+				boxShadow="0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)">
 			</app-dashboard-card>
 			<mat-card *ngIf="this.isAuthenticated()" class="example-card">
 				<mat-card-header>
@@ -45,7 +64,8 @@
 				</mat-card-header>
 				<mat-card-content>
 					<mat-nav-list *ngIf="projectActivities!=null">
-						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Project)" *ngFor="let activity of projectActivities">
+						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Project)"
+							*ngFor="let activity of projectActivities">
 							<p mat-line>
 								{{activity.label}}
 							</p>
@@ -58,7 +78,11 @@
 			</mat-card>
 		</div>
 		<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-			<app-dashboard-card title={{dashboardStatisticsData?.totalDataSetCount}} headerIcon="subject" [category]="this.isAuthenticated() ? 'DASHBOARD.MY-DATASETS' : 'DASHBOARD.DATASETS'" routelLink='/datasets' buttonRedirectLink="/datasets/new" buttonTitle="Create New Dataset" footerIcon="open_in_new" linearColor="linear-gradient(60deg, #26c6da, #00acc1)" boxShadow="0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4)">
+			<app-dashboard-card title={{dashboardStatisticsData?.totalDataSetCount}} headerIcon="subject"
+				[category]="this.isAuthenticated() ? 'DASHBOARD.MY-DATASETS' : 'DASHBOARD.DATASETS'"
+				routelLink='/datasets' buttonRedirectLink="/datasets/new" buttonTitle="Create New Dataset"
+				footerIcon="open_in_new" linearColor="linear-gradient(60deg, #26c6da, #00acc1)"
+				boxShadow="0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4)">
 			</app-dashboard-card>
 			<mat-card *ngIf="this.isAuthenticated()" class="example-card">
 				<mat-card-header>
@@ -68,7 +92,8 @@
 				</mat-card-header>
 				<mat-card-content>
 					<mat-nav-list *ngIf="datasetActivities!=null">
-						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dataset)" *ngFor="let activity of datasetActivities">
+						<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dataset)"
+							*ngFor="let activity of datasetActivities">
 							<p mat-line>
 								{{activity.label}}
 							</p>
@@ -82,4 +107,4 @@
 		</div>
 		<div class="col"></div>
 	</div>
-</div>
+</div>
\ No newline at end of file
diff --git a/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.html b/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.html
index 014473e46..b38ba7269 100644
--- a/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.html
+++ b/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.html
@@ -1,24 +1,21 @@
-<div class="dashboard" id=panel>
-
-    <div class="row">
-        <div class="col-2"></div>
-        <div class="col-8 ">
-            <div class="row conteiner">
-                <div class="col">
-                    <a mat-button class="buttonNav navbar-button figure-card card" routerLink="/quick-wizard">
-                        <h3 class="title">{{'QUICKWIZARD.CREATE-ADD.CREATE.TITLE' | translate}}</h3>
-                    </a>
-                </div>
-                <div class="col-auto">
-                    <div class="vl"></div>
-                </div>
-                <div class="col">
-                    <a mat-button class="buttonNav navbar-button figure-card card" routerLink="/datasetcreatewizard">
-                        <h3 class="title">{{'QUICKWIZARD.CREATE-ADD.ADD.TITLE' | translate}}</h3>
-                    </a>
-                </div>
+<div class="row">
+    <div class="col-2"></div>
+    <div class="col-8 ">
+        <div class="row conteiner">
+            <div class="col">
+                <a mat-button class="buttonNav navbar-button figure-card card" routerLink="/quick-wizard">
+                    <h3 class="title">{{'QUICKWIZARD.CREATE-ADD.CREATE.TITLE' | translate}}</h3>
+                </a>
+            </div>
+            <div class="col-auto">
+                <div class="vl"></div>
+            </div>
+            <div class="col">
+                <a mat-button class="buttonNav navbar-button figure-card card" routerLink="/datasetcreatewizard">
+                    <h3 class="title">{{'QUICKWIZARD.CREATE-ADD.ADD.TITLE' | translate}}</h3>
+                </a>
             </div>
         </div>
-        <div class="com-2"></div>
     </div>
+    <div class="com-2"></div>
 </div>
\ No newline at end of file
diff --git a/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.ts b/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.ts
index ebcfc399f..74b8cde91 100644
--- a/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.ts
+++ b/dmp-frontend/src/app/ui/dashboard/quick-wizard-create-add/quick-wizard-create-add.component.ts
@@ -10,9 +10,7 @@ import { MatSnackBar } from "@angular/material";
 	styleUrls: ['./quick-wizard-create-add.component.scss']
 })
 export class QuickWizardCreateAdd extends BaseComponent implements OnInit {
-	linearCreateColor: string ="linear-gradient(60deg, #ef5350, #e53935)";
-	linearAddColor: string ="linear-gradient(60deg, #26c6da, #00acc1)";
-	
+
 	constructor(
 		private router: Router,
 		private languageService: TranslateService,