Frontend
Public
Commits
Tim Donohue authored and GitHub committed b70daafda26 Merge
| 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 - | <ds-view-tracker [object]="collection"></ds-view-tracker> |
| 7 - | <header class="comcol-header border-bottom mb-4 pb-4"> |
| 6 + | <ds-view-tracker [object]="collection"></ds-view-tracker> |
| 7 + | <div class="d-flex flex-row border-bottom mb-4 pb-4"> |
| 8 + | <header class="comcol-header mr-auto"> |
| 8 9 | <!-- Collection Name --> |
| 9 - | <ds-comcol-page-header |
| 10 - | [name]="collection.name"> |
| 11 - | </ds-comcol-page-header> |
| 12 - | <!-- Collection logo --> |
| 13 - | <ds-comcol-page-logo *ngIf="logoRD$" |
| 14 - | [logo]="(logoRD$ | async)?.payload" |
| 15 - | [alternateText]="'Collection Logo'" |
| 16 - | [alternateText]="'Collection Logo'"> |
| 17 - | </ds-comcol-page-logo> |
| 10 + | <ds-comcol-page-header |
| 11 + | [name]="collection.name"> |
| 12 + | </ds-comcol-page-header> |
| 13 + | <!-- Collection logo --> |
| 14 + | <ds-comcol-page-logo *ngIf="logoRD$" |
| 15 + | [logo]="(logoRD$ | async)?.payload" |
| 16 + | [alternateText]="'Collection Logo'" |
| 17 + | [alternateText]="'Collection Logo'"> |
| 18 + | </ds-comcol-page-logo> |
| 18 19 | |
| 19 - | <!-- Handle --> |
| 20 - | <ds-comcol-page-handle |
| 21 - | [content]="collection.handle" |
| 22 - | [title]="'collection.page.handle'" > |
| 23 - | </ds-comcol-page-handle> |
| 24 - | <!-- Introductory text --> |
| 25 - | <ds-comcol-page-content |
| 26 - | [content]="collection.introductoryText" |
| 27 - | [hasInnerHtml]="true"> |
| 28 - | </ds-comcol-page-content> |
| 29 - | <!-- News --> |
| 30 - | <ds-comcol-page-content |
| 31 - | [content]="collection.sidebarText" |
| 32 - | [hasInnerHtml]="true" |
| 33 - | [title]="'collection.page.news'"> |
| 34 - | </ds-comcol-page-content> |
| 35 - | |
| 36 - | </header> |
| 20 + | <!-- Handle --> |
| 21 + | <ds-comcol-page-handle |
| 22 + | [content]="collection.handle" |
| 23 + | [title]="'collection.page.handle'" > |
| 24 + | </ds-comcol-page-handle> |
| 25 + | <!-- Introductory text --> |
| 26 + | <ds-comcol-page-content |
| 27 + | [content]="collection.introductoryText" |
| 28 + | [hasInnerHtml]="true"> |
| 29 + | </ds-comcol-page-content> |
| 30 + | <!-- News --> |
| 31 + | <ds-comcol-page-content |
| 32 + | [content]="collection.sidebarText" |
| 33 + | [hasInnerHtml]="true" |
| 34 + | [title]="'collection.page.news'"> |
| 35 + | </ds-comcol-page-content> |
| 36 + | </header> |
| 37 + | <div class="pl-2"> |
| 38 + | <ds-dso-page-edit-button [pageRoutePrefix]="'collections'" [dso]="collection" [tooltipMsg]="'collection.page.edit'"></ds-dso-page-edit-button> |
| 39 + | </div> |
| 40 + | </div> |
| 37 41 | <section class="comcol-page-browse-section"> |
| 38 42 | <!-- Browse-By Links --> |
| 39 43 | <ds-comcol-page-browse-by |
| 40 44 | [id]="collection.id" |
| 41 45 | [contentType]="collection.type"> |
| 42 46 | </ds-comcol-page-browse-by> |
| 43 47 | |
| 44 48 | <ng-container *ngVar="(itemRD$ | async) as itemRD"> |
| 45 49 | <div class="mt-4" *ngIf="itemRD?.hasSucceeded" @fadeIn> |
| 46 50 | <h3 class="sr-only">{{'collection.page.browse.recent.head' | translate}}</h3> |