Shipment scan and go feature

resources/views/app/practice-management/shipment-scan.blade.php

@@ -0,0 +1,37 @@
+<input type="text" class="form-control form-control-sm shipment-scan-input" placeholder="Focus here & scan" autofocus>
+<script>
+    (function() {
+        function init() {
+            const debounce = (func, delay) => {
+                let inDebounce;
+                return function() {
+                    const context = this;
+                    const args = arguments;
+                    clearTimeout(inDebounce);
+                    inDebounce = setTimeout(() => func.apply(context, args), delay);
+                }
+            }
+            $(document)
+                .off('keypress keyup', '.shipment-scan-input')
+                .on('keypress keyup', '.shipment-scan-input', debounce(function () {
+                    // console.log('ALIX', $(this).val());
+                    gotoShipment($(this).val());
+                }, 250));
+            $(document)
+                .off('focus', '.shipment-scan-input')
+                .on('focus', '.shipment-scan-input', function () {
+                    $(this).val('');
+                });
+        }
+        function gotoShipment(_uid) {
+            if(!$.trim(_uid)) return;
+            let target = '/practice-management/shipments/view/' + _uid;
+            $.get(target, (_data) => {
+                fastLoad(target);
+            }).fail((_x) => {
+                console.warn('ALIX', _x.status);
+            });
+        }
+        addMCInitializer('shipment-scan', init);
+    }).call(window);
+</script>

resources/views/app/practice-management/shipments-ready-to-print.blade.php

@@ -12,6 +12,9 @@
             <a href="{{route('practice-management.shipments-waiting-for-picker')}}">Printed &amp; Waiting for Picker ({{@$counts['shipmentsWaitingForPicker']}})</a>
             <span class="mx-3 text-secondary">|</span>
             <a href="{{route('practice-management.shipments')}}">All ({{@$counts['shipments']}})</a>
+            <div class="ml-auto">
+                @include('app.practice-management.shipment-scan')
+            </div>
         </div>
 
         <div class="card-header px-3 py-1 d-flex align-items-center bg-white">

resources/views/app/practice-management/shipments-waiting-for-picker.blade.php

@@ -12,6 +12,9 @@
             <a href="{{route('practice-management.shipments-ready-to-print')}}">Ready to Print ({{@$counts['shipmentsReadyToPrint']}})</a>
             <span class="mx-3 text-secondary">|</span>
             <a href="{{route('practice-management.shipments')}}">All ({{@$counts['shipments']}})</a>
+            <div class="ml-auto">
+                @include('app.practice-management.shipment-scan')
+            </div>
         </div>
 
         <div class="card-header px-3 py-1 d-flex align-items-center bg-white">

resources/views/app/practice-management/shipments.blade.php

@@ -22,6 +22,9 @@
             @if(count(request()->all()))
                 <a href="{{route('practice-management.shipments')}}" class="ml-auto">Clear Filters</a>
             @endif
+            <div class="ml-auto">
+                @include('app.practice-management.shipment-scan')
+            </div>
         </div>
 
         <div class="card-body p-0">