From 4c4b3bb4cafbb114184211ac5ebf4d9c3e2f2083 Mon Sep 17 00:00:00 2001
From: Galen Charlton <gmc@equinoxinitiative.org>
Date: Fri, 29 May 2020 19:11:35 -0400
Subject: [PATCH] start work on the schedule pickup tab

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---
 .../src/templates/staff/circ/curbside/index.tt2    |   3 +
 .../src/templates/staff/circ/curbside/t_main.tt2   |   2 +-
 .../staff/circ/curbside/t_schedule_pickup.tt2      |  41 ++++
 .../web/js/ui/default/staff/circ/curbside/app.js   |  18 +-
 .../circ/curbside/directives/schedule_pickup.js    | 219 +++++++++++++++++++++
 .../curbside/directives/to_be_staged_manager.js    |   1 +
 6 files changed, 281 insertions(+), 3 deletions(-)
 create mode 100644 Open-ILS/src/templates/staff/circ/curbside/t_schedule_pickup.tt2
 create mode 100644 Open-ILS/web/js/ui/default/staff/circ/curbside/directives/schedule_pickup.js

diff --git a/Open-ILS/src/templates/staff/circ/curbside/index.tt2 b/Open-ILS/src/templates/staff/circ/curbside/index.tt2
index 7955e26168..e17ec40dbf 100644
--- a/Open-ILS/src/templates/staff/circ/curbside/index.tt2
+++ b/Open-ILS/src/templates/staff/circ/curbside/index.tt2
@@ -8,10 +8,13 @@
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/grid.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/services/core.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/app.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/user.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/patron_search.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/directives/to_be_staged_manager.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/directives/staged_manager.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/directives/arrived_manager.js"></script>
 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/directives/delivered_manager.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/curbside/directives/schedule_pickup.js"></script>
 <script>
 angular.module('egCoreMod').run(['egStrings', function(s) {
     s.SUCCESS_CURBSIDE_MARK_STAGED = "[% l('Marked curbside appointment {{slot_id}} as staged') %]";
diff --git a/Open-ILS/src/templates/staff/circ/curbside/t_main.tt2 b/Open-ILS/src/templates/staff/circ/curbside/t_main.tt2
index 5f81f3b938..afc56ecebd 100644
--- a/Open-ILS/src/templates/staff/circ/curbside/t_main.tt2
+++ b/Open-ILS/src/templates/staff/circ/curbside/t_main.tt2
@@ -31,7 +31,7 @@
       </uib-tab>
       <uib-tab index="'schedule'" heading="[% l('Schedule Pickup') %]">
         <div class="container-fluid">
-           XXX
+           <eg-curbside-schedule-pickup ng-if="active_tab === 'schedule'"></eg-curbside-schedule-pickup>
         </div>
       </uib-tab>
     </uib-tabset>
diff --git a/Open-ILS/src/templates/staff/circ/curbside/t_schedule_pickup.tt2 b/Open-ILS/src/templates/staff/circ/curbside/t_schedule_pickup.tt2
new file mode 100644
index 0000000000..65dae44e42
--- /dev/null
+++ b/Open-ILS/src/templates/staff/circ/curbside/t_schedule_pickup.tt2
@@ -0,0 +1,41 @@
+<div class="row">
+  <form ng-submit="submitBarcode(args)" role="form" class="form-inline" name="patronLookup">
+    <div class="input-group">
+
+      <label class="input-group-addon" 
+        for="patron-curbside-barcode" >[% l('Patron Barcode') %]</label>
+
+      <input select-me="selectMe" class="form-control"
+        ng-model="args.barcode" 
+        placeholder="[% l('Patron Barcode') %]"
+        id="patron-curbside-barcode" type="text"/> 
+
+    </div>
+    <input class="btn btn-primary" type="submit" value="[% l('Submit') %]"/>
+    <button ng-click="patron_search()" class="btn btn-success">[% l('Patron Search') %]</button>
+  </form>
+</div>
+
+<br/>
+<div class="alert alert-warning" ng-show="bcNotFound">
+  [% l('Barcode Not Found: [_1]', '{{bcNotFound}}') %]
+</div>
+<div class="alert alert-warning" ng-show="optInRestricted">
+  [% l("This patron's record is not viewable at your library.") %]
+</div>
+
+<span ng-if="user_id">
+
+  <div class="row">
+    [% l('Patron: [_1] [_2], [_3] [_4] [_5]',
+          '{{patron().pref_prefix() || patron().prefix()}}',
+          '{{patron().pref_family_name() || patron().family_name()}}',
+          '{{patron().pref_first_given_name() || patron().first_given_name()}}',
+          '{{patron().pref_second_given_name() || patron().second_given_name()}}',
+          '{{patron().pref_suffix() || patron().suffix()}}')
+    %]
+  </div>
+  <div class="row">
+    [% l('Patron has [_1] ready holds at this location.', '{{readyHolds}}') %]
+  </div>
+</span>
diff --git a/Open-ILS/web/js/ui/default/staff/circ/curbside/app.js b/Open-ILS/web/js/ui/default/staff/circ/curbside/app.js
index c27a59282a..1ec634b304 100644
--- a/Open-ILS/web/js/ui/default/staff/circ/curbside/app.js
+++ b/Open-ILS/web/js/ui/default/staff/circ/curbside/app.js
@@ -1,5 +1,5 @@
 angular.module('egCurbsideApp', ['ui.bootstrap','ngRoute','egCoreMod','egGridMod','ngToast','egCurbsideMod','egCurbsideAppDep']);
-angular.module('egCurbsideAppDep', []);
+angular.module('egCurbsideAppDep', ['egPatronSearchMod','egUserMod']);
 
 angular.module('egCurbsideApp')
 .config(['ngToastProvider', function(ngToastProvider) {
@@ -13,7 +13,21 @@ angular.module('egCurbsideApp')
     $locationProvider.html5Mode(true);
     $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|mailto|blob):/); // grid export
 
-    var resolver = {delay : function(egStartup) {return egStartup.go()}};
+    var resolver = {delay : ['egCore', function(egCore) {
+        egCore.env.classLoaders.aous = function() {
+            return egCore.org.settings([
+                'circ.do_not_tally_claims_returned',
+                'circ.tally_lost',
+            ]).then(function(settings) {
+                // local settings are cached within egOrg.  Caching them
+                // again in egEnv just simplifies the syntax for access.
+                egCore.env.aous = settings;
+            });
+        };
+        egCore.env.loadClasses.push('aous');
+
+        return egCore.startup.go()
+    }]};
 
     $routeProvider.when('/circ/curbside/index', {
         templateUrl: './circ/curbside/t_main',
diff --git a/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/schedule_pickup.js b/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/schedule_pickup.js
new file mode 100644
index 0000000000..7ec9be67a4
--- /dev/null
+++ b/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/schedule_pickup.js
@@ -0,0 +1,219 @@
+angular.module('egCurbsideAppDep')
+
+.directive('egCurbsideSchedulePickup', function() {
+    return {
+        transclude: true,
+        restrict:   'E',
+        scope: { },
+        templateUrl: './circ/curbside/t_schedule_pickup',
+        controller:
+       ['$scope','$q','egCurbsideCoreSvc','egCore','patronSvc',
+        '$uibModal','$timeout','$location','egConfirmDialog','ngToast',
+function($scope , $q , egCurbsideCoreSvc , egCore , patronSvc ,
+         $uibModal , $timeout , $location , egConfirmDialog , ngToast) {
+
+    $scope.clear = function() {
+        $scope.user_id = undefined;
+        $scope.args = {};
+        $scope.readyHolds = 0;
+    }
+    $scope.clear();
+
+    patron_search_dialog = function() {
+        return $uibModal.open({
+            templateUrl: './share/t_patron_selector',
+            backdrop: 'static',
+            size: 'lg',
+            animation: true,
+            controller:
+                   ['$scope','$uibModalInstance','$controller',
+            function($scope , $uibModalInstance , $controller) {
+                angular.extend(this, $controller('BasePatronSearchCtrl', {$scope : $scope}));
+                $scope.clearForm();
+                $scope.need_one_selected = function() {
+                    var items = $scope.gridControls.selectedItems();
+                    return (items.length == 1) ? false : true
+                }
+                $scope.ok = function() {
+                    var items = $scope.gridControls.selectedItems();
+                    if (items.length == 1) {
+                        $uibModalInstance.close(items[0].card().barcode());
+                    } else {
+                        $uibModalInstance.close()
+                    }
+                }
+                $scope.cancel = function($event) {
+                    $uibModalInstance.dismiss();
+                    $event.preventDefault();
+                }
+            }]
+        });
+    }
+
+    $scope.patron_search = function() {
+        patron_search_dialog().result.then(function(barcode) {
+            $scope.args.barcode = barcode;
+        });
+    }
+
+    // this is blatantly copied from the patron app; if the AngularJS
+    // code had a longer life-expectancy, this would have been moved
+    // to a service.
+    $scope.submitBarcode = function(args) {
+        $scope.bcNotFound = null;
+        $scope.optInRestricted = false;
+        if (!args.barcode) return;
+        args.barcode = args.barcode.replace(/\s/g,'');
+        // blur so next time it's set to true it will re-apply select()
+        $scope.selectMe = false;
+
+        var user_id;
+
+        // given a scanned barcode, this function finds any matching users
+        // and handles multiple matches due to barcode completion
+        function handleBarcodeCompletion(scanned_barcode) {
+            var deferred = $q.defer();
+
+            egCore.net.request(
+                'open-ils.actor',
+                'open-ils.actor.get_barcodes',
+                egCore.auth.token(), egCore.auth.user().ws_ou(), 
+                'actor', scanned_barcode)
+
+            .then(function(resp) { // get_barcodes
+
+                if (evt = egCore.evt.parse(resp)) {
+                    alert(evt); // FIXME
+                    deferred.reject();
+                    return;
+                }
+
+                if (!resp || !resp[0]) {
+                    $scope.bcNotFound = args.barcode;
+                    $scope.selectMe = true;
+                    egCore.audio.play('warning.patron.not_found');
+                    deferred.reject();
+                    return;
+                }
+
+                if (resp.length == 1) {
+                    // exactly one matching barcode: return it
+                    deferred.resolve();
+                    user_id = resp[0].id;
+                } else {
+                    // multiple matching barcodes: let the user pick one 
+                    var barcode_map = {};
+                    var matches = [];
+                    var promises = [];
+                    var selected_barcode;
+                    angular.forEach(resp, function(match) {
+                        promises.push(
+                            egUser.get(match.id, {useFields : ['home_ou']}).then(function(user) {
+                                barcode_map[match.barcode] = user.id();
+                                matches.push( {
+                                    barcode: match.barcode,
+                                    title: user.first_given_name() + ' ' + user.family_name(),
+                                    org_name: user.home_ou().name(),
+                                    org_shortname: user.home_ou().shortname()
+                                });
+                            })
+                        );
+                    });
+                    return $q.all(promises)
+                    .then(function() {
+                        $uibModal.open({
+                            templateUrl: './circ/share/t_barcode_choice_dialog',
+                            controller:
+                                ['$scope', '$uibModalInstance',
+                                function($scope, $uibModalInstance) {
+                                $scope.matches = matches;
+                                $scope.ok = function(barcode) {
+                                    $uibModalInstance.close();
+                                    selected_barcode = barcode;
+                                }
+                                $scope.cancel = function() {$uibModalInstance.dismiss()}
+                            }],
+                        }).result.then(function() {
+                            deferred.resolve();
+                            user_id = barcode_map[selected_barcode];
+                        });
+                    });
+                }
+            });
+            return deferred.promise;
+        }
+
+        // call our function to lookup matching users for the scanned barcode
+        handleBarcodeCompletion(args.barcode).then(function() {
+
+            // see if an opt-in request is needed
+            return egCore.net.request(
+                'open-ils.actor',
+                'open-ils.actor.user.org_unit_opt_in.check',
+                egCore.auth.token(), user_id
+            ).then(function(optInResp) { // opt_in_check
+
+                if (evt = egCore.evt.parse(optInResp)) {
+                    alert(evt); // FIXME
+                    return;
+                }
+
+                if (optInResp == 2) {
+                    // opt-in disallowed at this location by patron's home library
+                    $scope.optInRestricted = true;
+                    $scope.selectMe = true;
+                    egCore.audio.play('warning.patron.opt_in_restricted');
+                    return;
+                }
+            
+                if (optInResp == 1) {
+                    // opt-in handled or not needed
+                    return loadPatron(user_id);
+                }
+
+                // opt-in needed, show the opt-in dialog
+                egUser.get(user_id, {useFields : []})
+
+                .then(function(user) { // retrieve user
+                    var org = egCore.org.get(user.home_ou());
+                    egConfirmDialog.open(
+                        egCore.strings.OPT_IN_DIALOG_TITLE,
+                        egCore.strings.OPT_IN_DIALOG,
+                        {   family_name : user.family_name(),
+                            first_given_name : user.first_given_name(),
+                            org_name : org.name(),
+                            org_shortname : org.shortname(),
+                            ok : function() { createOptIn(user.id()) },
+                            cancel : function() {}
+                        }
+                    );
+                })
+            })
+        })
+    }
+
+    function countReadyHolds(user_id) {
+        return egCore.net.request(
+            'open-ils.curbside',
+            'open-ils.curbside.patron.ready_holds_at_lib.count',
+            egCore.auth.token(),
+            user_id
+        ).then(function(resp) {
+            if (evt = egCore.evt.parse(resp)) {
+                return 0;
+            } else {
+                return resp;
+            }
+        });
+    }
+
+    function loadPatron(user_id) {
+        $scope.user_id = user_id;
+        patronSvc.getPrimary(user_id);
+        countReadyHolds(user_id).then(function(ct) { $scope.readyHolds = ct });        
+    }
+    $scope.patron = function() {
+        return patronSvc.current;
+    }
+
+}]}});
diff --git a/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/to_be_staged_manager.js b/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/to_be_staged_manager.js
index 46d4142f41..e99e319c95 100644
--- a/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/to_be_staged_manager.js
+++ b/Open-ILS/web/js/ui/default/staff/circ/curbside/directives/to_be_staged_manager.js
@@ -11,6 +11,7 @@ angular.module('egCurbsideAppDep')
         '$uibModal','$timeout','$location','egConfirmDialog','ngToast','$interval',
 function($scope , $q , egCurbsideCoreSvc , egCore , egGridDataProvider ,
          $uibModal , $timeout , $location , egConfirmDialog , ngToast , $interval) {
+console.debug('GMC');
 
     $scope.gridControls = {};
 
-- 
2.11.0