Forward-port 3.5.0 upgrade script
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / booking / create-reservation-dialog.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h3 class="modal-title" i18n>Confirm Reservation Details</h3>
4     <button type="button" class="close"
5       i18n-aria-label aria-label="Close"
6       (click)="dismiss('cross_click')">
7       <span aria-hidden="true">&times;</span>
8     </button>
9   </div>
10   <form class="modal-body form-common" [formGroup]="create">
11     <div class="form-group row">
12       <label class="col-lg-4 text-right font-weight-bold"
13         i18n for="create-patron-barcode">Patron barcode</label>
14       <input type="text" id="create-patron-barcode"
15         class="form-control col-lg-7" formControlName="patronBarcode" [disabled]="patronId">
16       <span class="col-lg-7 offset-lg-4" i18n>
17         {{ (patron$ | async)?.first_given_name}}
18         {{ (patron$ | async)?.second_given_name}}
19         {{ (patron$ | async)?.family_name}}
20       </span>
21     </div>
22     <div class="form-group row">
23       <label class="col-lg-4 text-right font-weight-bold"
24         i18n for="create-end-time">Start time</label>
25       <eg-datetime-select
26         formControlName="startTime"
27         [timezone]="timezone">
28       </eg-datetime-select>
29     </div>
30     <div class="form-group row">
31       <label class="col-lg-4 text-right font-weight-bold"
32         i18n for="create-end-time">End time</label>
33       <eg-datetime-select
34         formControlName="endTime"
35         [timezone]="timezone">
36       </eg-datetime-select>
37       <div role="alert" class="alert alert-danger offset-lg-4" *ngIf="create.errors && create.errors.startTimeNotBeforeEndTime">
38         <span class="material-icons" aria-hidden="true">error</span>
39         <span i18n>Start time must be before end time</span>
40       </div>
41     </div>
42     <div class="form-group row">
43       <label class="col-lg-4 text-right font-weight-bold"
44         i18n for="create-pickup-library">Reservation location</label>
45       <eg-org-select domId="create-pickup-library" [applyDefault]="true"
46         [disableOrgs]="disableOrgs()" [hideOrgs]="disableOrgs()"
47         (onChange)="handlePickupLibChange($event)">
48       </eg-org-select>
49       <eg-help-popover helpText="The library where the resource is picked up or used" i18n-helpText></eg-help-popover>
50     </div>
51     <div *ngIf="pickupLibraryUsesDifferentTz"
52       role="alert"
53       class="alert alert-info">
54       <span class="material-icons" aria-hidden="true">access_time</span>
55       <span i18n>Reservation location is in the {{timezone}} timezone</span>
56     </div>
57     <div class="form-group row">
58       <label class="col-lg-4 text-right font-weight-bold"
59         i18n for="create-resource">Resource</label>
60       <input *ngIf="targetResource && targetResourceBarcode" id="create-resource" value="{{targetResourceBarcode}}" disabled>
61       <eg-combobox
62         formControlName="resourceList"
63         *ngIf="!(targetResource && targetResourceBarcode)"
64         startId="any">
65         <eg-combobox-entry entryId="any" entryLabel="Any resource"
66           i18n-entryLabel></eg-combobox-entry>
67         <eg-combobox-entry *ngFor="let r of resources" entryId="{{r.id()}}" entryLabel="{{r.barcode()}}">
68         </eg-combobox-entry>
69       </eg-combobox>
70     </div>
71     <div class="form-group row">
72       <label class="col-lg-4 text-right font-weight-bold"
73         i18n for="create-email-notify">Notify by email?</label>
74       <input type="checkbox" formControlName="emailNotify">
75     </div>
76     <div class="form-group row">
77       <label class="col-lg-4 text-right font-weight-bold"
78         i18n for="create-note">Note</label>
79       <input type="text" id="create-note"
80         class="form-control col-lg-7" formControlName="note">
81     </div>
82   </form>
83   <div class="modal-footer">
84     <button (click)="addBresv$().subscribe()" [disabled]="!create.valid" class="btn btn-info" i18n>Confirm reservation</button>
85     <button (click)="addBresvAndOpenPatronReservations()" [disabled]="!create.valid" class="btn btn-info" i18n>
86       Confirm and show patron reservations
87     </button>
88     <button (click)="close()" class="btn btn-warning ml-2" i18n>Cancel</button>
89   </div>
90 </ng-template>
91 <eg-alert-dialog #fail i18n-dialogBody
92   dialogBody="Could not create this reservation">
93 </eg-alert-dialog>