From f4af195e76fc6a6dc30c2b7793fc0bf8b7739be9 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Fri, 16 Nov 2018 12:35:24 -0500
Subject: [PATCH] initial place holds page

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .../share/date-select/date-select.component.html   |  3 +-
 .../app/share/date-select/date-select.component.ts |  5 ++
 .../src/app/share/fm-editor/fm-editor.component.ts |  4 +-
 .../eg2/src/app/staff/catalog/catalog.module.ts    |  4 +-
 .../src/app/staff/catalog/hold/hold.component.html | 93 ++++++++++++++++++++++
 .../src/app/staff/catalog/hold/hold.component.ts   | 74 +++++++++++++++++
 .../eg2/src/app/staff/catalog/routing.module.ts    |  4 +
 Open-ILS/src/eg2/src/styles.css                    |  5 +-
 8 files changed, 185 insertions(+), 7 deletions(-)
 create mode 100644 Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html
 create mode 100644 Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.ts

diff --git a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
index c686be4d28..4027989afe 100644
--- a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
+++ b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
@@ -7,11 +7,12 @@
     placeholder="yyyy-mm-dd"
     class="form-control"
     name="{{fieldName}}"
+    [disabled]="_disabled"
     [required]="required"
     [(ngModel)]="current"
     (dateSelect)="onDateSelect($event)">
   <div class="input-group-append">
-    <button class="btn btn-outline-secondary" 
+    <button class="btn btn-outline-secondary" [disabled]="_disabled"
       (click)="datePicker.toggle()" type="button">
       <span title="Select Date" i18n-title                       
         class="material-icons mat-icon-in-button">calendar_today</span>
