62741: Remove whitespace and entity thumbnails from grid templates

This commit is contained in:
Kristof De Langhe
2019-06-07 13:23:03 +02:00
parent 22ae5a04e7
commit 0a32d3f915
7 changed files with 23 additions and 23 deletions

View File

@@ -8,16 +8,16 @@
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p class="item-date card-text text-muted"> <p class="item-date card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span [innerHTML]="firstMetadataValue('journalissue.issuedate')"></span> <span [innerHTML]="firstMetadataValue('journalissue.issuedate')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p class="item-journal-title card-text"> <p class="item-journal-title card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('journal.title')"></span> <span [innerHTML]="firstMetadataValue('journal.title')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>

View File

@@ -8,16 +8,16 @@
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p class="item-date card-text text-muted"> <p class="item-date card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span [innerHTML]="firstMetadataValue('journalvolume.issuedate')"></span> <span [innerHTML]="firstMetadataValue('journalvolume.issuedate')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p class="item-description card-text"> <p class="item-description card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="2"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('journalvolume.identifier.description')"></span> <span [innerHTML]="firstMetadataValue('journalvolume.identifier.description')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>

View File

@@ -8,19 +8,19 @@
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p *ngIf="dso.hasMetadata('journal.contributor.editor')" <p *ngIf="dso.hasMetadata('journal.contributor.editor')"
class="item-publisher card-text text-muted"> class="item-publisher card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span *ngIf="dso.hasMetadata('journal.contributor.editor')" class="item-date">{{dso.firstMetadataValue('journal.contributor.editor')}}</span> <span *ngIf="dso.hasMetadata('journal.contributor.editor')" class="item-date">{{dso.firstMetadataValue('journal.contributor.editor')}}</span>
<span>, </span> <span>, </span>
<span *ngIf="dso.hasMetadata('journal.publisher')" class="item-date">{{dso.firstMetadataValue('journal.publisher')}}</span> <span *ngIf="dso.hasMetadata('journal.publisher')" class="item-date">{{dso.firstMetadataValue('journal.publisher')}}</span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p class="item-description card-text"> <p class="item-description card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('journal.identifier.description')"></span> <span [innerHTML]="firstMetadataValue('journal.identifier.description')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>

View File

@@ -2,23 +2,23 @@
<div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'"> <div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'">
<a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width"> <a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async" [defaultImage]="'assets/images/orgunit-placeholder.svg'"> <ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async">
</ds-grid-thumbnail> </ds-grid-thumbnail>
</div> </div>
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p class="item-date card-text text-muted"> <p class="item-date card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span [innerHTML]="firstMetadataValue('orgunit.identifier.dateestablished')"></span> <span [innerHTML]="firstMetadataValue('orgunit.identifier.dateestablished')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p *ngIf="dso.hasMetadata('orgunit.identifier.country')" <p *ngIf="dso.hasMetadata('orgunit.identifier.country')"
class="item-location card-text"> class="item-location card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span *ngIf="dso.hasMetadata('orgunit.identifier.country')" class="item-date">{{dso.firstMetadataValue('orgunit.identifier.country')}}</span> <span *ngIf="dso.hasMetadata('orgunit.identifier.country')" class="item-date">{{dso.firstMetadataValue('orgunit.identifier.country')}}</span>
<span>, </span> <span>, </span>
<span *ngIf="dso.hasMetadata('orgunit.identifier.city')" class="item-date">{{dso.firstMetadataValue('orgunit.identifier.city')}}</span> <span *ngIf="dso.hasMetadata('orgunit.identifier.city')" class="item-date">{{dso.firstMetadataValue('orgunit.identifier.city')}}</span>

View File

@@ -2,22 +2,22 @@
<div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'"> <div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'">
<a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width"> <a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async" [defaultImage]="'assets/images/person-placeholder.svg'"> <ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async">
</ds-grid-thumbnail> </ds-grid-thumbnail>
</div> </div>
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p class="item-email card-text text-muted"> <p class="item-email card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span *ngIf="dso.hasMetadata('person.identifier.email')">{{dso.firstMetadataValue('person.identifier.email')}}</span> <span *ngIf="dso.hasMetadata('person.identifier.email')">{{dso.firstMetadataValue('person.identifier.email')}}</span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p class="item-jobtitle card-text"> <p class="item-jobtitle card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('person.identifier.jobtitle')"></span> <span [innerHTML]="firstMetadataValue('person.identifier.jobtitle')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>

View File

@@ -2,17 +2,17 @@
<div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'"> <div class="card" [@focusShadow]="(isCollapsed() | async)?'blur':'focus'">
<a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width"> <a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async" [defaultImage]="'assets/images/project-placeholder.svg'"> <ds-grid-thumbnail [thumbnail]="this.item.getThumbnail() | async">
</ds-grid-thumbnail> </ds-grid-thumbnail>
</div> </div>
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p class="item-funder card-text text-muted"> <p class="item-funder card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('project.identifier.funder')"></span> <span [innerHTML]="firstMetadataValue('project.identifier.funder')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>

View File

@@ -8,12 +8,12 @@
</a> </a>
<div class="card-body"> <div class="card-body">
<ds-item-type-badge [object]="object"></ds-item-type-badge> <ds-item-type-badge [object]="object"></ds-item-type-badge>
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3" type="h4"> <ds-truncatable-part [id]="dso.id" [minLines]="3" type="h4">
<h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4> <h4 class="card-title" [innerHTML]="dso.firstMetadataValue('dc.title')"></h4>
</ds-truncatable-part> </ds-truncatable-part>
<p *ngIf="dso.hasMetadata(['dc.contributor.author', 'dc.creator', 'dc.contributor.*'])" <p *ngIf="dso.hasMetadata(['dc.contributor.author', 'dc.creator', 'dc.contributor.*'])"
class="item-authors card-text text-muted"> class="item-authors card-text text-muted">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="1"> <ds-truncatable-part [id]="dso.id" [minLines]="1">
<span *ngIf="dso.hasMetadata('dc.date.issued')" class="item-date">{{dso.firstMetadataValue('dc.date.issued')}}</span> <span *ngIf="dso.hasMetadata('dc.date.issued')" class="item-date">{{dso.firstMetadataValue('dc.date.issued')}}</span>
<span *ngFor="let author of dso.allMetadataValues(['dc.contributor.author', 'dc.creator', 'dc.contributor.*']);">, <span *ngFor="let author of dso.allMetadataValues(['dc.contributor.author', 'dc.creator', 'dc.contributor.*']);">,
<span [innerHTML]="author"></span> <span [innerHTML]="author"></span>
@@ -21,7 +21,7 @@
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>
<p class="item-abstract card-text"> <p class="item-abstract card-text">
<ds-truncatable-part [fixedHeight]="true" [id]="dso.id" [minLines]="3"> <ds-truncatable-part [id]="dso.id" [minLines]="3">
<span [innerHTML]="firstMetadataValue('dc.description.abstract')"></span> <span [innerHTML]="firstMetadataValue('dc.description.abstract')"></span>
</ds-truncatable-part> </ds-truncatable-part>
</p> </p>