= new EventEmitter();
-
- pad: HTMLCanvasElement;
-
- ngOnInit() { console.log("Sign", this.field.id); }
-
- ngAfterViewInit() {
-
- this.pad = document.getElementById("pad") as HTMLCanvasElement;
-
- const ctx = this.pad.getContext('2d');
-
- this.pad.width = 300;
- this.pad.height = 100;
-
- ctx.lineWidth = 3;
- ctx.lineJoin = 'round';
- ctx.lineCap = 'round';
-
- let active, cursor;
-
- this.pad.onmousedown = (e) => {
- active = true;
- cursor = { x: e.offsetX, y: e.offsetY };
- }
-
- this.pad.onmousemove = (e) => {
- if (active) {
- ctx.beginPath();
- ctx.moveTo(cursor.x, cursor.y);
- ctx.lineTo(e.offsetX, e.offsetY);
- ctx.stroke();
- cursor = { x: e.offsetX, y: e.offsetY };
- }
- }
-
- this.pad.onmouseup = (_e) => {
- active = false;
- this.field.value = this.pad.toDataURL();
- this.field.ok = true;
- this.update.emit();
- };
-
- }
-
- clear() {
-
- this.pad.getContext('2d').clearRect(0, 0, this.pad.width, this.pad.height);
- this.field.value = null;
- this.field.ok = false;
- this.update.emit();
-
- };
-
-}
diff --git a/src/app/step.component.ts b/src/app/step.component.ts
index 813709c..1cdaa91 100644
--- a/src/app/step.component.ts
+++ b/src/app/step.component.ts
@@ -23,20 +23,6 @@ import { Component, OnInit, Input } from '@angular/core';
>
-
-
-
-
@@ -46,10 +32,13 @@ export class StepComponent implements OnInit {
@Input() step: Step;
- ngOnInit() { console.log("Step", this.step.prompt); }
+ ngOnInit() { console.log("Step", this.step); }
update() {
+ console.log(this.step.fields);
+
+ /* Check for completeness */
for (let field of this.step.fields) {
if (!field.ok) {
this.step.ok = false;
diff --git a/src/app/thanks.component.ts b/src/app/thanks.component.ts
deleted file mode 100644
index d3e4a2b..0000000
--- a/src/app/thanks.component.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-thanks',
- template: `
-
- Thank-You!
-
- Go Home
-
- `,
- styles: [
- ]
-})
-export class ThanksComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit(): void {
- }
-
-}
diff --git a/src/assets/forms.ts b/src/assets/forms.ts
index 0c957c4..0dbe1b1 100644
--- a/src/assets/forms.ts
+++ b/src/assets/forms.ts
@@ -35,28 +35,6 @@ export const checkout: Form = {
options: { choices: ["mouse", "keyboard", "monitor", "chair"] }
}]
},
- {
- ok: false,
- prompt: "Take a photo.",
- fields: [{
- ok: false,
- type: "camera",
- id: "photo",
- value: null,
- options: null
- }]
- },
- {
- ok: false,
- prompt: "Sign your name.",
- fields: [{
- ok: false,
- type: "sign",
- id: "signiture",
- value: null,
- options: null
- }]
- },
{
ok: false,
prompt: "Would you like a confirmation email?",
@@ -103,13 +81,13 @@ export const checkin: Form = {
},
{
ok: false,
- prompt: "Sign your name.",
+ prompt: "Would you like a confirmation email?",
fields: [{
ok: false,
- type: "sign",
- id: "signiture",
+ type: "radio",
+ id: "confirmation",
value: null,
- options: null
+ options: { choices: ["yes", "no"] }
}]
}]
diff --git a/src/assets/monitor.jfif b/src/assets/monitor.jfif
deleted file mode 100644
index 2ed1cca..0000000
Binary files a/src/assets/monitor.jfif and /dev/null differ
diff --git a/src/styles.css b/src/styles.css
index 51cf013..9f41362 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,18 +1,5 @@
-.bar {
- pointer-events: none;
-}
-
.active {
pointer-events: auto;
- border-color: blue;
color: blue;
-}
-
-video, img {
- width: 100px;
-}
-
-#pad {
- background-color: white;
- border: 2px solid black;
-}
+ border-color: blue;
+}
\ No newline at end of file
diff --git a/src/types.d.ts b/src/types.d.ts
index 35b221c..7f8c2c5 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,3 +1,11 @@
+declare interface TextOptions {
+ modifier: string;
+}
+
+declare interface RadioOptions {
+ choices: string[];
+}
+
declare interface Field {
type: string;
id: string;
@@ -18,12 +26,4 @@ declare interface Form {
goto: string;
step: number;
steps: Step[];
-}
-
-declare interface Entry {
- name: string;
- eid: string;
- asset: string;
- complete: boolean;
- photo: string;
-}
+}