Commits
Philip Vissenaekens authored 9df5a508f15
1 1 | <div class="container"> |
2 2 | <div class="collection-page" |
3 3 | *ngVar="(collectionRD$ | async) as collectionRD"> |
4 4 | <div *ngIf="collectionRD?.hasSucceeded" @fadeInOut> |
5 5 | <div *ngIf="collectionRD?.payload as collection"> |
6 6 | <ds-view-tracker [object]="collection"></ds-view-tracker> |
7 7 | <header class="comcol-header border-bottom mb-4 pb-4"> |
8 + | <!-- Collection Name --> |
9 + | <ds-comcol-page-header |
10 + | [name]="collection.name"> |
11 + | </ds-comcol-page-header> |
8 12 | <!-- Collection logo --> |
9 13 | <ds-comcol-page-logo *ngIf="logoRD$" |
10 - | [logo]="(logoRD$ | async)?.payload" [alternateText]="'Collection Logo'"> |
14 + | [logo]="(logoRD$ | async)?.payload" |
15 + | [alternateText]="'Collection Logo'" |
11 16 | [alternateText]="'Collection Logo'"> |
12 17 | </ds-comcol-page-logo> |
13 - | <!-- Collection Name --> |
14 - | <ds-comcol-page-header |
15 - | [name]="collection.name"> |
16 - | </ds-comcol-page-header> |
18 + | |
17 19 | <!-- Handle --> |
18 20 | <ds-comcol-page-handle |
19 21 | [content]="collection.handle" |
20 22 | [title]="'collection.page.handle'" > |
21 23 | </ds-comcol-page-handle> |
22 24 | <!-- Introductory text --> |
23 25 | <ds-comcol-page-content |
24 26 | [content]="collection.introductoryText" |
25 27 | [hasInnerHtml]="true"> |
26 28 | </ds-comcol-page-content> |
32 34 | </ds-comcol-page-content> |
33 35 | |
34 36 | </header> |
35 37 | <section class="comcol-page-browse-section"> |
36 38 | <!-- Browse-By Links --> |
37 39 | <ds-comcol-page-browse-by |
38 40 | [id]="collection.id" |
39 41 | [contentType]="collection.type"> |
40 42 | </ds-comcol-page-browse-by> |
41 43 | |
42 - | <!-- Collection logo --> |
43 - | <ds-comcol-page-logo *ngIf="logoRD$" |
44 - | [logo]="(logoRD$ | async)?.payload" |
45 - | [alternateText]="'Collection Logo'" |
46 - | [alternateText]="'Collection Logo'"> |
47 - | </ds-comcol-page-logo> |
48 - | |
49 44 | <ng-container *ngVar="(itemRD$ | async) as itemRD"> |
50 45 | <div class="mt-4" *ngIf="itemRD?.hasSucceeded" @fadeIn> |
51 46 | <h3 class="sr-only">{{'collection.page.browse.recent.head' | translate}}</h3> |
52 47 | <ds-viewable-collection |
53 48 | [config]="paginationConfig" |
54 49 | [sortConfig]="sortConfig" |
55 50 | [objects]="itemRD" |
56 51 | [hideGear]="true" |
57 52 | (paginationChange)="onPaginationChange($event)"> |
58 53 | </ds-viewable-collection> |