no message
This commit is contained in:
parent
9ed17168db
commit
1ae37dd3ab
|
@ -1,72 +1,74 @@
|
||||||
.card{
|
.card {
|
||||||
padding: 25px 20px 20px 20px;
|
padding: 25px 20px 20px 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
|
||||||
|
|
||||||
.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 i{
|
|
||||||
font-size: 55px;
|
|
||||||
color: #e91e63;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-title{
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-description{
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-dataset{
|
.card h6,
|
||||||
display: flex;
|
p {
|
||||||
flex-direction: column;
|
color: #999;
|
||||||
padding: 20px;
|
|
||||||
position: relative;
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card{
|
.icon {
|
||||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
|
margin-top: 20px;
|
||||||
border-radius: 6px;
|
width: 130px;
|
||||||
color: rgba(0,0,0, 0.87);
|
height: 130px;
|
||||||
background: #fff;
|
border: 1px solid #e5e5e5;
|
||||||
}
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
.card-raised{
|
justify-content: center;
|
||||||
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);
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 990px){
|
.icon i {
|
||||||
#sidebar, #nav-right, #nav-left-button{
|
font-size: 55px;
|
||||||
display: none;
|
color: #e91e63;
|
||||||
}
|
|
||||||
#menu{
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
#main-panel{
|
|
||||||
padding-left: 0;
|
|
||||||
-webkit-transition: all 400ms;
|
|
||||||
-moz-transition: all 400ms;
|
|
||||||
-ms-transition: all 400ms;
|
|
||||||
-o-transition: all 400ms;
|
|
||||||
transition: all 400ms;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-description {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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-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);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 990px) {
|
||||||
|
#sidebar,
|
||||||
|
#nav-right,
|
||||||
|
#nav-left-button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#menu {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
#main-panel {
|
||||||
|
padding-left: 0;
|
||||||
|
-webkit-transition: all 400ms;
|
||||||
|
-moz-transition: all 400ms;
|
||||||
|
-ms-transition: all 400ms;
|
||||||
|
-o-transition: all 400ms;
|
||||||
|
transition: all 400ms;
|
||||||
|
}
|
||||||
|
}
|
|
@ -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="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="container">
|
|
||||||
|
|
||||||
<div class="row page-title">
|
<div class="row page-title">
|
||||||
<div class="col-md-8 col-md-offset-2">
|
<div class="col-md-8 col-md-offset-2">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -57,50 +87,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
|
||||||
|
|
||||||
|
|
||||||
<app-dataset-listing-component></app-dataset-listing-component>
|
<!-- <app-dataset-listing-component></app-dataset-listing-component> -->
|
||||||
</div>
|
</div>
|
|
@ -1,16 +1,16 @@
|
||||||
.figure-card{
|
.figure-card {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 25px 0;
|
margin: 25px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-content{
|
.card-content {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 15px 20px 13px 20px;
|
padding: 15px 20px 13px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header {
|
.card-header {
|
||||||
float: left;
|
float: left;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
/*background: linear-gradient(60deg, #ffa726, #fb8c00);*/
|
/*background: linear-gradient(60deg, #ffa726, #fb8c00);*/
|
||||||
|
@ -19,33 +19,46 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header i {
|
.card-header i {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
line-height: 56px;
|
line-height: 56px;
|
||||||
width: 56px;
|
width: 56px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category{
|
.category {
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-footer{
|
.card-footer {
|
||||||
margin: 0 20px 10px;
|
margin: 0 20px 10px;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-footer i {
|
.card-footer i {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
color: #999;
|
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;
|
||||||
|
}
|
|
@ -3,7 +3,7 @@
|
||||||
<div *ngIf="isAuthenticated()">
|
<div *ngIf="isAuthenticated()">
|
||||||
<button mat-button class="navbar-button" routerLink="/projects">{{'NAV-BAR.PROJECTS' | translate}}</button>
|
<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="/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>
|
</div>
|
||||||
<span class="navbar-spacer"></span>
|
<span class="navbar-spacer"></span>
|
||||||
<div *ngIf="isAuthenticated()">
|
<div *ngIf="isAuthenticated()">
|
||||||
|
|
Loading…
Reference in New Issue