lars/ktane-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

What I have when I decide to source-control this

Browse Source
This commit is contained in:
Daniel Sinn
2015-11-29 15:10:23 -05:00
parent 2d67d8e533
commit bd261df32f
3 changed files with 961 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
Executable
+308
View File
@@ -0,0 +1,308 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Keep Talking and Nobody Explodes</title>
<link rel="stylesheet" type="text/css" href="ktane.css" />
</head>
<body>
<h1>Keep Talking and Nobody Explodes</h1>
<section id="sectionWires">
<h2>Wires</h2>
<ul id="wireOptions">
<li><button class="buttonRed" data-colour="red"></button></li>
<li><button class="buttonYellow" data-colour="yellow"></button></li>
<li><button class="buttonBlue" data-colour="blue"></button></li>
<li><button class="buttonWhite" data-colour="white"></button></li>
<li><button class="buttonBlack" data-colour="black"></button></li>
</ul>
<ul id="wireList"></ul>
</section>
<section id="sectionButton">
<h2>Button</h2>
<div>
Colour:
<input type="radio" name="buttonColour" value="blue" id="buttonColourBlue" checked /> <label for="buttonColourBlue" class="buttonBlue">Blue</label>
<input type="radio" name="buttonColour" value="white" id="buttonColourWhite" /> <label for="buttonColourWhite" class="buttonWhite">White</label>
<input type="radio" name="buttonColour" value="yellow" id="buttonColourYellow" /> <label for="buttonColourYellow" class="buttonYellow">Yellow</label>
<input type="radio" name="buttonColour" value="red" id="buttonColourRed" /> <label for="buttonColourRed" class="buttonRed">Red</label>
</div>
<div>
Text:
<input type="radio" name="buttonText" value="Abort" id="buttonTextAbort" checked /> <label for="buttonTextAbort">Abort</label>
<input type="radio" name="buttonText" value="Detonate" id="buttonTextDetonate" /> <label for="buttonTextDetonate">Detonate</label>
<input type="radio" name="buttonText" value="Hold" id="buttonTextHold" /> <label for="buttonTextHold">Hold</label>
<input type="radio" name="buttonText" value="Press" id="buttonTextPress" /> <label for="buttonTextPress">Press</label>
</div>
<div id="buttonInstruction"></div>
<div>
If holding the button and the strip colour is
<ul>
<li><span class="buttonBlue">Blue</span>: release when timer has a <strong>4</strong> in any position.</li>
<li><span class="buttonYellow">Yellow</span>: release when timer has a <strong>5</strong> in any position.</li>
<li>Other: release when timer has a <strong>1</strong> in any position.</li>
</ul>
</div>
</section>
<section id="sectionDisplay">
<h2>Display</h2>
<dl id="displayList">
<dt>&nbsp;</dt> <dd>bottom-left</dd>
<dt>BLANK</dt> <dd>middle-right</dd>
<dt>C</dt> <dd>top-right</dd>
<dt>CEE</dt> <dd>bottom-right</dd>
<dt>DISPLAY</dt> <dd>bottom-right</dd>
<dt>FIRST</dt> <dd>top-right</dd>
<dt>HOLD ON</dt> <dd>bottom-right</dd>
<dt>LEAD</dt> <dd>bottom-right</dd>
<dt>LED</dt> <dd>middle-left</dd>
<dt>LEED</dt> <dd>bottom-left</dd>
<dt>NO</dt> <dd>bottom-right</dd>
<dt>NOTHING</dt> <dd>middle-left</dd>
<dt>OKAY</dt> <dd>top-right</dd>
<dt>READ</dt> <dd>middle-right</dd>
<dt>RED</dt> <dd>middle-right</dd>
<dt>REED</dt> <dd>bottom-left</dd>
<dt>SAYS</dt> <dd>bottom-right</dd>
<dt>SEE</dt> <dd>bottom-right</dd>
<dt>U</dt> <dd>top-left</dd>
<dt>UR</dt> <dd>top-left</dd>
<dt>THEIR</dt> <dd>middle-right</dd>
<dt>THERE</dt> <dd>bottom-right</dd>
<dt>THEY ARE</dt> <dd>middle-left</dd>
<dt>THEY'RE</dt> <dd>bottom-left</dd>
<dt>YES</dt> <dd>middle-left</dd>
<dt>YOU</dt> <dd>middle-right</dd>
<dt>YOU ARE</dt> <dd>bottom-right</dd>
<dt>YOUR</dt> <dd>middle-right</dd>
<dt>YOU'RE</dt> <dd>middle-right</dd>
</dl>
<table id="displayTable">
<tr>
<th>"BLANK":</th>
<td>WAIT, RIGHT, OKAY, MIDDLE, BLANK</td>
</tr>
<tr>
<th>"DONE":</th>
<td>SURE, UH HUH, NEXT, WHAT?, YOUR, UR, YOU'RE, HOLD, LIKE, YOU, U, YOU ARE, UH UH, DONE</td>
</tr>
<tr>
<th>"FIRST":</th>
<td>LEFT, OKAY, YES, MIDDLE, NO, RIGHT, NOTHING, UHHH, WAIT, READY, BLANK, WHAT, PRESS, FIRST</td>
</tr>
<tr>
<th>"HOLD":</th>
<td>YOU ARE, U, DONE, UH UH, YOU, UR, SURE, WHAT?, YOU'RE, NEXT, HOLD</td>
</tr>
<tr>
<th>"LEFT":</th>
<td>RIGHT, LEFT</td>
</tr>
<tr>
<th>"LIKE":</th>
<td>YOU'RE, NEXT, U, UR, HOLD, DONE, UH UH, WHAT?, UH HUH, YOU, LIKE</td>
</tr>
<tr>
<th>"MIDDLE":</th>
<td>BLANK, READY, OKAY, WHAT, NOTHING, PRESS, NO, WAIT, LEFT, MIDDLE</td>
</tr>
<tr>
<th>"NEXT":</th>
<td>WHAT?, UH HUH, UH UH, YOUR, HOLD, SURE, NEXT</td>
</tr>
<tr>
<th>"NO":</th>
<td>BLANK, UHHH, WAIT, FIRST, WHAT, READY, RIGHT, YES, NOTHING, LEFT, PRESS, OKAY, NO</td>
</tr>
<tr>
<th>"NOTHING":</th>
<td>UHHH, RIGHT, OKAY, MIDDLE, YES, BLANK, NO, PRESS, LEFT, WHAT, WAIT, FIRST, NOTHING</td>
</tr>
<tr>
<th>"OKAY":</th>
<td>MIDDLE, NO, FIRST, YES, UHHH, NOTHING, WAIT, OKAY</td>
</tr>
<tr>
<th>"PRESS":</th>
<td>RIGHT, MIDDLE, YES, READY, PRESS</td>
</tr>
<tr>
<th>"READY":</th>
<td>YES, OKAY, WHAT, MIDDLE, LEFT, PRESS, RIGHT, BLANK, READY</td>
</tr>
<tr>
<th>"RIGHT":</th>
<td>YES, NOTHING, READY, PRESS, NO, WAIT, WHAT, RIGHT</td>
</tr>
<tr>
<th>"SURE":</th>
<td>YOU ARE, DONE, LIKE, YOU'RE, YOU, HOLD, UH HUH, UR, SURE</td>
</tr>
<tr>
<th>"U":</th>
<td>UH HUH, SURE, NEXT, WHAT?, YOU'RE, UR, UH UH, DONE, U</td>
</tr>
<tr>
<th>"UH HUH":</th>
<td>UH HUH</td>
</tr>
<tr>
<th>"UH UH":</th>
<td>UR, U, YOU ARE, YOU'RE, NEXT, UH UH</td>
</tr>
<tr>
<th>"UHHH":</th>
<td>READY, NOTHING, LEFT, WHAT, OKAY, YES, RIGHT, NO, PRESS, BLANK, UHHH</td>
</tr>
<tr>
<th>"UR":</th>
<td>DONE, U, UR</td>
</tr>
<tr>
<th>"WAIT":</th>
<td>UHHH, NO, BLANK, OKAY, YES, LEFT, FIRST, PRESS, WHAT, WAIT</td>
</tr>
<tr>
<th>"WHAT":</th>
<td>UHHH, WHAT</td>
</tr>
<tr>
<th>"WHAT?":</th>
<td>YOU, HOLD, YOU'RE, YOUR, U, DONE, UH UH, LIKE, YOU ARE, UH HUH, UR, NEXT, WHAT?</td>
</tr>
<tr>
<th>"YES":</th>
<td>OKAY, RIGHT, UHHH, MIDDLE, FIRST, WHAT, PRESS, READY, NOTHING, YES</td>
</tr>
<tr>
<th>"YOU ARE":</th>
<td>YOUR, NEXT, LIKE, UH HUH, WHAT?, DONE, UH UH, HOLD, YOU, U, YOU'RE, SURE, UR</td>
</tr>
<tr>
<th>"YOU":</th>
<td>SURE, YOU ARE, YOUR, YOU'RE, NEXT, UH HUH, UR, HOLD, WHAT?, YOU</td>
</tr>
<tr>
<th>"YOU'RE":</th>
<td>YOU, YOU'RE</td>
</tr>
<tr>
<th>"YOUR":</th>
<td>UH UH, YOU ARE, UH HUH, YOUR</td>
</tr>
</table>
</section>
<section id="sectionMemory">
<h2>Memory</h2>
<table>
<tr>
<th>Stage</th>
<th>Display</th>
<th>Pos.</th>
<th>Label</th>
</tr>
<tr>
<td>1</td>
<td><input type="text" maxlength="1" id="stage_1_display" data-index="1"></td>
<td><input type="text" maxlength="1" id="stage_1_pos" /></td>
<td><input type="text" maxlength="1" id="stage_1_label" /></td>
</tr>
<tr>
<td>2</td>
<td><input type="text" maxlength="1" id="stage_2_display" data-index="2"></td>
<td><input type="text" maxlength="1" id="stage_2_pos" /></td>
<td><input type="text" maxlength="1" id="stage_2_label" /></td>
</tr>
<tr>
<td>3</td>
<td><input type="text" maxlength="1" id="stage_3_display" data-index="3"></td>
<td><input type="text" maxlength="1" id="stage_3_pos" /></td>
<td><input type="text" maxlength="1" id="stage_3_label" /></td>
</tr>
<tr>
<td>4</td>
<td><input type="text" maxlength="1" id="stage_4_display" data-index="4"></td>
<td><input type="text" maxlength="1" id="stage_4_pos" /></td>
<td><input type="text" maxlength="1" id="stage_4_label" /></td>
</tr>
<tr>
<td>5</td>
<td><input type="text" maxlength="1" id="stage_5_display" data-index="5"></td>
<td><input type="text" maxlength="1" id="stage_5_pos" /></td>
<td><input type="text" maxlength="1" id="stage_5_label" /></td>
</tr>
</table>
<button class="jsResetSection">Reset</button>
</section>
<section id="sectionMorse">
<h2>Morse</h2>
<table>
<thead>
<tr>
<th>Word</th>
<th>Freq</th>
</tr>
</thead>
<tbody id="morseTable"></tbody>
</table>
<textarea id="morseInput" rows="7" cols="40"></textarea>
</section>
<section id="sectionSequence">
<h2>Wire Sequence</h2>
<ul id="sequenceOptions">
<li><button class="buttonRed" data-colour="red" data-letter="A">A</button></li>
<li><button class="buttonBlue" data-colour="blue" data-letter="A">A</button></li>
<li><button class="buttonBlack" data-colour="black" data-letter="A">A</button></li>
<li><button class="buttonRed" data-colour="red" data-letter="B">B</button></li>
<li><button class="buttonBlue" data-colour="blue" data-letter="B">B</button></li>
<li><button class="buttonBlack" data-colour="black" data-letter="B">B</button></li>
<li><button class="buttonRed" data-colour="red" data-letter="C">C</button></li>
<li><button class="buttonBlue" data-colour="blue" data-letter="C">C</button></li>
<li><button class="buttonBlack" data-colour="black" data-letter="C">C</button></li>
</ul>
<ul id="sequenceInstruction"></ul>
</section>
<section>
<h2>Venn Diagram</h2>
<ul id="vennOptions">
<li><input type="checkbox" id="vennRed" /> <label for="vennRed">Red</label></li>
<li><input type="checkbox" id="vennBlue" /> <label for="vennBlue">Blue</label></li>
<li><input type="checkbox" id="vennStar" /> <label for="vennStar">Star</label></li>
<li><input type="checkbox" id="vennLed" /> <label for="vennLed">LED</label></li>
</ul>
<div id="vennInstruction"></div>
</section>
<section>
<h2>Passwords</h2>
<table id="passwords"></table>
<ul id="passwordOptions">
<li><input type="text" /></li>
<li><input type="text" /></li>
<li><input type="text" /></li>
<li><input type="text" /></li>
<li><input type="text" /></li>
</ul>
<button class="jsResetSection">Reset</button>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="ktane.js"></script>
</body>
</html>
ktane.css
Executable
+177
View File
@@ -0,0 +1,177 @@
body {
background-color: white;
color: black;
font-family: monospace;
}
section {
border-top: 1px solid black;
clear: both;
padding: 1em;
}
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 0.2em 0.5em;
}
ul {
list-style-type: none;
}
button {
border-width: 1px;
}
.buttonRed, .buttonYellow, .buttonBlue, .buttonWhite, .buttonBlack {
color: black;
padding: 0.2em;
}
.buttonRed {
background-color: red;
color: white;
}
.buttonYellow {
background-color: yellow;
}
.buttonBlue {
background-color: blue;
color: white;
}
.buttonWhite {
background-color: white;
border-color: black;
}
.buttonBlack {
background-color: black;
color: white;
}
.active {
opacity: 1;
}
.inactive {
opacity: 0.3;
}
h2 {
cursor: pointer;
}
.collapsed {
padding: 0;
}
.collapsed * {
display: none;
}
.collapsed h2 {
display: block;
font-size: small;
margin: 0;
}
.jsResetSection {
margin-top: 1em;
}
#sectionWires button {
border-color: black;
cursor: pointer;
width: 2em;
height: 2em;
}
#wireOptions li {
display: inline-block;
}
#wireList {
list-style-type: decimal;
}
.wireToCut:after {
color: green;
}
.wireToCut:after, .wireToCut.odd.even:after {
content: '\27fd';
}
.wireToCut.odd:after {
content: '\27fd\a0 odd';
}
.wireToCut.even:after {
content: '\27fd\a0 even';
}
#sectionButton {
line-height: 150%;
}
#sectionButton div {
margin-bottom: 1em;
}
#sectionButton .buttonWhite {
border-style: solid;
border-width: 1px;
}
#sectionDisplay {
white-space: nowrap;
}
#sectionDisplay dl, #sectionDisplay table {
display: inline-block;
margin-bottom: 1em;
}
#sectionDisplay.collapsed dl, #sectionDisplay.collapsed table {
display: none;
}
#sectionDisplay dl {
margin-right: 4em;
}
#sectionDisplay dt {
background-color: black;
clear: left;
color: white;
margin-right: 1em;
text-align: center;
width: 6em;
}
#sectionDisplay dd {
margin-bottom: 0.4em;
margin-left: 0;
}
#sectionDisplay dt, #sectionDisplay dd {
display: inline-block;
float: left;
}
#sectionDisplay table {
margin-left: 0.5em;
}
#sectionDisplay th {
border: 1px solid black;
}
#sectionMemory td {
text-align: right;
}
#sectionMemory input {
text-align: center;
width: 5em;
}
#sectionMorse table {
float: left;
margin-bottom: 1em;
margin-right: 1em;
}
#sectionSequence button {
cursor: pointer;
width: 2em;
}
#sequenceOptions {
padding-left: 0;
width: 7.9em;
}
#sequenceOptions li {
display: inline-block;
}
#sequenceInstruction {
list-style-type: decimal;
}
#sequenceInstruction button {
margin-right: 0.2em;
}
ktane.js
Executable
+476
View File
@@ -0,0 +1,476 @@
/**
* Global
*/
var ktane = ktane || {};
$('h2').on('dblclick', function () {
$(this).closest('section').toggleClass('collapsed');
}).attr('title', 'Double-click to expand/collapse');
ktane.resetInputs = function ($container) {
$container.find('textarea').val('');
return $container.find('input').each(function () {
if (this.type === 'text') {
$(this).val('').trigger('keyup');
} else if (this.type === 'checkbox') {
this.checked = false;
} else if (this.type === 'radio' && !this.value) {
this.checked = true;
}
});
}
ktane.resetInputs($('body'));
$('.jsResetSection').on('click', function () {
ktane.resetInputs($(this).closest('section')).filter('[type="text"]').first().focus();
});
(function () {
/**
* Wires
*/
var count = {
red: 0,
yellow: 0,
blue: 0,
white: 0,
black: 0
},
$wireList = $('#wireList');
$('#wireOptions button').on('click', function () {
var colour = this.getAttribute('data-colour'),
letter = this.getAttribute('data-letter'),
$li = $('<li><button class="button' + colour.charAt(0).toUpperCase() + colour.substring(1)
+ '" data-colour="' + colour + '" data-letter="' + letter + '"></button></li>');
$wireList.append($li);
count[colour]++;
checkWireToCut();
});
$wireList.on('click', 'button', function () {
var deleteIndex = $(this).parent().index();
$wireList.children('li:eq(' + deleteIndex + '), li:gt(' + deleteIndex + ')').each(function () {
var button = this.firstChild;
count[button.getAttribute('data-colour')]--;
$(this).remove();
});
checkWireToCut();
});
function checkWireToCut() {
var lastColour = $wireList.children(':last-child').children().first().data('colour'),
oddPossible;
$wireList.find('.wireToCut').removeClass('wireToCut odd even');
switch ($wireList.children().length) {
case 3:
oddPossible = false;
if (!count['red']) {
addWireToCut(2);
} else if (lastColour === 'white') {
addWireToCut();
} else if (count['blue'] > 1) {
$wireList.find('[data-colour="blue"]').last().parent().addClass('wireToCut');
} else {
addWireToCut();
}
break;
case 4:
oddPossible = count['red'] > 1;
if (oddPossible) {
$wireList.find('[data-colour="red"]').parent().last().addClass('wireToCut odd');
}
if (lastColour === 'yellow' && !count['red'] || count['blue'] === 1) {
addWireToCut(1);
} else if (count['yellow'] > 1) {
addWireToCut();
} else {
addWireToCut(2);
}
break;
case 5:
oddPossible = lastColour === 'black';
if (oddPossible) {
addWireToCut(4, 'odd');
}
if (count['red'] === 1 && count['yellow'] > 1) {
addWireToCut(1);
} else if (!count['black']) {
addWireToCut(2);
} else {
addWireToCut(1);
}
break;
case 6:
oddPossible = !count['yellow'];
if (oddPossible) {
addWireToCut(3, 'odd');
}
if (count['yellow'] === 1 && count['white'] > 1) {
addWireToCut(4);
} else if (!count['red']) {
addWireToCut();
} else {
addWireToCut(4);
}
break;
default:
break;
}
function addWireToCut(child, className) {
if (typeof className === 'undefined') {
className = 'even';
}
$wireList.children(isNaN(child) ? ':last-child' : ':nth-child(' + child + ')')
.addClass('wireToCut' + (className !== 'even' || oddPossible ? ' ' + className : ''));
}
}
})();
(function () {
/**
* Button
*/
var $section = $('#sectionButton'),
$instruction = $('#buttonInstruction'),
instruction;
$section.find('input').on('click', function () {
var colour = $('input[name="buttonColour"]:checked').val(),
text = $('input[name="buttonText"]:checked').val();
if (text === 'Detonate') {
instruction = 'If there is more than 1 battery, press and release; otherwise, hold the button.'
} else if (colour === 'white') {
instruction = 'If there is a lit indicator with label CAR, hold the button. Otherwise, if there are more than 2 batteries and a lit indicator with label FRK, press and release the button. If neither apply, hold the button.'
} else if (colour === 'blue' && text === 'Abort'
|| colour === 'yellow') {
instruction = 'Hold the button.';
} else if (colour === 'red' && text === 'Hold') {
instruction = 'Press and release the button.';
} else {
instruction = 'If there are more than 2 batteries and a lit indicator with label FRK, press and release the button; otherwise, hold the button.';
}
$instruction.html(instruction);
});
})();
(function () {
/**
* Memory
*/
var inputRegex = /^[1-4]$/,
$s = {}, // Cache jQuery objects for speed and convenience
answerData;
for (var i = 1; i <= 5; i++) {
$s[i] = {
d: $('#stage_' + i + '_display'),
p: $('#stage_' + i + '_pos'),
l: $('#stage_' + i + '_label')
};
if (i < 5) {
$s[i].p.add($s[i].l).on('keyup', {j: i + 1}, function (e) {
if (inputRegex.test(this.value)) {
$s[e.data.j].d.focus();
}
});
}
}
$('#sectionMemory input').on('focus', function () {
this.select();
});
answerData = { // {stage -> {display -> [element, value]} }
1: {
1: ['p', 2],
2: ['p', 2],
3: ['p', 3],
4: ['p', 4]
},
2: {
1: ['l', 4],
2: ['p', $s[1].p],
3: ['p', 1],
4: ['p', $s[1].p]
},
3: {
1: ['l', $s[2].l],
2: ['l', $s[1].l],
3: ['p', 3],
4: ['l', 4]
},
4: {
1: ['p', $s[1].p],
2: ['p', 1],
3: ['p', $s[2].p],
4: ['p', $s[2].p]
},
5: {
1: ['l', $s[1].l],
2: ['l', $s[2].l],
3: ['l', $s[4].l],
4: ['l', $s[3].l]
}
};
$('#sectionMemory input[id$="_display"]').on('keyup', function () {
if (!inputRegex.test(this.value)) {
return;
}
var index = parseInt(this.getAttribute('data-index'), 10),
data = answerData[index][this.value],
element = $s[index][data[0]],
value = data[1];
if (typeof value === 'object') {
value = value.val() || value.attr('id').replace(/(\d).+$/, '$1');
}
element.val(value);
$s[index][data[0] === 'p' ? 'l' : 'p'].focus();
});
})();
(function () {
/**
* Morse
*/
var freqs = {
shell: '3.505',
halls: '3.515',
slick: '3.522',
trick: '3.532',
boxes: '3.535',
leaks: '3.542',
strobe: '3.545',
bistro: '3.552',
flick: '3.555',
bombs: '3.565',
'break': '3.572',
brick: '3.575',
steak: '3.582',
sting: '3.592',
vector: '3.595',
beats: '3.600'
},
codes = {
'.-': 'a',
'-...': 'b',
'-.-.': 'c',
'.': 'e',
'..-.': 'f',
'--.': 'g',
'....': 'h',
'..': 'i',
'-.-': 'k',
'.-..': 'l',
'--': 'm',
'-.': 'n',
'---': 'o',
'.-.': 'r',
'...': 's',
'-': 't',
'...-': 'v',
'-..-': 'x'
},
codeRegex = new RegExp(' *(' + Object.keys(codes).join('|').replace(/\./g, '\\.') + ')(?![\.-]) *', 'g'),
$rows = {},
$table = $('#morseTable');
for (var word in freqs) {
var $row = $('<tr><td>' + word + '</td><td>' + freqs[word] + '</td></tr>');
$table.append($row);
$rows[word + word] = $row; // Concat to handle the wrap around
}
$('#morseInput').on('keyup', function () {
var lines = this.value.split('\n'),
regexes = [];
lines.forEach(function (line) {
if (!line) return;
// JS has no negative lookbehind; gotta do the replacement twice
regexes.push(new RegExp(
line.replace(codeRegex, codeRegexCallback)
.replace(codeRegex, codeRegexCallback)
));
});
console.log(regexes);
for (var word in $rows) {
var matchAll = true;
$.each(regexes, function (i, regex) {
if (!regex.test(word)) {
matchAll = false;
return false;
}
});
$rows[word].toggleClass('inactive', !matchAll);
}
});
function codeRegexCallback(match, code) {
return codes[code];
}
})();
(function () {
/**
* Wire sequence
*/
var $instructions = $('#sequenceInstruction'),
count = {
red: 0,
blue: 0,
black: 0
},
occurrences = {
red: ['C', 'B', 'A', 'AC', 'B', 'AC', 'ABC', 'AB', 'B'],
blue: ['B', 'AC', 'B', 'A', 'B', 'BC', 'C', 'AC', 'A'],
black: ['ABC', 'AC', 'B', 'AC', 'B', 'BC', 'AB', 'C', 'C']
};
$('#sequenceOptions button').on('click', function () {
var colour = this.getAttribute('data-colour'),
letter = this.getAttribute('data-letter'),
$li = $('<li><button class="button' + colour.charAt(0).toUpperCase() + colour.substring(1)
+ '" data-colour="' + colour + '" data-letter="' + letter + '">' + letter + '</button></li>');
if (typeof occurrences[colour][count[colour]] !== 'undefined') {
$li.append(occurrences[colour][count[colour]].indexOf(letter) === -1 ? 'Ignore' : 'Cut');
count[colour]++;
$instructions.append($li);
}
});
$instructions.on('click', 'button', function () {
var deleteIndex = $(this).parent().index();
$instructions.children('li:eq(' + deleteIndex + '), li:gt(' + deleteIndex + ')').each(function () {
var button = this.firstChild;
count[button.getAttribute('data-colour')]--;
$(this).remove();
});
});
})();
(function () {
/**
* Venn diagram
*/
var instructions = {
C: 'Cut the wire',
D: '<strong>Do not</strong> cut the wire',
S: 'If the last digit of the serial number is even, cut the wire',
P: 'If the bomb has a parallel port, cut the wire',
B: 'If the bomb has two or more batteries, cut the wire'
},
conditions = { // Initialize
false: {
false: {
false: {}, true: {}
},
true: {
false: {}, true: {}
}
},
true: {
false: {
false: {}, true: {}
},
true: {
false: {}, true: {}
}
}
},
$checkboxes = $('#vennOptions > li > input'),
$instruction = $('#vennInstruction');
// Red Blue Star LED
conditions[false][false][false][false] = 'C';
conditions[false][false][false][true ] = 'D';
conditions[false][false][true ][false] = 'C';
conditions[false][false][true ][true ] = 'B';
conditions[false][true ][false][false] = 'S';
conditions[false][true ][false][true ] = 'P';
conditions[false][true ][true ][false] = 'D';
conditions[false][true ][true ][true ] = 'P';
conditions[true ][false][false][false] = 'S';
conditions[true ][false][false][true ] = 'B';
conditions[true ][false][true ][false] = 'C';
conditions[true ][false][true ][true ] = 'B';
conditions[true ][true ][false][false] = 'S';
conditions[true ][true ][false][true ] = 'S';
conditions[true ][true ][true ][false] = 'P';
conditions[true ][true ][true ][true ] = 'D';
$checkboxes.on('change', function () {
var checked = [];
$checkboxes.each(function () {
checked.push(this.checked);
});
$instruction.html(instructions[conditions[checked[0]][checked[1]][checked[2]][checked[3]]]);
});
})();
(function () {
/**
* Passwords
* */
var passwords = [
'about', 'after', 'again', 'below', 'could',
'every', 'first', 'found', 'great', 'house',
'large', 'learn', 'never', 'other', 'place',
'plant', 'point', 'right', 'small', 'sound',
'spell', 'still', 'study', 'their', 'there',
'these', 'thing', 'think', 'three', 'water',
'where', 'which', 'world', 'would', 'write'
],
$passwordContainer = $('#passwords'),
$passwords = [],
$row,
$inputs = $('#passwordOptions > li > input');
passwords.forEach(function (password, i) {
var $cell;
if (i % 5 === 0) {
$row = $('<tr></tr>').appendTo($passwordContainer);
}
$cell = $('<td>' + password + '</td>').appendTo($row);
$passwords.push($cell);
});
$inputs.on('keyup', function () {
var pattern = '^',
regex;
this.value = this.value.replace(/[^a-z]/gi, '').toLowerCase();
$inputs.each(function (i, input) {
pattern += input.value ? '[' + input.value + ']' : '.';
});
pattern += '$';
regex = new RegExp(pattern);
$passwords.forEach(function ($password) {
$password.toggleClass("inactive", !$password.text().match(regex));
});
});
})();