From 7f8a64996a0b466d9a168398e7cd012be04b6957 Mon Sep 17 00:00:00 2001 From: Bill Erickson Date: Thu, 16 Jun 2022 11:17:35 -0400 Subject: [PATCH] LP1840773 SCKO Angular Signed-off-by: Bill Erickson --- .../src/eg2/src/app/scko/banner.component.html | 28 +++++++++ Open-ILS/src/eg2/src/app/scko/banner.component.ts | 6 ++ Open-ILS/src/eg2/src/app/scko/scko.component.css | 50 ++++++++++++++++ Open-ILS/src/eg2/src/app/scko/scko.component.html | 7 ++- Open-ILS/src/eg2/src/app/scko/scko.module.ts | 2 + .../src/eg2/src/app/scko/summary.component.html | 70 ++++++++++++++++++++++ Open-ILS/src/eg2/src/app/scko/summary.component.ts | 35 +++++++++++ 7 files changed, 197 insertions(+), 1 deletion(-) create mode 100644 Open-ILS/src/eg2/src/app/scko/summary.component.html create mode 100644 Open-ILS/src/eg2/src/app/scko/summary.component.ts 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 52a11dadf9..963fe5d7ca 100644 --- a/Open-ILS/src/eg2/src/app/scko/banner.component.html +++ b/Open-ILS/src/eg2/src/app/scko/banner.component.html @@ -14,6 +14,8 @@
+ + + +
Please enter an item barcode
+
+
+
+ + + + + + + +
+
+
+
Welcome, + {{scko.patron.pref_first_given_name() || scko.patron.first_given_name()}} +
+
+
+
+ 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 0447864e91..a632ebe2fb 100644 --- a/Open-ILS/src/eg2/src/app/scko/banner.component.ts +++ b/Open-ILS/src/eg2/src/app/scko/banner.component.ts @@ -27,6 +27,8 @@ export class SckoBannerComponent implements OnInit { staffWorkstation: string; staffLoginFailed = false; + itemBarcode: string; + constructor( private route: ActivatedRoute, private store: StoreService, @@ -183,5 +185,9 @@ export class SckoBannerComponent implements OnInit { }); } + submitBarcode() { + console.log('Submitting barcode ', this.itemBarcode); + } + } 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 3da1af865f..bf79e6e7e3 100644 --- a/Open-ILS/src/eg2/src/app/scko/scko.component.css +++ b/Open-ILS/src/eg2/src/app/scko/scko.component.css @@ -26,4 +26,54 @@ body { padding: 10px; } +#scko-welcome-message { + font-size: 16px; + background: none repeat scroll 0 0 #252525; + color: white; + padding: 10px; +} + +#scko-circ-info-div fieldset { + margin: 15px 10px 15px 10px; + padding: 8px; + 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; +} + +#scko-circ-info-div fieldset legend { + font-size: 13px; + color: #00593d; + background-color: white; + font-weight: bold; +} +.scko-button { + color: #FBF9F9; + font-weight: bold; + letter-spacing: 1px; + font-size: 94%; + text-shadow: 1px 1px 1px #555555; + cursor: pointer !important; + border-radius: 12px; + border: 1px solid #007a54; + background: linear-gradient(#007a54, #00593d); + background: -moz-linear-gradient(#007a54, #00593d); + background: -o-linear-gradient(#007a54, #00593d); + background: -webkit-linear-gradient(#007a54, #00593d); + background-color: #00593d; + padding: 5px 10px 6px; + outline: 0 none; + text-decoration: none; +} 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 24bf192c56..3edb18bd53 100644 --- a/Open-ILS/src/eg2/src/app/scko/scko.component.html +++ b/Open-ILS/src/eg2/src/app/scko/scko.component.html @@ -1,7 +1,12 @@ - +
+
+ +
+
+
diff --git a/Open-ILS/src/eg2/src/app/scko/scko.module.ts b/Open-ILS/src/eg2/src/app/scko/scko.module.ts index 31f202dc30..5743595bdf 100644 --- a/Open-ILS/src/eg2/src/app/scko/scko.module.ts +++ b/Open-ILS/src/eg2/src/app/scko/scko.module.ts @@ -8,11 +8,13 @@ import {SckoComponent} from './scko.component'; import {SckoRoutingModule} from './routing.module'; import {SckoService} from './scko.service'; import {SckoBannerComponent} from './banner.component'; +import {SckoSummaryComponent} from './summary.component'; @NgModule({ declarations: [ SckoComponent, SckoBannerComponent, + SckoSummaryComponent, ], imports: [ EgCommonModule, diff --git a/Open-ILS/src/eg2/src/app/scko/summary.component.html b/Open-ILS/src/eg2/src/app/scko/summary.component.html new file mode 100644 index 0000000000..4f20b9cb0a --- /dev/null +++ b/Open-ILS/src/eg2/src/app/scko/summary.component.html @@ -0,0 +1,70 @@ + +
+ +
+ + + + + + + + + + +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ Items Checked Out +
+
+
+ + + +
+
+
+ Holds +
+
+
+ + + +
+
+
+ Fines +
+
+ + + + + +
+
+
+ + diff --git a/Open-ILS/src/eg2/src/app/scko/summary.component.ts b/Open-ILS/src/eg2/src/app/scko/summary.component.ts new file mode 100644 index 0000000000..4baaff1757 --- /dev/null +++ b/Open-ILS/src/eg2/src/app/scko/summary.component.ts @@ -0,0 +1,35 @@ +import {Component, OnInit, NgZone, HostListener} from '@angular/core'; +import {Location} from '@angular/common'; +import {Router, ActivatedRoute, NavigationEnd} from '@angular/router'; +import {AuthService, AuthWsState} from '@eg/core/auth.service'; +import {NetService} from '@eg/core/net.service'; +import {StoreService} from '@eg/core/store.service'; +import {SckoService} from './scko.service'; +import {OrgService} from '@eg/core/org.service'; +import {EventService, EgEvent} from '@eg/core/event.service'; + +@Component({ + selector: 'eg-scko-summary', + templateUrl: 'summary.component.html' +}) + +export class SckoSummaryComponent implements OnInit { + + receiptType = 'email'; + + constructor( + private route: ActivatedRoute, + private store: StoreService, + private net: NetService, + private auth: AuthService, + private evt: EventService, + private ngLocation: Location, + private org: OrgService, + public scko: SckoService + ) {} + + ngOnInit() { + + } +} + -- 2.11.0