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

ui fixes on dashboard (unauthorized)

This commit is contained in:
Sofia Papacharalampous 2024-04-15 14:50:05 +03:00
parent 44a75e5ffd
commit e7d6615fbc
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
dmp-frontend/src/app/ui/dashboard/dashboard.component.html
View File

@ -148,7 +148,7 @@
<div class="main-content"> <div class="main-content">
<div class="container-fluid"> <div class="container-fluid">
<div class="row flex-column-reverse flex-xl-row"> <div class="row flex-column-reverse flex-xl-row">
<div class="col-12 col-xl-9"> <div class="col-12 col-xl">
<div class="row"> <div class="row">
<div class="col-auto card" [style.display]="isIntroCardVisible ? 'block' : 'none'"> <div class="col-auto card" [style.display]="isIntroCardVisible ? 'block' : 'none'">
<a class="col-auto d-flex" (click)="dismissIntroCard()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a> <a class="col-auto d-flex" (click)="dismissIntroCard()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a>
@ -179,49 +179,49 @@
</mat-tab-group> </mat-tab-group>
</div> --> </div> -->
</div> </div>
<div class="col-12 col-xl-3 mb-4 stats"> <div class="col-12 col-xl-auto mb-4 stats">
<div *ngIf="!hasDmps()" class="row"> <div *ngIf="!hasDmps()" class="row flex-xl-column">
<div class="col-12"> <div class="col-12">
<div class="personal-usage" style="width: fit-content;"><span>{{'DASHBOARD.PUBLIC-USAGE' | translate}}</span></div> <div class="personal-usage"><span>{{'DASHBOARD.PUBLIC-USAGE' | translate}}</span></div>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div class="counter-zero"><span>0</span></div> <div class="counter-zero"><span>0</span></div>
<a>{{'DASHBOARD.PUBLIC-DMPS' | translate}}</a> <a class="link">{{'DASHBOARD.PUBLIC-DMPS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div class="counter-zero"><span>0</span></div> <div class="counter-zero"><span>0</span></div>
<a>{{'DASHBOARD.PUBLIC-DATASETS' | translate}}</a> <a class="link">{{'DASHBOARD.PUBLIC-DESCRIPTIONS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div class="counter-zero"><span>0</span></div> <div class="counter-zero"><span>0</span></div>
<a class="link-disabled">{{'DASHBOARD.GRANTS' | translate}}</a> <a class="link-disabled">{{'DASHBOARD.GRANTS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div class="counter-zero"><span>0</span></div> <div class="counter-zero"><span>0</span></div>
<a class="link-disabled">{{'DASHBOARD.RELATED-ORGANISATIONS' | translate}}</a> <a class="link-disabled">{{'DASHBOARD.RELATED-ORGANISATIONS' | translate}}</a>
</div> </div>
</div> </div>
<div *ngIf="hasDmps()" class="row"> <div *ngIf="hasDmps()" class="row flex-xl-column">
<div class="col-12"> <div class="col-12">
<div class="personal-usage" style="width: fit-content;"><span>{{'DASHBOARD.PUBLIC-USAGE' | translate}}</span></div> <div class="personal-usage" ><span>{{'DASHBOARD.PUBLIC-USAGE' | translate}}</span></div>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div [ngClass]="{'counter': dashboardStatistics?.dmpCount != 0, 'counter-zero': dashboardStatistics?.dmpCount == 0}"><span>{{dashboardStatistics?.dmpCount}}</span></div> <div [ngClass]="{'counter': dashboardStatistics?.dmpCount != 0, 'counter-zero': dashboardStatistics?.dmpCount == 0}" ><span>{{dashboardStatistics?.dmpCount}}</span></div>
<a [routerLink]="['/explore-plans']" class="link">{{'DASHBOARD.PUBLIC-DMPS' | translate}}</a> <a [routerLink]="['/explore-plans']" class="link">{{'DASHBOARD.PUBLIC-DMPS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div [ngClass]="{'counter': dashboardStatistics?.descriptionCount != 0, 'counter-zero': dashboardStatistics?.descriptionCount == 0}"><span>{{dashboardStatistics?.descriptionCount}}</span></div> <div [ngClass]="{'counter': dashboardStatistics?.descriptionCount != 0, 'counter-zero': dashboardStatistics?.descriptionCount == 0}"><span>{{dashboardStatistics?.descriptionCount}}</span></div>
<a [routerLink]="['/explore-descriptions']" class="link">{{'DASHBOARD.PUBLIC-DESCRIPTIONS' | translate}}</a> <a [routerLink]="['/explore-descriptions']" class="link">{{'DASHBOARD.PUBLIC-DESCRIPTIONS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div [ngClass]="{'counter': grantCount != 0, 'counter-zero': grantCount == 0}"><span>{{grantCount}}</span></div> <div [ngClass]="{'counter': grantCount != 0, 'counter-zero': grantCount == 0}" ><span>{{grantCount}}</span></div>
<a href="#" class="link-disabled">{{'DASHBOARD.GRANTS' | translate}}</a> <a href="#" class="link-disabled">{{'DASHBOARD.GRANTS' | translate}}</a>
</div> </div>
<div class="col-auto col-xl-12"> <div class="col-auto">
<div [ngClass]="{'counter': organizationCount != 0, 'counter-zero': organizationCount == 0}"><span>{{organizationCount}}</span></div> <div [ngClass]="{'counter': organizationCount != 0, 'counter-zero': organizationCount == 0}"><span>{{organizationCount}}</span></div>
<a href="#" class="link-disabled">{{'DASHBOARD.RELATED-ORGANISATIONS' | translate}}</a> <a href="#" class="link-disabled">{{'DASHBOARD.RELATED-ORGANISATIONS' | translate}}</a>
</div> </div>