|
1 | | -<ng-container *ngVar="(bitstreamRD$ | async) as bitstreamRD"> |
2 | | - <div class="container"> |
3 | | - <div> |
4 | | - <h3>{{ |
5 | | - 'bitstream.replace.page.header' | translate: { |
6 | | - fileName: bitstreamRD.payload.name, |
7 | | - fileSize: bitstreamRD.payload.sizeBytes | dsFileSize |
8 | | - } |
9 | | - }}</h3> |
10 | | - <p> |
11 | | - {{ |
12 | | - 'bitstream.replace.page.content' | translate: { |
13 | | - fileName: bitstreamRD.payload.name |
14 | | - } |
15 | | - }} |
16 | | - </p> |
17 | | - </div> |
18 | | - <ds-uploader #uploader class="w-100" |
19 | | - [dropMsg]="'item.bitstreams.upload.drop-message'" |
20 | | - [dropOverDocumentMsg]="'item.bitstreams.upload.drop-message'" |
21 | | - [enableDragOverDocument]="true" |
22 | | - [uploadFilesOptions]="uploadFilesOptions" |
23 | | - (onCompleteItem)="onCompleteItem($event)" |
24 | | - (onUploadError)="onUploadError()"></ds-uploader> |
25 | | - <div class="mb-2 d-flex"> |
26 | | - <ui-switch size="small" |
27 | | - [(ngModel)]="shouldReplaceName"></ui-switch> |
28 | | - <span class="font-weight-bold ms-2">{{ 'bitstream.replace.page.replace-name' | translate }}</span> |
29 | | - </div> |
30 | | - <div class="mb-2"> |
31 | | - <span [ngClass]="{ 'invisible': shouldReplaceName }" class="text-muted"> {{ 'bitstream.replace.page.replace-name-hint' | translate }}</span> |
32 | | - </div> |
33 | | - @if (bitstreamRD?.hasFailed) { |
34 | | - <ds-error message="{{'error.bitstream' | translate}}"></ds-error> |
35 | | - } |
36 | | - @if (!bitstreamRD || bitstreamRD?.isLoading) { |
37 | | - <ds-loading |
38 | | - message="{{'loading.bitstream' | translate}}"></ds-loading> |
39 | | - } |
| 1 | +@let bitstreamRD = bitstreamRD$ | async; |
| 2 | +<div class="container"> |
| 3 | + <div> |
| 4 | + <h3>{{ |
| 5 | + 'bitstream.replace.page.header' | translate: { |
| 6 | + fileName: bitstreamRD.payload.name, |
| 7 | + fileSize: bitstreamRD.payload.sizeBytes | dsFileSize |
| 8 | + } |
| 9 | + }}</h3> |
| 10 | + <p> |
| 11 | + {{ |
| 12 | + 'bitstream.replace.page.content' | translate: { |
| 13 | + fileName: bitstreamRD.payload.name |
| 14 | + } |
| 15 | + }} |
| 16 | + </p> |
| 17 | + </div> |
| 18 | + <ds-uploader #uploader class="w-100" |
| 19 | + [dropMsg]="'item.bitstreams.upload.drop-message'" |
| 20 | + [dropOverDocumentMsg]="'item.bitstreams.upload.drop-message'" |
| 21 | + [enableDragOverDocument]="true" |
| 22 | + [uploadFilesOptions]="uploadFilesOptions" |
| 23 | + (onCompleteItem)="onCompleteItem($event)" |
| 24 | + (onUploadError)="onUploadError()"></ds-uploader> |
| 25 | + <div class="mb-2 d-flex"> |
| 26 | + <ui-switch size="small" |
| 27 | + [(ngModel)]="shouldReplaceName"></ui-switch> |
| 28 | + <span class="font-weight-bold ms-2">{{ 'bitstream.replace.page.replace-name' | translate }}</span> |
| 29 | + </div> |
| 30 | + <div class="mb-2"> |
| 31 | + <span [ngClass]="{ 'invisible': shouldReplaceName }" |
| 32 | + class="text-muted"> {{ 'bitstream.replace.page.replace-name-hint' | translate }}</span> |
| 33 | + </div> |
| 34 | + @if (bitstreamRD?.hasFailed) { |
| 35 | + <ds-error message="{{'error.bitstream' | translate}}"></ds-error> |
| 36 | + } |
| 37 | + @if (!bitstreamRD || bitstreamRD?.isLoading) { |
| 38 | + <ds-loading |
| 39 | + message="{{'loading.bitstream' | translate}}"></ds-loading> |
| 40 | + } |
40 | 41 |
|
41 | | - <div class="button-row bottom"> |
42 | | - <div class="mt-4 float-right"> |
43 | | - <button class="back-button btn btn-outline-secondary" |
44 | | - (click)="back()"><i |
45 | | - class="fas fa-arrow-left"></i> |
46 | | - <span class="d-none d-sm-inline"> {{ "bitstream.replace.page.button.return" | translate }}</span> |
47 | | - </button> |
48 | | - <button class="save-button btn btn-primary" (click)="save(uploader);"><i |
49 | | - class="fas fa-save"></i> |
50 | | - <span class="d-none d-sm-inline"> {{ "bitstream.replace.page.button.save" | translate }}</span> |
51 | | - </button> |
52 | | - </div> |
| 42 | + <div class="button-row bottom"> |
| 43 | + <div class="mt-4 float-right"> |
| 44 | + <button class="back-button btn btn-outline-secondary" |
| 45 | + (click)="back()"><i |
| 46 | + class="fas fa-arrow-left"></i> |
| 47 | + <span class="d-none d-sm-inline"> {{ "bitstream.replace.page.button.return" | translate }}</span> |
| 48 | + </button> |
| 49 | + <button class="save-button btn btn-primary" (click)="save(uploader);"><i |
| 50 | + class="fas fa-save"></i> |
| 51 | + <span class="d-none d-sm-inline"> {{ "bitstream.replace.page.button.save" | translate }}</span> |
| 52 | + </button> |
53 | 53 | </div> |
54 | 54 | </div> |
55 | | -</ng-container> |
| 55 | +</div> |
0 commit comments