d812d124ff496064dae60f687305b67b95f4b9f2
[Evergreen.git] / 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>