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="btn-close btn-close-white"
   5       i18n-aria-label aria-label="Close" (click)="close()"></button>
   6   </div>
   7   <div class="modal-body">
   8     <div class="row row-header border-bottom">
   9       <div class="col-lg-2 p-1 border-right shortcut-keycombo" i18n>Command</div>
  10       <div class="col-lg-6 p-1 border-right shortcut-action" i18n>Action</div>
  11       <div class="col-lg-2 p-1 shortcut-context" i18n>Context</div>
  12       <div class="col-lg-2 p-1 shortcut-status" i18n>Active?</div>
  13     </div>
  14     <div class="row border-bottom" *ngFor="let a of assignments()">
  15       <div class="col-lg-2 p-1 border-right shortcut-keycombo">
  16         <ng-container *ngFor="let kbd of a.key.split('+'); last as isLastKey">
  17           <kbd>{{kbd}}</kbd>
  18           <span *ngIf="!isLastKey">+</span>
  19         </ng-container>
  20       </div>
  21       <div class="col-lg-6 p-1 border-right shortcut-action">{{a.desc}}</div>
  22       <div class="col-lg-2 p-1 border-right shortcut-context">{{a.ctx}}</div>
  23       <div class="col-lg-2 p-1 shortcut-status"><eg-bool [value]="!a.shadowed"></eg-bool></div>
  24     </div>
  25     <div class="row mt-2 shortcut-info">
  26       <div class="col-lg-12" i18n>
  27         If an assignment is not active, it means it was superseded by
  28         an assignment from a different context using the same keyboard
  29         shortcut.
  30       </div>
  31     </div>
  32   </div>
  33   <div class="modal-footer">
  34     <button type="button" class="btn btn-success"
  35       (click)="close()" i18n>Close</button>
  36   </div>
  37 </ng-template>