LP1821382 Make items bookable (part 2)
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / booking / make-bookable-dialog.component.html
1
2
3 <eg-string #successMsg
4     text="Successfully Made Item(s) Bookable" i18n-text></eg-string>
5 <eg-string #errorMsg 
6     text="Failed To Make Item(s) Bookable" i18n-text></eg-string>
7
8 <ng-template #dialogContent>
9     <div class="modal-header bg-info">
10       <h4 class="modal-title">
11         <span i18n>Make Items Bookable</span>
12       </h4>
13       <button type="button" class="close" 
14         i18n-aria-label aria-label="Close" (click)="dismiss('cross_click')">
15         <span aria-hidden="true">&times;</span>
16       </button>
17     </div>
18     <div class="modal-body">
19       <div class="row" *ngIf="!updateComplete">
20         <div class="col-lg-12">
21           <span i18n>Make {{copyIds.length}} Item(s) Bookable?</span>
22         </div>
23       </div>
24       <div class="row" *ngIf="updateComplete">
25         <div class="col-lg-12 d-flex flex-column">
26           <div i18n>{{numSucceeded}} Item(s) Made Bookable.</div>
27           <div class="mt-2">
28             <a target="_blank" routerLink="/staff/admin/booking/resource"
29               [queryParams]="manageUrlParams()" i18n>
30               Manage Bookable Resources
31             </a>
32           </div>
33         </div>
34       </div>
35     </div>
36     <div class="modal-footer">
37       <ng-container>
38         <button type="button" class="btn btn-warning" 
39           (click)="dismiss('canceled')" i18n>Cancel</button>
40         <ng-container *ngIf="!updateComplete">
41           <button type="button" class="btn btn-success" 
42             (click)="makeBookable()" i18n>Make Bookable</button>
43         </ng-container>
44         <ng-container *ngIf="updateComplete">
45           <button type="button" class="btn btn-success" 
46             (click)="close(numSucceeded > 0)" i18n>Done</button>
47         </ng-container>
48       </ng-container>
49     </div>
50   </ng-template>
51