LP1829567 Angular access key improvements
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / share / accesskey / accesskey-info.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title" i18n>Access Key Assignments</h4>
4     <button type="button" class="close" 
5       i18n-aria-label aria-label="Close" (click)="close()">
6       <span aria-hidden="true">&times;</span>
7     </button>
8   </div>
9   <div class="modal-body">
10     <div class="row border-bottom">
11       <div class="col-lg-2 p-1 border-right text-center" i18n>Command</div>
12       <div class="col-lg-6 p-1 border-right" i18n>Action</div>
13       <div class="col-lg-2 p-1" i18n>Context</div>
14       <div class="col-lg-2 p-1" i18n>Active?</div>
15     </div>
16     <div class="row border-bottom" *ngFor="let a of assignments()">
17       <div class="col-lg-2 p-1 border-right text-center">{{a.key}}</div>
18       <div class="col-lg-6 p-1 border-right">{{a.desc}}</div>
19       <div class="col-lg-2 p-1 border-right">{{a.ctx}}</div>
20       <div class="col-lg-2 p-1"><eg-bool [value]="!a.shadowed"></eg-bool></div>
21     </div>
22     <div class="row mt-2">
23       <div class="col-lg-12 font-italic" i18n>
24         If an assignment is not active, it means it was superseded by
25         an assignment from a different context using the same keyboard 
26         shortcut.
27       </div>
28     </div>
29   </div>
30   <div class="modal-footer">
31     <button type="button" class="btn btn-success" 
32       (click)="close()" i18n>Close</button>
33   </div>
34 </ng-template>