fef-questionnaire/questionnaire/static/questionset.js

var qvalues = new Array(); // used as dictionary
var qtriggers = new Array();

function dep_check(expr) {
    var exprs = expr.split(",",2);
    var qnum = exprs[0];
    var value = exprs[1];
    var qvalue = qvalues[qnum];
    if(value.substring(0,1) == "!") {
      var multiple_option = qvalues[qnum+'_'+value.substring(1)];
      if(multiple_option != undefined)
        return !multiple_option;
      value = value.substring(1);
      return qvalue != value;
    }
    if(value.substring(0,1) == "<") {
      qvalue = parseInt(qvalue);
      if(value.substring(1,2) == "=") {
        value = parseInt(value.substring(2));
        return qvalue <= value;
      }
      value = parseInt(value.substring(1));
      return qvalue < value;
    }
    if(value.substring(0,1) == ">") {
      qvalue = parseInt(qvalue);
      if(value.substring(1,2) == "=") {
        value = parseInt(value.substring(2));
        return qvalue >= value;
      }
      value = parseInt(value.substring(1));
      return qvalue > value;
    }
    var multiple_option = qvalues[qnum+'_'+value];
    if(multiple_option != undefined) {
      return multiple_option;
    }
    if(qvalues[qnum] == value) {
      return true;
    }
    return false;
}

function getChecksAttr(obj) {
    return obj.getAttribute('checks');
}

function statusChanged(obj, res) {
    if(obj.tagName == 'DIV') {
        obj.style.display = !res ? 'none' : 'block';
        return;
    }
    if(obj.tagName == 'SPAN') {
        obj.style.visibility = !res ? 'hidden': 'visible';
    }
    //obj.style.backgroundColor = !res ? "#eee" : "#fff";
    obj.disabled = !res;
}

function valchanged(qnum, value) {
    qvalues[qnum] = value;
    // qnum may be 'X_Y' for option Y of multiple choice question X
    qnum = qnum.split('_')[0];
    for (var t in qtriggers) {
        t = qtriggers[t];
        checks = getChecksAttr(t);
        var res = eval(checks);
        statusChanged(t, res)
    }
}

function addtrigger(elemid) {
    var elem = document.getElementById(elemid);
    if(!elem) {
      alert("addtrigger: Element with id "+elemid+" not found.");
      return;
    }
    qtriggers[qtriggers.length] = elem;
}

function alignValueBoxes(question) {
    var question = document.getElementById("qc_" + question);
    var choice_boxes = question.getElementsByClassName("choice-multiple-values-text");
    var max_width = 0;
    for (i = 0 ; i < choice_boxes.length ; i++) {
        box_width = choice_boxes[i].offsetWidth;
        if (box_width > max_width)
            max_width = box_width;
    }
    // add padding to right of narrower boxes
    for (i = 0 ; i < choice_boxes.length ; i++) {
        box_width = choice_boxes[i].offsetWidth;
        padding = max_width - box_width;
        if (padding > 0)
            choice_boxes[i].style.paddingRight = padding + "px";
    }
}

/* 
 - disable the submit button once it's been clicked 
 - do it for a total of 5 seconds by which time the page should've been sent
 - oscillate the sending class which does some fancy css transition trickery
*/
(function($){
    $(document).ready(function() {
        // Ensure that the submit button is enabled to prevent a disabled
        // button when user clicks the back button on their browser
        $('.questionset-submit input').removeAttr('disabled');

        $('#qform').submit(function() {
            var input = $('.questionset-submit input');
            var interval = 400; // ms
            var duration = 10000; // 10s

            var disable = function(){
                input.attr('disabled', 'disabled');
                input.toggleClass('sending', false);
            };

            var enable = function(){
                $('body').css({'cursor':'auto'});
                input.removeAttr('disabled');  
            };

            var step = 0; 
            var animate = function() {
                // re-enable the button after the duration
                if (interval * step > duration) {
                    clearInterval(id);
                    enable();
                }
                    
                step += 1;
                input.toggleClass('sending');
            };
            
            // start animating before disabling as it looks nicer
            animate();
            disable();

            // id is availabe in the animate method. js closures ftw!
            var id = setInterval(animate, interval);
        });
    });

    $(window).unload(function() {});
})(jQuery);