LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / catalog / record / upload-jacket-image-dialog.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title">
4       <span i18n>Upload Cover Image</span>
5     </h4>
6     <button type="button" class="btn-close btn-close-white"
7     i18n-aria-label aria-label="Close" (click)="clearErrors(); close(false)"></button>
8 </div>
9 <div class="modal-body">
10     <!--<form method="POST" enctype="multipart/form-data" action="/jacket-upload">
11         <input type="file" name="jacket_upload">
12         <input type="text" name="ses">
13         <input type="text" name="bib_record">
14         <input type="submit">
15     </form>-->
16     <input type="file" class="file-input" (change)="onFileSelected($event)" #fileUpload>
17     <div class="progress" *ngIf="uploading">
18       <div class="progress-bar progress-bar-striped active w-100"
19         role="progressbar" aria-valuenow="100"
20         aria-valuemin="0" aria-valuemax="100">
21         <span i18n>Uploading..</span>
22       </div>
23     </div>
24     <div style="margin-top: 20px" *ngIf="errorUploading">
25         <span *ngIf="errorAuthentication" class="alert alert-danger" i18n>Not authenticated. Expired login?</span>
26         <span *ngIf="errorAuthorization" class="alert alert-danger" i18n>Not authorized. Check your permissions.</span>
27         <span *ngIf="errorNotFound" class="alert alert-danger" i18n>Not found. Bib record deleted?</span>
28         <span *ngIf="errorCompressionConfig" class="alert alert-danger" i18n>Invalid global compression value. Talk to your system administrator.</span>
29         <span *ngIf="errorLocationConfig" class="alert alert-danger" i18n>Do not know where to upload files. Talk to your system administrator.</span>
30         <span *ngIf="errorWritingFile" class="alert alert-danger" i18n>Can not save uploaded file. Talk to your system administrator.</span>
31         <span *ngIf="errorSize" class="alert alert-danger" i18n>File size larger than configured limit. Check your library setting or try a smaller file.</span>
32         <span *ngIf="errorParsing" class="alert alert-danger" i18n>Error parsing the image. Is it a common image filetype?</span>
33         <span *ngIf="errorGeneric" class="alert alert-danger" i18n>Error uploading or processing file.</span>
34     </div>
35
36 </div>
37 <div class="modal-footer">
38   <button type="button" class="btn btn-success" [disabled]="uploading || noFile"
39   (click)="uploadJacketImage()" i18n>Upload Cover Image</button>
40 </div>
41 </ng-template>