From 43f547172cc21c1b6ea1391559b3252f18c75e05 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 10 Jul 2018 12:46:53 -0400
Subject: [PATCH] LP#1779158 Queued record page / marc html

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .../staff/cat/vandelay/queue-record.component.html |  9 ++++++
 .../staff/cat/vandelay/queue-record.component.ts   | 32 ++++++++++++++++++++++
 .../app/staff/cat/vandelay/queue.component.html    |  8 +-----
 .../src/app/staff/cat/vandelay/queue.component.ts  |  6 ++++
 .../src/app/staff/cat/vandelay/routing.module.ts   |  7 +++++
 .../src/app/staff/cat/vandelay/vandelay.module.ts  |  4 +--
 6 files changed, 57 insertions(+), 9 deletions(-)
 create mode 100644 Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.html
 create mode 100644 Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.ts

diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.html b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.html
new file mode 100644
index 0000000000..de55343908
--- /dev/null
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.html
@@ -0,0 +1,9 @@
+
+<ngb-tabset #recordTabs [activeId]="recordTab" (tabChange)="onTabChange($event)">
+	<ngb-tab title="Record HTML" i18n-title id="marc_html">
+		<ng-template ngbTabContent>
+      <eg-marc-html [recordId]="recordId" [recordType]="'vandelay-'+queueType">
+      </eg-marc-html>
+		</ng-template>
+	</ngb-tab>
+</ngb-tabset>
diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.ts b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.ts
new file mode 100644
index 0000000000..abc12b8ce1
--- /dev/null
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue-record.component.ts
@@ -0,0 +1,32 @@
+import {Component, OnInit, ViewChild} from '@angular/core';
+import {Router, ActivatedRoute, ParamMap} from '@angular/router';              
+
+@Component({
+  /*
+  template: `
+    <eg-marc-html [recordId]="recordId" [recordType]="recordType">
+    </eg-marc-html>
+    `
+    */
+  templateUrl: 'queue-record.component.html'
+})
+export class QueueRecordComponent {
+
+    queueId: number;
+    queueType: string;
+    recordId: number;
+    recordTab: string;
+
+    constructor(
+        private router: Router,
+        private route: ActivatedRoute) {
+
+        this.route.paramMap.subscribe((params: ParamMap) => {                  
+            this.queueId = +params.get('id');
+            this.recordId = +params.get('recordId');
+            this.queueType = params.get('qtype');
+            this.recordTab = params.get('recordType');
+        });
+    }
+}
+
diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.html b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.html
index 8ea700cffe..0393355408 100644
--- a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.html
@@ -89,11 +89,6 @@
   </div>
 </ng-container>
 
-<ng-template #viewMarcTmpl let-row="row">
-  <!-- TODO click -->
-  <a href i18n>TODO</a>
-</ng-template>
-
 <ng-template #matchesTmpl let-row="row">
   <!-- TODO click -->
   <a href i18n>TODO</a>
@@ -118,6 +113,7 @@ because there are a lot of them.
 -->
 
 <eg-grid #queueGrid [dataSource]="queueSource"
+  (onRowActivate)="openRecord($event)"
   hideFields="language,pagination,price,rec_identifier,eg_tcn_source,eg_identifier,item_barcode,zsource">
 
   <eg-grid-toolbar-checkbox i18n-label label="Limit to Records With Matches"
@@ -131,8 +127,6 @@ because there are a lot of them.
 
   <eg-grid-column name="id" [index]="true" 
     [hidden]="true"></eg-grid-column>
-  <eg-grid-column i18n-label label="View MARC" 
-    name="+viewMarc" [cellTemplate]="viewMarcTmpl"></eg-grid-column>
   <eg-grid-column i18n-label label="Matches" 
     name="+matches" [cellTemplate]="matchesTmpl"></eg-grid-column>
   <eg-grid-column name="import_error" i18n-label 
diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.ts b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.ts
index 600ef25a2a..d2ec377bb4 100644
--- a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/queue.component.ts
@@ -86,6 +86,12 @@ export class QueueComponent implements AfterViewInit {
         }
     }
 
+    openRecord(row: any) {
+        const url = 
+          `/staff/cat/vandelay/queue/${this.queueType}/${this.queueId}/record/${row.id}/marc`;
+        this.router.navigate([url]);
+    }
+
     applyQueueType() {
         this.queuedRecClass = this.queueType.match(/bib/) ? 'vqbr' : 'vqar';
         this.vandelay.getAttrDefs(this.queueType).then(
diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/routing.module.ts b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/routing.module.ts
index 4d085692b1..2f23f987df 100644
--- a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/routing.module.ts
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/routing.module.ts
@@ -4,6 +4,7 @@ import {VandelayComponent} from './vandelay.component';
 import {ImportComponent} from './import.component';
 import {ExportComponent} from './export.component';
 import {QueueComponent} from './queue.component';
+import {QueueRecordComponent} from './queue-record.component';
 import {QueueListComponent} from './queue-list.component';
 
 const routes: Routes = [{
@@ -25,6 +26,12 @@ const routes: Routes = [{
   }, {
     path: 'queue/:qtype/:id',
     component: QueueComponent
+  }, {
+    path: 'queue/:qtype/:id/record/:recordId',
+    component: QueueRecordComponent
+  }, {
+    path: 'queue/:qtype/:id/record/:recordId/:recordTab',
+    component: QueueRecordComponent
   }]
 }];
 
diff --git a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/vandelay.module.ts b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/vandelay.module.ts
index aed9845883..dba5324e1e 100644
--- a/Open-ILS/src/eg2/src/app/staff/cat/vandelay/vandelay.module.ts
+++ b/Open-ILS/src/eg2/src/app/staff/cat/vandelay/vandelay.module.ts
@@ -7,9 +7,9 @@ import {ImportComponent} from './import.component';
 import {ExportComponent} from './export.component';
 import {QueueComponent} from './queue.component';
 import {QueueListComponent} from './queue-list.component';
+import {QueueRecordComponent} from './queue-record.component';
 import {GridModule} from '@eg/share/grid/grid.module';
 import {HttpClientModule} from '@angular/common/http';
-import {RecordBucketDialogComponent} from '@eg/staff/share/buckets/record-bucket-dialog.component';
 
 @NgModule({
   declarations: [
@@ -18,7 +18,7 @@ import {RecordBucketDialogComponent} from '@eg/staff/share/buckets/record-bucket
     ExportComponent,
     QueueComponent,
     QueueListComponent,
-    RecordBucketDialogComponent
+    QueueRecordComponent
   ],
   imports: [
     StaffCommonModule,
-- 
2.11.0