MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

no message

This commit is contained in:
Diamantis Tziotzios 2017-12-21 11:23:38 +02:00
parent 9ed17168db
commit 1ae37dd3ab
4 changed files with 147 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dmp-frontend/src/app/homepage/homepage.component.css
View File

@ -5,7 +5,8 @@
align-items: center;
}
.card h6, p {
.card h6,
p {
color: #999;
}
@ -54,7 +55,9 @@
}
@media screen and (max-width: 990px) {
#sidebar, #nav-right, #nav-left-button{
#sidebar,
#nav-right,
#nav-left-button {
display: none;
}
#menu {
@ -69,4 +72,3 @@
transition: all 400ms;
}
}

98
dmp-frontend/src/app/homepage/homepage.component.html
View File

@ -1,17 +1,47 @@
<!-- <div class="jumbotron">
<h2>Hello {{ userInfo?.name!=null ? userInfo?.name : userInfo?.email }}</h2>
<p>Welcome {{ userInfo?.created != userInfo?.lastloggedin ? "back" : "" }} to the <a href="https://en.wikipedia.org/wiki/Data_management_plan">Data Management Plans</a> composer application. </p>
<!--
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
-->
<!--</div> -->
<div class="main-panel" id="main-panel">
<div class="container">
<div class="row" style="margin-top: 30px">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 col-md-offset-1">
<app-figurecard
title={{dashboardStatisticsData.totalProjectCount}}
headerIcon="list"
category="Projects"
footContent="open projects"
routelLink= '/projects'
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-figurecard>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<app-figurecard
title={{dashboardStatisticsData.totalDataManagementPlanCount}}
headerIcon="mode_edit"
category="DMPs"
footContent="open DMPs"
routelLink= '/dmps'
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-figurecard>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<app-figurecard
title={{dashboardStatisticsData.totalDataSetCount}}
headerIcon="subject"
category="Datasets"
footContent="open datasets"
routelLink= '/datasets'
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-figurecard>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row page-title">
<div class="col-md-8 col-md-offset-2">
<div class="row">
@ -57,50 +87,10 @@
</div>
</div>
</div>
</div>
<div class="container">
<!-- <app-navbar title="Dashboard"></app-navbar> -->
<div class="row" style="margin-top: 30px">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 col-md-offset-1">
<app-figurecard
title={{dashboardStatisticsData.totalProjectCount}}
headerIcon="list"
category="Projects"
footContent="open projects"
routelLink= '/projects'
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-figurecard>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<app-figurecard
title={{dashboardStatisticsData.totalDataManagementPlanCount}}
headerIcon="mode_edit"
category="DMPs"
footContent="open DMPs"
routelLink= '/dmps'
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-figurecard>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<app-figurecard
title={{dashboardStatisticsData.totalDataSetCount}}
headerIcon="subject"
category="Datasets"
footContent="open datasets"
routelLink= '/datasets'
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-figurecard>
</div>
</div>
</div>
</div> -->
<app-dataset-listing-component></app-dataset-listing-component>
<!-- <app-dataset-listing-component></app-dataset-listing-component> -->
</div>

13
dmp-frontend/src/app/shared/components/figurecard/figurecard.component.css
View File

@ -49,3 +49,16 @@
color: #999;
}
.card {
padding: 25px 20px 20px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.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;
}

2
dmp-frontend/src/app/shared/components/navigation/navigation.component.html
View File

@ -3,7 +3,7 @@
<div *ngIf="isAuthenticated()">
<button mat-button class="navbar-button" routerLink="/projects">{{'NAV-BAR.PROJECTS' | translate}}</button>
<button mat-button class="navbar-button" routerLink="/dmps">{{'NAV-BAR.DMPS' | translate}}</button>
<button mat-button class="navbar-button" routerLink="/datadets">{{'NAV-BAR.DATASETS' | translate}}</button>
<button mat-button class="navbar-button" routerLink="/datasets">{{'NAV-BAR.DATASETS' | translate}}</button>
</div>
<span class="navbar-spacer"></span>
<div *ngIf="isAuthenticated()">