From bec81b16dcbc986df15c0006663044f138522ce4 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Wed, 22 Jun 2022 11:42:20 -0400
Subject: [PATCH] LP1840773 SCKO Angular

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 Open-ILS/src/eg2/src/app/scko/banner.component.html |  2 +-
 Open-ILS/src/eg2/src/app/scko/banner.component.ts   |  2 +-
 .../src/eg2/src/app/scko/checkout.component.html    |  4 ++--
 Open-ILS/src/eg2/src/app/scko/scko.component.css    | 21 +++++++++++++++++++--
 Open-ILS/src/eg2/src/app/scko/scko.component.html   |  4 ++--
 5 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/scko/banner.component.html b/Open-ILS/src/eg2/src/app/scko/banner.component.html
index 979f44ee83..d8b1f9ba21 100644
--- a/Open-ILS/src/eg2/src/app/scko/banner.component.html
+++ b/Open-ILS/src/eg2/src/app/scko/banner.component.html
@@ -40,7 +40,7 @@
       <div class="d-flex mt-3 mb-3">
         <div class="flex-1"></div>
         <div>
-          <form (ngSubmit)="submitBarcode()" #barcodeForm="ngForm"
+          <form (ngSubmit)="submitItemBarcode()" #barcodeForm="ngForm"
             autocomplete="off" class="form-validated form-inline">
 
             <label class="sr-only" for="item-barcode" i18n>Item Barcode</label>
diff --git a/Open-ILS/src/eg2/src/app/scko/banner.component.ts b/Open-ILS/src/eg2/src/app/scko/banner.component.ts
index e599453bb0..a7cc682ee8 100644
--- a/Open-ILS/src/eg2/src/app/scko/banner.component.ts
+++ b/Open-ILS/src/eg2/src/app/scko/banner.component.ts
@@ -171,7 +171,7 @@ export class SckoBannerComponent implements OnInit {
         });
     }
 
-    submitBarcode() {
+    submitItemBarcode() {
         console.log('Submitting barcode ', this.itemBarcode);
     }
 
diff --git a/Open-ILS/src/eg2/src/app/scko/checkout.component.html b/Open-ILS/src/eg2/src/app/scko/checkout.component.html
index 5b10c7e777..42df0f4cdd 100644
--- a/Open-ILS/src/eg2/src/app/scko/checkout.component.html
+++ b/Open-ILS/src/eg2/src/app/scko/checkout.component.html
@@ -1,5 +1,5 @@
-<div>
-  <table class='oils-selfck-item-table'>
+<div id='oils-selfck-circ-table-div'>
+  <table id='oils-selfck-circ-table' class='oils-selfck-item-table'>
     <thead>
       <tr>
         <td class="rounded-left" id='oils-self-circ-pic-cell'></td>
diff --git a/Open-ILS/src/eg2/src/app/scko/scko.component.css b/Open-ILS/src/eg2/src/app/scko/scko.component.css
index f3ed0fd5c8..0ccf92c29f 100644
--- a/Open-ILS/src/eg2/src/app/scko/scko.component.css
+++ b/Open-ILS/src/eg2/src/app/scko/scko.component.css
@@ -96,12 +96,29 @@ A {
 .oils-selfck-item-table thead {
     font-weight: bold;
     color: #00593D;
-    background-color: #D8D8D8;                                                 
-    padding: 8px 0 7px;                                                        
 }
 
 .oils-selfck-item-table tbody tr {
     border-bottom: 1px solid #888;
 }
 
+.scko-page {
+    margin-top: 20px;
+    background: #ffffff; /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+    background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 98%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#e0e0e0)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 98%); /* IE10+ */
+    background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 98%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
+    border: 1px solid #DDDDDD;
+    color: #333333;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 3px;
+}
+
 
diff --git a/Open-ILS/src/eg2/src/app/scko/scko.component.html b/Open-ILS/src/eg2/src/app/scko/scko.component.html
index c9df088a6b..a273be6e57 100644
--- a/Open-ILS/src/eg2/src/app/scko/scko.component.html
+++ b/Open-ILS/src/eg2/src/app/scko/scko.component.html
@@ -1,9 +1,9 @@
 
 <eg-scko-banner></eg-scko-banner>
 
-<div *ngIf="scko.patronSummary" class="row mt-5">
+<div *ngIf="scko.auth.token() && scko.patronSummary" class="row mt-5">
   <div class="col-lg-8">
-    <div class="ml-2">
+    <div class="ml-2 scko-page">
       <router-outlet></router-outlet>
     </div>
   </div>
-- 
2.11.0