source: tmcsimulator/trunk/webapps/einotebook/scripts/Evaluation.js @ 548

/**
 * Represents an evaluation (e.g., a "CMS evaluation").
 * @param type {String} Ex: "CMS" or "ATMS" ...
 * @param data Array(label1, text1, label2, text2, ...)
 */
function Evaluation(type, data)
{
    //========== private static members ==========//
    Evaluation.id = (typeof Evaluation.id == 'undefined') ? 0 : ++Evaluation.id;
    
    //========== public constants ==========//
    this.id = Evaluation.id;
    this.ratingGroupName = "evaluationGroup" + this.id;    
    this.textID = "evaluationText" + this.id;
    this.type = type;
    this.data = data;
    
    //========== public read-only members ==========//
    this.text = "";
    this.rating = -1;
    
    //========== public methods ==========//
    this.html = html;
    this.recordText = recordText; 
    this.recordRating = recordRating;
    
    //========== private methods ==========//
    this.smallScaleForm = smallScaleForm;
    this.evaluationForm = evaluationForm;
    
    //========== function definitions ==========//
    /**
     * @return The html representation of this evaluation.
     */
    function html()
    {
        var text = "<table class='evaluation'>" +
                         "<tr>" +
                         "<th class='evaluationType' colspan='2'>" + type + " Evaluation</th>" +
                         "</tr>" +
                         "<tr>" +
                         "<td><table class='evaluationInner2'>";
        
        for (i = 0; i < this.data.length; i += 2)
        {
            text += "<tr>" +
                   "<td class='evaluationLabel'>" + this.data[i] + "</td>" +
                   "<td class='evaluationCriteria'>" + this.data[i+1] + "</td>" +
                   "</tr>";
        }
        /*  Displays the comment input field 
        text += "<tr><td colspan='2' class='evaluationResponse'>" +
            "<input onchange='events.getEvaluation(" + this.id + ").recordText();'" +
            " id='" + this.textID + "' type='text' value='" + this.text + "'" +
            " class='evaluationResponseText' />" 
            + "</td>";
        */
        text +=    "</table>";
        /*  Displays the ranking bubbles  */
        text += "</td>" +
                      "<td class='evaluationScale'>" + this.evaluationForm() + "</td>" +
                   "</tr>";
        
        text +=    "</table>";

                
        return text;
    }
    
    /**
     * Stores the rating given by the evaluation scale radio button form.
     */
    function recordRating(givenRating) 
    { 

        this.rating = givenRating;

        console.log(this.ratingGroupName + " recordRating of " + this.rating )
    }

    /**
     * Stores the text in the written response text box.
     */
    function recordText() 
    { 
        this.text = events.doc.getElementById(this.textID).value; 
    }
    
    /**
     * @return The html for appropriate evaluation form for grading.
     */
    function evaluationForm()
    {
        return this.smallScaleForm();
    }
    
    /**
     * @return The html for a 1-5 grading scale.
     */
    function smallScaleForm()
    {
        return "<form>" +
               "<table align='right' class='evaluationScale'>" +
               "<tr>" +
               "<td class='eventRadioButtonSmallScale'>Best</td>" +
               "<td class='eventRadioButtonSmallScale'>Good</td>" +
               "<td class='eventRadioButtonSmallScale'>Average</td>" +
               "<td class='eventRadioButtonSmallScale'>Poor</td>" +
               "<td class='eventRadioButtonSmallScale'>Worst</td>" +
               "</tr>" +
               "<tr>" +
               "<td align='center'><input type='radio' " + 
                       (this.rating == 5 ? "checked='true'" : "") + 
                       " onchange='events.getEvaluation(" + this.id + 
                       ").recordRating(5)' name='" + this.ratingGroupName + 
                       "' value='1'></td>" +
               "<td align='center'><input type='radio' " + 
                       (this.rating == 4 ? "checked='true'" : "") + 
                       " onchange='events.getEvaluation(" + this.id + 
                       ").recordRating(4)' name='" + this.ratingGroupName + 
                       "' value='2'></td>" +
               "<td align='center'><input type='radio' " + 
                       (this.rating == 3 ? "checked='true'" : "") + 
                       " onchange='events.getEvaluation(" + this.id + 
                       ").recordRating(3)' name='" + this.ratingGroupName + 
                       "' value='3'></td>" +
               "<td align='center'><input type='radio' " + 
                       (this.rating == 2 ? "checked='true'" : "") + 
                       " onchange='events.getEvaluation(" + this.id + 
                       ").recordRating(2)' name='" + this.ratingGroupName + 
                       "' value='4'></td>" +
               "<td align='center'><input type='radio' " + 
                       (this.rating == 1 ? "checked='true'" : "") + 
                       " onchange='events.getEvaluation(" + this.id + 
                       ").recordRating(1)' name='" + this.ratingGroupName + 
                       "' value='5'></td>" +
               "</tr>" +
               "</table>"  +
               "</form>";
    }
}