Difference between revisions of "Team:Cambridge-JIC/Make Your Own js"

m
Line 138: Line 138:
 
           ret += '<tr><td>2</td><td>epicubes</td></tr><tr><td>2</td><td>drawers for the excitation filters</td></tr><tr><td>2</td><td>drawers for the emission filters</td></tr><tr><td>2</td><td>drawers for the dichroic mirrors</td></tr>'
 
           ret += '<tr><td>2</td><td>epicubes</td></tr><tr><td>2</td><td>drawers for the excitation filters</td></tr><tr><td>2</td><td>drawers for the emission filters</td></tr><tr><td>2</td><td>drawers for the dichroic mirrors</td></tr>'
 
       } 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 filter1</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>'
 
       }
 
       }
 
       ret += '</table>'
 
       ret += '</table>'

Revision as of 17:23, 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.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>
'
     if(options[2] == 0 && options[3] == 0 && options[4] == 0) {
ret += ''
     }
     else if((options[2] == 0 && options[3] == 0) || (options[2] == 0 && options[4] == 0) || (options[3] == 0 && options[4] == 0)) {
ret += ''
     } else if(options[2] == 0 || options[3] == 0 || options[4] == 0) {
ret += ''
     }
ret += '
NumberPartCost (GBP)STL fileSCAD file
1main stage
3legs
2side supports for z axis
1z axis in 3 parts (vertical + horizontal + connector)
1connecting ring bw z axes
13-legged camera holder
1bright-field cube
2slide clips
3epicubes
3drawers for the excitation filters
3drawers for the emission filters
3drawers for the dichroic mirrors
2epicubes
2drawers for the excitation filters
2drawers for the emission filters
2drawers for the dichroic mirrors
1epicube
1drawer for the excitation filter
1drawer for the emission filter
1drawer for the dichroic mirror
' 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);
});