{{'iiifviewer.fullscreen.notice' | translate}}
+ + diff --git a/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.scss b/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.scss new file mode 100644 index 0000000000..616c31d5da --- /dev/null +++ b/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.scss @@ -0,0 +1,13 @@ +#mirador-viewer { + border: 1px solid #cccccc; + height: 660px; + width: 100% +} +.full-text-op { + text-align: right; + color: #999999; + font-size: 0.8em; +} +p.full-text-op { + margin-bottom: 0; +} diff --git a/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.spec.ts b/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.spec.ts new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.ts b/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.ts new file mode 100644 index 0000000000..8e41c93572 --- /dev/null +++ b/src/app/entity-groups/iiif-entities/mirador-viewer/mirador-viewer.component.ts @@ -0,0 +1,94 @@ +import {ChangeDetectionStrategy, Component, Inject, Input, OnInit, PLATFORM_ID} from '@angular/core'; +import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'; +import { Item } from '../../../core/shared/item.model'; +import { environment } from '../../../../environments/environment'; +import { BitstreamDataService } from '../../../core/data/bitstream-data.service'; +import { getFirstCompletedRemoteData } from '../../../core/shared/operators'; +import { RemoteData } from '../../../core/data/remote-data'; +import { PaginatedList } from '../../../core/data/paginated-list.model'; +import { Bitstream } from '../../../core/shared/bitstream.model'; +import { hasValue } from '../../../shared/empty.util'; +import { Observable } from 'rxjs/internal/Observable'; +import { map } from 'rxjs/operators'; +import {isPlatformBrowser} from '@angular/common'; + +@Component({ + selector: 'ds-mirador-viewer', + styleUrls: ['./mirador-viewer.component.scss'], + templateUrl: './mirador-viewer.component.html', + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class MiradorViewerComponent implements OnInit { + + @Input() item: Item; + + @Input() query: string; + + @Input() searchable: boolean; + + iframeViewerUrl: Observable