Open-ILS/src/eg2/src/app/staff/admin/server/org-unit-type.component.html

   1 <eg-staff-banner bannerText="Org Unit Type Configuration" i18n-bannerText>
   2 </eg-staff-banner>
   3
   4 <ng-template #editStrTmpl i18n>Org Unit Type Update Succeeded</ng-template>
   5 <eg-string #editString [template]="editStrTmpl"></eg-string>
   6
   7 <ng-template #createStrTmpl i18n>Org Unit Type Succeessfully Created</ng-template>
   8 <eg-string #createString [template]="createStrTmpl"></eg-string>
   9
  10 <ng-template #errorStrTmpl i18n>Org Unit Type Update Failed</ng-template>
  11 <eg-string #errorString [template]="errorStrTmpl"></eg-string>
  12
  13 <eg-confirm-dialog #delConfirm
  14   i18n-dialogTitle i18n-dialogBody
  15   dialogTitle="Confirm Delete"
  16   dialogBody="Delete Org Unit Type {{selected ? selected.label : ''}}?">
  17 </eg-confirm-dialog>
  18
  19 <eg-fm-record-editor #editDialog idlClass="aout" readonlyFields="depth,parent">
  20 </eg-fm-record-editor>
  21
  22 <div class="row">
  23   <div class="col-lg-4">
  24     <h3 i18n>Org Unit Types</h3>
  25     <eg-tree [tree]="tree" (nodeClicked)="nodeClicked($event)"></eg-tree>
  26   </div>
  27   <div class="col-lg-8">
  28     <h3 i18n class="mb-3">Selected Org Unit Type</h3>
  29     <ng-container *ngIf="!selected">
  30       <div class="alert alert-info font-italic" i18n>
  31         Select an org unit type from the tree on the left.
  32       </div>
  33     </ng-container>
  34     <div *ngIf="selected" class="common-form striped-even">
  35       <div class="row">
  36         <div class="col-lg-3">
  37           <label i18n>Actions for Selected: </label>
  38         </div>
  39         <div class="col-lg-9">
  40           <button class="btn btn-info mr-2" (click)="edit()" i18n>Edit</button>
  41           <button class="btn btn-info mr-2" (click)="addChild()" i18n>Add Child</button>
  42           <button class="btn btn-warning mr-2" (click)="remove()" i18n>Delete</button>
  43         </div>
  44       </div>
  45       <div class="row">
  46         <!-- TODO: use FmRecordEditPaneComponent once it exists -->
  47         <div class="col-lg-4">
  48           <label i18n>Name: </label>
  49         </div>
  50         <div class="col-lg-8 font-weight-bold">
  51           {{selected.callerData.name()}}
  52         </div>
  53       </div>
  54       <div class="row">
  55         <div class="col-lg-4">
  56           <label i18n>Label: </label>
  57         </div>
  58         <div class="col-lg-8 font-weight-bold">
  59           {{selected.callerData.opac_label()}}
  60         </div>
  61       </div>
  62       <div class="row">
  63         <div class="col-lg-4">
  64           <label i18n>Can Have Users: </label>
  65         </div>
  66         <div class="col-lg-8 font-weight-bold">
  67           <!-- TODO: use <eg-bool/> once merged-->
  68           {{selected.callerData.can_have_users() == 't'}}
  69         </div>
  70       </div>
  71       <div class="row">
  72           <div class="col-lg-4">
  73             <label i18n>Can Have Volumes: </label>
  74           </div>
  75           <div class="col-lg-8 font-weight-bold">
  76             <!-- TODO: use <eg-bool/> once merged-->
  77             {{selected.callerData.can_have_vols() == 't'}}
  78           </div>
  79         </div>
  80       <div class="row">
  81         <div class="col-lg-4">
  82           <label i18n>Depth: </label>
  83         </div>
  84         <div class="col-lg-8 font-weight-bold">
  85           {{selected.callerData.depth()}}
  86         </div>
  87       </div>
  88     </div>
  89   </div>
  90 </div>