LP1952931 ASN receiving UI

Signed-off-by: Bill Erickson <berickxx@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.html b/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.html
index 567fc04..828dc61 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.html
@@ -1,17 +1,31 @@
 <eg-staff-banner bannerText="Receive Shipment" i18n-bannerText>
 </eg-staff-banner>
 
-<div class="col-lg-4">
-  <div class="input-group">
-    <div class="input-group-prepend">
-      <span class="input-group-text" i18n>Container Barcode:</span>
-    </div>
-    <input type='text' id='barcode-search-input' class="form-control" 
-      placeholder="Barcode" i18n-placeholder [ngModel]='barcode'/>
-    <div class="input-group-append">
-      <button class="btn btn-outline-secondary" 
-        (click)="findContainer()" i18n>Submit</button>
+<div class="row">
+  <div class="col-lg-6">
+    <div class="input-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text" i18n>Container Barcode:</span>
+      </div>
+      <input type='text' id='barcode-search-input' class="form-control" 
+        (keyup.enter)="findContainer()" placeholder="Barcode..." 
+        i18n-placeholder [(ngModel)]="barcode"/>
+      <div class="input-group-append">
+        <button class="btn btn-outline-secondary" 
+          (click)="findContainer()" i18n>Submit</button>
+      </div>
     </div>
   </div>
 </div>
 
+<hr class="mt-2 mb-2"/>
+
+<div class="row border rounded mt-1" *ngFor="let container of containers">
+  <div class="col-lg-12 d-flex pt-2 pb-2">
+    <div class="">{{container.container_code()}}</div>
+    <div class="ml-2">{{container.provider().name()}}</div>
+    <div class="ml-2">{{container.recv_date() | date:'short'}}</div>
+    <div class="ml-2">{{container.lading_number()}}</div>
+    <div class="ml-2">{{container.note()}}</div>
+  </div>
+</div>

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.ts b/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.ts
index 5d25969..cb53499 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.ts
@@ -1,20 +1,38 @@
 import {Component, OnInit} from '@angular/core';
 import {Router, ActivatedRoute, ParamMap} from '@angular/router';
 import {IdlObject} from '@eg/core/idl.service';
+import {PcrudService} from '@eg/core/pcrud.service';
+import {LineitemService} from '../lineitem/lineitem.service';
 
 @Component({
   templateUrl: 'receive.component.html'
 })
 export class AsnReceiveComponent implements OnInit {
 
+    barcode = '';
+
+    // Technically possible for one barcode to match across providers.
+    containers: IdlObject[] = [];
+
     constructor(
         private route: ActivatedRoute,
+        private pcrud: PcrudService,
+        private li: LineitemService
     ) {}
 
     ngOnInit() {
     }
 
     findContainer() {
+
+        console.log('BARCODE', this.barcode);
+
+        this.containers = [];
+
+        this.pcrud.search('acqsn',
+            {container_code: this.barcode},
+            {flesh: 1, flesh_fields: {acqsn: ['entries', 'provider']}}
+        ).subscribe(sn => this.containers.push(sn));
     }
 }