diff --git a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
index ae3a729a3c..3500334bc7 100644
--- a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
@@ -19,6 +19,11 @@ export class DateSelectComponent implements OnInit {
     @Input() required: boolean;
     @Input() fieldName: string;
 
+    _disabled: boolean;
+    @Input() set disabled(d: boolean) {
+        this._disabled = d;
+    }
+
     current: NgbDateStruct;
 
     @Output() onChangeAsDate: EventEmitter<Date>;
diff --git a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.ts b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.ts
index 308218a96c..5f7a65a4a4 100644
--- a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.ts
@@ -28,7 +28,9 @@ interface CustomFieldContext {
 
 @Component({
   selector: 'eg-fm-record-editor',
-  templateUrl: './fm-editor.component.html'
+  templateUrl: './fm-editor.component.html',
+  /* align checkboxes when not using class="form-check" */
+  styles: ['input[type="checkbox"] {margin-left: 0px;}']
 })
 export class FmRecordEditorComponent
     extends DialogComponent implements OnInit {
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/catalog.module.ts b/Open-ILS/src/eg2/src/app/staff/catalog/catalog.module.ts
index e490da2b80..0b0356e25d 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/catalog.module.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/catalog.module.ts
@@ -15,6 +15,7 @@ import {RecordPaginationComponent} from './record/pagination.component';
 import {RecordActionsComponent} from './record/actions.component';
 import {HoldingsService} from '@eg/staff/share/holdings.service';
 import {BasketActionsComponent} from './basket-actions.component';
+import {HoldComponent} from './hold/hold.component';
 
 @NgModule({
   declarations: [
@@ -28,7 +29,8 @@ import {BasketActionsComponent} from './basket-actions.component';
     ResultPaginationComponent,
     RecordPaginationComponent,
     RecordActionsComponent,
-    BasketActionsComponent
+    BasketActionsComponent,
+    HoldComponent
   ],
   imports: [
     StaffCommonModule,
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html
new file mode 100644
index 0000000000..a71008f0f4
--- /dev/null
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html
@@ -0,0 +1,93 @@
+<h4>Place Hold</h4>
+
+<form class="form form-validated common-form striped-odd" autocomplete="off">
+  <div class="row">
+    <div class="col-lg-3">
+      <div class="form-check">
+        <input class="form-check-input" type="radio" 
+          name="holdFor" value="patron" [(ngModel)]="holdFor"/>
+        <label class="form-check-label" i18n>
+          Place hold for patron by barcode:
+        </label>
+      </div>
+    </div>
+    <div class="col-lg-3">
+      <input type='text' class="form-control" name="patronBarcode"
+        [disabled]="holdFor!='patron'" id='patron-barcode' [(ngModel)]="patronBarcode"/>
+    </div>
+  </div>
+  <div class="row mt-2">
+    <div class="col-lg-3">
+      <div class="form-check">
+        <input class="form-check-input" type="radio" 
+          name="holdFor" value="staff" [(ngModel)]="holdFor"/>
+        <label class="form-check-label" i18n>
+          Place hold for this staff account:
+        </label>
+      </div>
+    </div>
+    <div class="col-lg-3">
+      <span class="font-weight-bold">{{requestor.usrname()}}</span>
+    </div>
+  </div>
+  <div class="row mt-2">
+    <div class="col-lg-3">
+      <label i18n>Pickup Location: </label>
+    </div>
+    <div class="col-lg-3">
+      <eg-org-select [applyOrgId]="pickupLib"></eg-org-select>
+    </div>
+  </div>
+  <div class="row mt-2">
+    <div class="col-lg-3">
+      <div class="form-check">
+        <input class="form-check-input" type="checkbox" name="notifyEmail"
+          [disabled]="!user.email()" [(ngModel)]="notifyEmail"/>
+        <label class="form-check-label" i18n>Notify by Email</label>
+      </div>
+    </div>
+    <div class="col-lg-3">
+      <div class="input-group">
+        <div class="input-group-prepend">
+          <span class="input-group-text" i18n>Email Address</span>
+        </div>
+        <input type="text" class="form-control" name="userEmail"
+          [disabled]="true" value="{{user.email()}}"/>
+      </div>
+    </div>
+  </div>
+  <div class="row mt-2">
+    <div class="col-lg-3">
+      <div class="form-check">
+        <input class="form-check-input" type="checkbox" 
+          name="notifyPhone" [(ngModel)]="notifyPhone"/>
+        <label class="form-check-label" i18n>Notify by Phone</label>
+      </div>
+    </div>
+    <div class="col-lg-3">
+      <div class="input-group">
+        <div class="input-group-prepend">
+          <span class="input-group-text" i18n>Phone Number</span>
+        </div>
+        <input type="text" class="form-control" [disabled]="!notifyPhone"
+          name="phoneValue" [(ngModel)]="phoneValue"/>
+      </div>
+    </div>
+  </div>
+  <div class="row mt-2">
+    <div class="col-lg-3">
+      <div class="form-check">
+        <input class="form-check-input" type="checkbox" 
+          name="suspend" [(ngModel)]="suspend"/>
+        <label class="form-check-label" i18n>Suspend Hold</label>
+      </div>
+    </div>
+    <div class="col-lg-3">
+      <eg-date-select (onChangeAsISO)="activeDateSelected($event)"
+        [disabled]="!suspend">
+      </eg-date-select>
+    </div>
+  </div>
+</form>
+
+
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.ts b/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.ts
new file mode 100644
index 0000000000..9b2acc4ab4
--- /dev/null
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.ts
@@ -0,0 +1,74 @@
+import {Component, OnInit, Input, ViewChild, Renderer2} from '@angular/core';
+import {Router, ActivatedRoute, ParamMap} from '@angular/router';
+import {AuthService} from '@eg/core/auth.service';
+import {PcrudService} from '@eg/core/pcrud.service';
+import {IdlObject} from '@eg/core/idl.service';
+import {CatalogSearchContext, CatalogSearchState} from '@eg/share/catalog/search-context';
+import {CatalogService} from '@eg/share/catalog/catalog.service';
+import {BibRecordService, BibRecordSummary} from '@eg/share/catalog/bib-record.service';
+import {StaffCatalogService} from '../catalog.service';
+import {BibSummaryComponent} from '@eg/staff/share/bib-summary/bib-summary.component';
+
+@Component({
+  templateUrl: 'hold.component.html'
+})
+export class HoldComponent implements OnInit {
+    
+    holdType: string;
+    holdTargets: number[];
+    user: IdlObject; //
+    requestor: IdlObject;
+    holdFor: string;
+    pickupLib: number;
+    notifyEmail: boolean;
+    notifyPhone: boolean;
+    phoneValue: string;
+    suspend: boolean;
+    activeDate: string;
+
+    constructor(
+        private router: Router,
+        private route: ActivatedRoute,
+        private renderer: Renderer2,
+        private auth: AuthService,
+        private pcrud: PcrudService,
+        private bib: BibRecordService,
+        private cat: CatalogService,
+        private staffCat: StaffCatalogService
+    ) {}
+
+    ngOnInit() {
+
+        this.holdType = this.route.snapshot.params['type'];
+        this.holdTargets = this.route.snapshot.queryParams['target'];
+
+        if (!Array.isArray(this.holdTargets)) {
+            this.holdTargets = [this.holdTargets];
+        }
+
+        this.holdFor = 'patron';
+        this.requestor = this.user = this.auth.user();
+        this.pickupLib = this.auth.user().ws_ou();
+
+        // Focus barcode input
+        setTimeout(() => 
+            this.renderer.selectRootElement('#patron-barcode').focus());
+    }
+
+    holdForChanged() {
+        console.log('placing hold for ' + this.holdFor);
+
+        if (this.holdFor === 'patron') {
+            // Patron lookup occurs via onchange on the barcode
+            // input or via the patron search form.
+        } else {
+            this.user = this.requestor;
+        }
+    }
+
+    activeDateSelected(dateStr: string) {
+        this.activeDate = dateStr;
+    }
+}
+
+
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/routing.module.ts b/Open-ILS/src/eg2/src/app/staff/catalog/routing.module.ts
index 0e3c96fd00..7c7690376b 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/routing.module.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/routing.module.ts
@@ -4,6 +4,7 @@ import {CatalogComponent} from './catalog.component';
 import {ResultsComponent} from './result/results.component';
 import {RecordComponent} from './record/record.component';
 import {CatalogResolver} from './resolver.service';
+import {HoldComponent} from './hold/hold.component';
 
 const routes: Routes = [{
   path: '',
@@ -16,6 +17,9 @@ const routes: Routes = [{
     path: 'record/:id',
     component: RecordComponent
   }, {
+    path: 'hold/:type',
+    component: HoldComponent
+  }, {
     path: 'record/:id/:tab',
     component: RecordComponent
   }]
diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index b87ad78acf..cf10855253 100644
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -128,10 +128,7 @@ h5 {font-size: .95rem}
 .common-form label {
   font-weight: bold;
 }
-.common-form input[type="checkbox"] {
-  /* BS adds a negative left margin */
-  margin-left: 0px;
-}
+
 .common-form.striped-even .row:nth-child(even) {
   background-color: rgba(0,0,0,.03);
   border-top: 1px solid rgba(0,0,0,.125);
-- 
2.11.0