Skip to content

Instantly share code, notes, and snippets.

@gulp
Last active June 27, 2018 23:04
Show Gist options
  • Save gulp/2361dca203a008497d86f1b750b9e356 to your computer and use it in GitHub Desktop.
Save gulp/2361dca203a008497d86f1b750b9e356 to your computer and use it in GitHub Desktop.
Idle
Idle
No picks*
push trigger -> Looking for first code
Picked 1
push trigger -> Looking for 2nd code
drop all -> No picks
Picked 2
push trigger -> Looking for 3rd code
drop 1 item -> Picked 1
Picked 3
push trigger -> Scanning more items
drop 1 item -> Picked 2
drop all -> No picks
Scanning
Looking for first code
point to code -> Scanned Item 1
release trigger -> No picks
Looking for 2nd code
point to code -> Scanned Item 2
release trigger -> Picked 1
Looking for 3rd code
point to code -> Scanned Item 3
release trigger -> Picked 2
Scanned
Scanned Item 1
release trigger -> Picked 1
hold trigger -> Looking for 2nd code
Scanned Item 2
release trigger -> Picked 2
hold trigger -> Looking for 3rd code
Scanned Item 3
release trigger -> Picked 3
Scanning more items
New scan session
hold trigger -> Scanning
function create_src(active_state) {
return "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/" + state_filelist[active_state]
}
var state_filelist = {
"No picks": "01-No-Picks.png",
"Picked 1": "Picked-1.png",
"Picked 2": "05-Picked-2.png",
"Picked 3": "08-Picked-3.png",
"Scanned Item 1": "03-No-Picks-Scanning-item-1-scanned.png",
"Scanned Item 2": "04-Picked-1-Scanning-item-2-scanned.png",
"Scanned Item 3": "07-Picked-2-scanning-item-3-scanned.png",
"Looking for first code": "02-No-Picks-Scanning.png",
"Looking for 2nd code": "Looking-for-2nd-code.png",
"Looking for 3rd code": "06-Picked-2-Scanning.png",
"New scan session": "New-Scan-Session.png"
}
function render(model) {
var active_state = model.active_states[0].name;
return [
$("div", {
style: { textAlign: "center", fontFamily: "Menlo", fontSize: "12px", margin: 0, padding: 0 }
},
$('div', { style: { paddingBottom: "12px" } }, active_state),
$("img", {
src: create_src(active_state),
style: {
border: "solid 1px #eee",
maxHeight: 450
}
})
),
];
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment