Difference between revisions of "Team:Cambridge-JIC/Make Your Own js"
m |
|||
Line 139: | Line 139: | ||
} else if(options[2] == 0 || options[3] == 0 || options[4] == 0) { | } else if(options[2] == 0 || options[3] == 0 || options[4] == 0) { | ||
ret += '<tr><td>1</td><td>epicube</td></tr><tr><td>1</td><td>drawer for the excitation filter</td></tr><tr><td>1</td><td>drawer for the emission filter</td></tr><tr><td>1</td><td>drawer for the dichroic mirror</td></tr>' | ret += '<tr><td>1</td><td>epicube</td></tr><tr><td>1</td><td>drawer for the excitation filter</td></tr><tr><td>1</td><td>drawer for the emission filter</td></tr><tr><td>1</td><td>drawer for the dichroic mirror</td></tr>' | ||
+ | } | ||
+ | if(options[1] == 0) { | ||
+ | ret += '<tr><td>1</td><td>dark-field cube in N parts</td></tr>' | ||
} | } | ||
ret += '</table>' | ret += '</table>' |
Revision as of 17:27, 14 September 2015
quiz = function(elem){ this.elem = $(elem); this.steps = [];
this.step = function(question, answers) { this.question = question; this.answers = {}; this.bind = function(target, keys) { if (typeof keys === "undefined") { keys = Object.keys(this.answers); }
for (var i=0; i<keys.length; i++) { key = keys[i]; this.answers[key].target = target; } }; this.elem = function(quiz, index) {elem = $('
');
elem.append($('').text(this.question));
for (key in this.answers) {
elem.append($('
').text(this.question));
for (key in this.answers) {
elem.append($('')
.text(this.answers[key].answer)
.data("key", key)
.data("step", this)
.data("quiz", quiz)
.data("index", index)
.click(function(){
key = $(this).data("key");
step = $(this).data("step");
quiz = $(this).data("quiz");
index = $(this).data("index");
ref = quiz.steps[index];
ref.elem.find('.cam-quiz-selected').removeClass('cam-quiz-selected');
$(this).addClass('cam-quiz-selected');
for (var i=quiz.steps.length; --i>index;) {
quiz.steps[i].elem.remove();
quiz.steps.pop();
}
quiz.steps[index].option = key;
nstep = step.answers[key].target;
switch (typeof nstep) {
case "object":
var nindex = quiz.steps.length;
var nref = {
'step': nstep,
'elem': nstep.elem(quiz, nindex),
'option': undefined
};
quiz.steps.push(nref);
quiz.elem.append(nref.elem);
break;
case "function":
options = [];
for (var i=0; i<quiz.steps.length; i++) {
options.push(quiz.steps[i].option);
}
var nref = {
'step': undefined,
'elem': $('')
.append(nstep(options)),
'option': undefined
};
quiz.steps.push(nref);
quiz.elem.append(nref.elem);
break;
default:
alert("Quiz error! Please contact the site maintainers....");
break;
}
}));
}
return elem;
};
for (key in answers) {
answer = answers[key];
this.answers[key] = {
'answer': answer,
'target': undefined
};
}
};
this.start = function(step) {
index = this.steps.length;
ref = {
'step': step,
'elem': step.elem(this, index),
'option': undefined
};
this.steps.push(ref);
this.elem.append(ref.elem);
};
};
$(document).ready(function(){
q = new quiz('#cam-quiz');
step0 = new q.step("Tell us which options you'd like for your microscope.", {
1: "Okay!"
});
step1 = new q.step("Besides bright-field, do you need dark-field imaging?", {
0: "Yes",
1: "No"
});
step2 = new q.step("Do you need to image GFP fluorescence?", {
0: "Yes",
1: "No"
});
step3 = new q.step("Do you need to image RFP fluorescence?", {
0: "Yes",
1: "No"
});
step4 = new q.step("Do you need to image other fluorescent proteins, e.g. YFP?", {
0: "Yes",
1: "No"
});
step5 = new q.step("Do you want your microscope to be manual, motorised, or will you need to swap between both?", {
0: "Manual only",
1: "Motorised only",
2: "Both",
});
step6 = new q.step("Do you need your microscope to be fully battery-powered, e.g. for fieldwork?", {
0: "Yes",
1: "No"
});
final = function(options) {
window.location.href="#CC0";
ret = '<h3>Thanks!</h3>
Number Part Cost (GBP) STL file SCAD file 1 main stage 3 legs 2 side supports for z axis 1 z axis in 3 parts (vertical + horizontal + connector) 1 connecting ring bw z axes 1 3-legged camera holder 1 bright-field cube 2 slide clips '
if(options[2] == 0 && options[3] == 0 && options[4] == 0) {
ret += '3 epicubes 3 drawers for the excitation filters 3 drawers for the emission filters 3 drawers for the dichroic mirrors '
}
else if((options[2] == 0 && options[3] == 0) || (options[2] == 0 && options[4] == 0) || (options[3] == 0 && options[4] == 0)) {
ret += '2 epicubes 2 drawers for the excitation filters 2 drawers for the emission filters 2 drawers for the dichroic mirrors '
} else if(options[2] == 0 || options[3] == 0 || options[4] == 0) {
ret += '1 epicube 1 drawer for the excitation filter 1 drawer for the emission filter 1 drawer for the dichroic mirror '
}
if(options[1] == 0) {
ret += '1 dark-field cube in N parts '
}
ret += '
'
return $('').html(ret)
}
step0.bind(step1, [1]);
step1.bind(step2, [0]);
step1.bind(step2, [1]);
step2.bind(step3, [0]);
step2.bind(step3, [1]);
step3.bind(step4, [0]);
step3.bind(step4, [1]);
step4.bind(step5, [0]);
step4.bind(step5, [1]);
step5.bind(step6, [0]);
step5.bind(step6, [1]);
step5.bind(step6, [2]);
step6.bind(final, [0]);
step6.bind(final, [1]);
q.start(step0);
});
.text(this.answers[key].answer) .data("key", key) .data("step", this) .data("quiz", quiz) .data("index", index) .click(function(){ key = $(this).data("key"); step = $(this).data("step"); quiz = $(this).data("quiz"); index = $(this).data("index"); ref = quiz.steps[index]; ref.elem.find('.cam-quiz-selected').removeClass('cam-quiz-selected'); $(this).addClass('cam-quiz-selected');
for (var i=quiz.steps.length; --i>index;) { quiz.steps[i].elem.remove(); quiz.steps.pop(); }
quiz.steps[index].option = key; nstep = step.answers[key].target; switch (typeof nstep) { case "object": var nindex = quiz.steps.length; var nref = { 'step': nstep, 'elem': nstep.elem(quiz, nindex), 'option': undefined }; quiz.steps.push(nref); quiz.elem.append(nref.elem); break; case "function": options = []; for (var i=0; i<quiz.steps.length; i++) { options.push(quiz.steps[i].option); } var nref = { 'step': undefined,'elem': $('
')
'
return $('
.append(nstep(options)), 'option': undefined }; quiz.steps.push(nref); quiz.elem.append(nref.elem); break; default: alert("Quiz error! Please contact the site maintainers...."); break; } })); } return elem; };
for (key in answers) { answer = answers[key]; this.answers[key] = { 'answer': answer, 'target': undefined }; } };
this.start = function(step) { index = this.steps.length; ref = { 'step': step, 'elem': step.elem(this, index), 'option': undefined }; this.steps.push(ref); this.elem.append(ref.elem); }; };
$(document).ready(function(){ q = new quiz('#cam-quiz');
step0 = new q.step("Tell us which options you'd like for your microscope.", { 1: "Okay!" }); step1 = new q.step("Besides bright-field, do you need dark-field imaging?", { 0: "Yes", 1: "No" }); step2 = new q.step("Do you need to image GFP fluorescence?", { 0: "Yes", 1: "No" }); step3 = new q.step("Do you need to image RFP fluorescence?", { 0: "Yes", 1: "No" }); step4 = new q.step("Do you need to image other fluorescent proteins, e.g. YFP?", { 0: "Yes", 1: "No" }); step5 = new q.step("Do you want your microscope to be manual, motorised, or will you need to swap between both?", { 0: "Manual only", 1: "Motorised only", 2: "Both", }); step6 = new q.step("Do you need your microscope to be fully battery-powered, e.g. for fieldwork?", { 0: "Yes", 1: "No" });
final = function(options) {
window.location.href="#CC0";ret = '<h3>Thanks!</h3>
Number | Part | Cost (GBP) | STL file | SCAD file |
---|---|---|---|---|
1 | main stage | |||
3 | legs | |||
2 | side supports for z axis | |||
1 | z axis in 3 parts (vertical + horizontal + connector) | |||
1 | connecting ring bw z axes | |||
1 | 3-legged camera holder | |||
1 | bright-field cube | |||
2 | slide clips | |||
3 | epicubes | |||
3 | drawers for the excitation filters | |||
3 | drawers for the emission filters | |||
3 | drawers for the dichroic mirrors | |||
2 | epicubes | |||
2 | drawers for the excitation filters | |||
2 | drawers for the emission filters | |||
2 | drawers for the dichroic mirrors | |||
1 | epicube | |||
1 | drawer for the excitation filter | |||
1 | drawer for the emission filter | |||
1 | drawer for the dichroic mirror | |||
1 | dark-field cube in N parts |
').html(ret)
}
step0.bind(step1, [1]);
step1.bind(step2, [0]); step1.bind(step2, [1]);
step2.bind(step3, [0]); step2.bind(step3, [1]);
step3.bind(step4, [0]); step3.bind(step4, [1]);
step4.bind(step5, [0]); step4.bind(step5, [1]);
step5.bind(step6, [0]); step5.bind(step6, [1]); step5.bind(step6, [2]);
step6.bind(final, [0]); step6.bind(final, [1]); q.start(step0);});