From 45ed4cf9e83616c1186c3901b5ab20c8ab3b7419 Mon Sep 17 00:00:00 2001
From: Jane Sandberg <sandbej@linnbenton.edu>
Date: Fri, 29 Mar 2019 22:15:20 -0700
Subject: [PATCH] LP1816475: Add a read-only version of datetime component

Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>
---
 .../share/datetime-select/datetime-select.component.html | 16 +++++++++++-----
 .../share/datetime-select/datetime-select.component.ts   |  1 +
 .../eg2/src/app/share/fm-editor/fm-editor.component.html |  1 +
 .../app/staff/booking/reservations-grid.component.html   |  2 +-
 .../src/app/staff/booking/reservations-grid.component.ts |  7 +++++++
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.html b/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.html
index 08ff81d2fc..4848dede11 100644
--- a/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.html
+++ b/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.html
@@ -9,6 +9,7 @@
     #dtPicker="ngbPopover"
     [ngbPopover]="dt"
     placement="bottom"
+    [attr.disabled]="readOnly ? true : null"
     [autoClose]="'outside'"
     popoverTitle="Select date and time"
     i18n-popoverTitle
@@ -22,11 +23,16 @@
 </div>
 
 <ng-template #dt>
-  <ngb-datepicker
-    [(ngModel)]="dateModel"
-    (ngModelChange)="modelChanged()"
-    [footerTemplate]="time">
-  </ngb-datepicker>
+  <div i18n *ngIf="readOnly">
+    Cannot edit this date or time.
+  </div>
+  <div *ngIf="!readOnly">
+    <ngb-datepicker
+      [(ngModel)]="dateModel"
+      (ngModelChange)="modelChanged()"
+      [footerTemplate]="time">
+    </ngb-datepicker>
+  </div>
 </ng-template>
 <ng-template #time>
   <ngb-timepicker name="time"
diff --git a/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.ts b/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.ts
index d46aed8988..2cdef975b9 100644
--- a/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/datetime-select/datetime-select.component.ts
@@ -17,6 +17,7 @@ export class DateTimeSelectComponent implements OnInit {
     @Input() minuteStep: number;
     @Input() showTZ = true;
     @Input() timezone: string;
+    @Input() readOnly = false;
 
     @Input() initialIso: string;
 
diff --git a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
index beaf6a76cb..747ac14cee 100644
--- a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
+++ b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
@@ -51,6 +51,7 @@
                 [timezone]="timezone"
                 domId="{{idPrefix}}-{{field.name}}"
                 (onChangeAsIso)="record[field.name]($event)"
+                [readOnly]="field.readOnly"
                 initialIso="{{record[field.name]()}}">
               </eg-datetime-select>
             </ng-container>
diff --git a/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.html b/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.html
index 5d4aebf87d..f2ed3ba116 100644
--- a/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.html
@@ -39,7 +39,7 @@
   idlClass="bresv"
   datetimeFields="start_time,end_time"
   hiddenFields="xact_finish,cancel_time,booking_interval"
-  readonlyFields="usr,xact_start,request_time,capture_time,pickup_time,return_time,capture_staff,target_resource_type,current_resource,target_resource,unrecovered,request_library,pickup_library,fine_interval,fine_amount,max_fine">
+  [readonlyFields]="listReadOnlyFields()">
 </eg-fm-record-editor>
 <eg-confirm-dialog #confirmCancelReservationDialog
   i18n-dialogTitle i18n-dialogBody
diff --git a/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.ts b/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.ts
index af5b88e89a..6b25b960ba 100644
--- a/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/booking/reservations-grid.component.ts
@@ -50,6 +50,7 @@ export class ReservationsGridComponent implements OnInit {
     viewByResource: (rows: IdlObject[]) => void;
     filterByCurrentPatronBarcode: () => void;
     filterByCurrentResourceBarcode: () => void;
+    listReadOnlyFields: () => string;
 
     reloadGrid: () => void;
 
@@ -187,6 +188,12 @@ export class ReservationsGridComponent implements OnInit {
                    (error) => { console.debug(error); }
                ));
         };
+        this.listReadOnlyFields = () => {
+            let list = "usr,xact_start,request_time,capture_time,pickup_time,return_time,capture_staff,target_resource_type,current_resource,target_resource,unrecovered,request_library,pickup_library,fine_interval,fine_amount,max_fine";
+            if (this.status) { list = list + ",start_time"; }
+            if ('returnedToday' === this.status) { list = list + ",end_time"; }
+            return list;
+        }
     }
 
     showEditDialog(idlThing: IdlObject) {
-- 
2.11.0