Remove the View All from related organizations tile - (Issue #101) and fixes wizard responsiveness

This commit is contained in:
apapachristou 2019-06-14 13:43:12 +03:00
parent e01d752315
commit 98d0b67561
7 changed files with 24 additions and 34 deletions

View File

@ -37,7 +37,7 @@
buttonRedirectLink="/projects/new" icon="work_outline"></app-info-counter> buttonRedirectLink="/projects/new" icon="work_outline"></app-info-counter>
</div> </div>
<div class="col-lg-3 col-md-6 col-sm-6"> <div class="col-lg-3 col-md-6 col-sm-6">
<app-info-counter title="Related Organizations" <app-info-counter [title]="'DASHBOARD.ORGANIZATIONS'"
[subtitle]="dashboardStatisticsData?.totalOrganisationCount" icon="scatter_plot"> [subtitle]="dashboardStatisticsData?.totalOrganisationCount" icon="scatter_plot">
</app-info-counter> </app-info-counter>
</div> </div>

View File

@ -1,6 +1,9 @@
<div class="card card-stats"> <div class="card card-stats">
<div class="card-header card-header-default card-header-icon" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()"> <div class="card-header card-header-default card-header-icon" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">
<div class="card-icon"> <div *ngIf="routerLink" class="card-icon">
<i class="material-icons-outlined">{{ icon }}</i>
</div>
<div *ngIf="!routerLink" class="card-icon card-icon-nocursor">
<i class="material-icons-outlined">{{ icon }}</i> <i class="material-icons-outlined">{{ icon }}</i>
</div> </div>
<p class="card-category">{{ title | translate }}</p> <p class="card-category">{{ title | translate }}</p>
@ -10,7 +13,8 @@
</div> </div>
<div class="card-footer"> <div class="card-footer">
<div class="stats"> <div class="stats">
<div class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div> <div *ngIf="routerLink" class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div>
<div *ngIf="!routerLink" class="view-all-hidden" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,25 +0,0 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { InfoCounterComponent } from './info-counter.component';
describe('InfoCounterComponent', () => {
let component: InfoCounterComponent;
let fixture: ComponentFixture<InfoCounterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ InfoCounterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(InfoCounterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -3,8 +3,8 @@
} }
.play_circle { .play_circle {
display: inline-block; display: flex;
float: right; align-self: center;
margin: 0px 10px 0px 0px; margin: 0px 10px 0px 0px;
font-size: 40px; font-size: 40px;
} }

View File

@ -1,10 +1,10 @@
<div class="card clickable"> <div class="card clickable">
<div class="card-header card-header-blue"> <div class="row card-header card-header-blue">
<div class="card-desc"> <div class="col card-desc">
<h4 class="card-title">{{ title }}</h4> <h4 class="card-title pb-1">{{ title }}</h4>
<p class="card-category">{{ subtitle }}</p> <p class="card-category">{{ subtitle }}</p>
</div> </div>
<i class="material-icons play_circle">{{ icon }}</i> <i class="col-auto material-icons play_circle">{{ icon }}</i>
</div> </div>
<div class="card-body table-responsive"></div> <div class="card-body table-responsive"></div>
</div> </div>

View File

@ -142,6 +142,10 @@ h6 {
cursor: pointer; cursor: pointer;
} }
.card-icon-nocursor {
cursor: default !important;
}
.card .card-header-default .card-icon, .card .card-header-default .card-text, .card .card-header-default:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back { .card .card-header-default .card-icon, .card .card-header-default .card-text, .card .card-header-default:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
background: linear-gradient(60deg, #fff, #fff); background: linear-gradient(60deg, #fff, #fff);
} }
@ -261,6 +265,12 @@ h6 {
color: rgb(46, 117, 182); color: rgb(46, 117, 182);
} }
.view-all-hidden {
visibility: hidden;
margin-top: 10px;
margin-right: 10px;
}
.card-header-plain h4 { .card-header-plain h4 {
color: black !important; color: black !important;
} }

View File

@ -762,6 +762,7 @@
"MY-PROJECTS": "My Projects", "MY-PROJECTS": "My Projects",
"PROJECTS": "Projects", "PROJECTS": "Projects",
"MY-DMPS": "My DMPs", "MY-DMPS": "My DMPs",
"ORGANIZATIONS": "Related Organizations",
"DMPS": "DMPs", "DMPS": "DMPs",
"MY-DATASETS": "My Dataset Descriptions", "MY-DATASETS": "My Dataset Descriptions",
"DATASETS": "Datasets", "DATASETS": "Datasets",