dashboard QuickWizard Buttons

This commit is contained in:
Diamantis Tziotzios 2019-03-06 12:03:02 +02:00
parent ddf0b8c53c
commit dee23a0e8f
3 changed files with 50 additions and 30 deletions

View File

@ -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>

View File

@ -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>

View File

@ -10,8 +10,6 @@ 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,