Changes in Dev/trunk/classes/SurveyCreationTool.php [30:20]

File:

• Dev/trunk/classes/SurveyCreationTool.php (modified) (13 diffs)

Dev/trunk/classes/SurveyCreationTool.php

@@ -9 +9 @@
 class SurveyCreationTool {
 
-    private $survey;
-    private $timeStamp;
-
-    public function __construct($survey = null, $timeStamp = null) {
-        $this->survey = $survey;
-        $this->timeStamp = $timeStamp;
-
-        if( isset($this->survey->id))
-            SurveyCreationTool::javascript($this->survey->id);
-        else
-            SurveyCreationTool::javascript();
-        ?>
-
-        <div id="surveyCreation"><form id="survey" action="submitsurvey.php" method="post">
+    public function __construct() {
+        SurveyCreationTool::javascript();
+        ?>
+
+        <div id="surveyCreation"><form action="submitsurvey.php" method="post">
                 <?php
-                $this->surveyHead();
-                $this->questionCreationForm();
+                SurveyCreationTool::titleBox();
+                SurveyCreationTool::descriptionBox();
+                SurveyCreationTool::questionCreationForm();
                 SurveyCreationTool::addQuestionButton();
                 SurveyCreationTool::removeLastQuestionButton();
@@ -33 +25 @@
     }
 
-    private static function javascript($id = null) {
+    private static function javascript() {
         ?>
         <script type="text/javascript">
-            /* autosave every 3 minutes */
-            setTimeout("save('<?php echo $id; ?>')", 180000);
-                                                                            
-            var questionCount = 1;          
-                                                                                                                                                                                                                    
-            function getNewQuestion(title, description)
-            {
-                if (title != null)
-                    var title = title;
-                else
-                    var title = 'Untitled Question';
-                
-                if (description != null)
-                    var description = description;
-                else
-                    var description = 'Write a question description here.';
-                                    
+            var questionCount = 1;           
+                                                                                                                    
+            function getNewQuestion()
+            {
                 var questionDiv = document.createElement("div");
                 var htmlStr = 
@@ -59 +38 @@
                     "<th>Question " + questionCount + "</th>" +
                     "<tr><td><label for='questionTitle'>Title</label></td>" + 
-                    "<td><input type='text' class='questionTitle' name='questionTitle" + questionCount + "' onfocus='handleFocus(this)' size='30' value='" + title + "' /></td></tr>" +
+                    "<td><input type='text' class='questionTitle' name='questionTitle" + questionCount + "' size='30' value='Untitled Question' /></td></tr>" +
                     "<tr><td><label for='questionDescription'>Description</label></td>" + 
-                    "<td><input type='text' class='questionDescription' name='questionDescription" + questionCount + "' onfocus='handleFocus(this)' size='60' value='" + description + "' /></td>" +
+                    "<td><input type='text' class='questionDescription' name='questionDescription" + questionCount + "' size='60' value='Write a question description here.' /></td>" +
                     "<tr><td><label for='questionType'>Answer type</label></td>" + 
                     "<td><select id='" + questionCount + "' name='questionType" + questionCount + "' onchange='handleType(this)'><br />"+
@@ -71 +50 @@
                     "</select></td></tr>" +
                     "</table>" +
-                    "<div id='answersDiv" + questionCount + "' class='answersDiv'></div>" +
+                    "<div id='answersDiv" + questionCount + "'></div>" +
                     "</div>";
-                                                                                                                                                                                                                
+                                                                                                                
                 questionDiv.innerHTML = htmlStr;
-                                                                                                                                                                                                                
+                                                                                                                
                 return questionDiv;
             }
-                                                                                                                                                                                                                    
+                                                                                                                    
             function handleFocus(input)
             {
@@ -88 +67 @@
                 }
             }
-                                                                                                                                                                                                                                                    
+                                                                                                                                                    
             function handleBlur(input)
             {        
                 var surveyTitle = document.getElementById('surveyTitle');
                 var surveyDescription = document.getElementById('surveyDescription');
-                                                                                                                                                                                                                                    
+                                                                                                                                    
                 if (input.value == "")
                 {
                     input.style.color = "gray";
                     input.clicked = null;
-                                                                                                                                                                                                                                                            
+                                                                                                                                                            
                     if (input == surveyTitle)
                     {
@@ -109 +88 @@
                 }                           
             }
-                                                                                                                                                                                                    
+                                                                                                    
             function handleType(select)
             {
@@ -116 +95 @@
                 answersDiv.answerCount = 1;
                 answersDiv.clicked = null;
-                                                                                                                                                        
+                                                        
                 switch (type) {
                     case 'mc':
                         answersDiv.innerHTML = "";
                         addOption(select.id);
-                                                                                                                                                                                        
+                                                                                        
                         break;
                     case 'text':
@@ -145 +124 @@
 
             }
-                                                                                                                                                                                    
-                                                                                                                                                                            
+                                                                                    
+                                                                            
             function addOption(questionNumber)
             {        
@@ -153 +132 @@
                 var answerDiv = document.createElement("div");
                 answerDiv.className = "answerDiv";
-                                                                                                                                                                                
+                                                                                
                 var htmlStr = "<input type='text' name='q" + 
                     questionNumber + "ans" + answerCount + "' value='Option " + answerCount + "' />";
-                                                                                                                                                        
+                                                        
                 if (answersDiv.clicked == null)
                 {
@@ -162 +141 @@
                         + " class='surveyButton' onclick='addOption(" + questionNumber + ")' value='Add Option' />" +
                         "<input type='button' class='surveyButton' onclick='removeOption(" + questionNumber + ")' value='x' />";
-                                                                                                                            
+                            
                     answersDiv.clicked = true;
                 }
-                                                                                                                                                                                       
+                                                                                       
                 answerDiv.innerHTML = htmlStr;
-                                                                                                                        
+                        
                 answerDiv.prev = answersDiv.lastAnswer; //singly linked list
                 answersDiv.lastAnswer = answerDiv;
-                                                                                                                                                                                       
+                                                                                       
                 answersDiv.appendChild(answerDiv);
                 answersDiv.answerCount++;
             }
-                                                                                                                    
+                    
             function removeOption(questionNumber)
             {
                 var answersDiv = document.getElementById("answersDiv" + questionNumber);
-                                                                                                                       
+                       
                 if (answersDiv.lastAnswer.prev != null)
                 {
@@ -186 +165 @@
                 }
             }
-                                                                                                                                            
+                                            
             function minMax(questionNumber)
             {
                 var answersDiv = document.getElementById("answersDiv" + questionNumber);
-                                                                                                                                               
+                                               
                 var answerDiv = document.createElement("div");
-                                                                                                                
                 answerDiv.className = "answerDiv";
-                answerDiv.innerHTML = "<label for='min'>Min</label><input type='text' name='q" + questionNumber + "ans1' />" +
-                    "<label for='max'>Max</label><input type='text' name='q" + questionNumber + "ans2' />";
-                                                                                                                                           
+                answerDiv.innerHTML = "<label for='min'>Min</label><input type='text' name='min" + questionNumber + "' />" +
+                    "<label for='max'>Max</label><input type='text' name='max" + questionNumber + "' />";
+                                           
                 answersDiv.appendChild(answerDiv);
             }  
-                                                                                                                                            
+                                            
             function minMaxIncr(questionNumber)
             {
-                var answersDiv = document.getElementById("answersDiv" + questionNumber);
-                                                                                                                                               
+                minMax(questionNumber);
+                var answersDiv = document.getElementById("answersDiv" + questionNumber);
+                                               
                 var answerDiv = document.createElement("div");
                 answerDiv.className = "answerDiv";
-                answerDiv.innerHTML = "<label>Left label</label><input type='text' name='q" + questionNumber + "ans1' />" +
-                    "<label>Right label</label><input type='text' name='q" + questionNumber + "ans2' />" +
-                    "<label>Scale count</label><input type='text' name='q" + questionNumber + "ans3' />" +
-                    "<div id='inputCheckFeedback'" + questionNumber + "";
-                                                                                                                                           
+                answerDiv.innerHTML = "<label for='incr'>Increment by</label><input type='text' name='incr" + questionNumber + "' />";
+                                           
                 answersDiv.appendChild(answerDiv);
             }         
-                                                                                                                                                                                                 
-                                                                                                                                                                                                         
-            function addQuestion(title, description)
+                                                                                                 
+                                                                                                         
+            function addQuestion()
             {
                 var questionsDiv = document.getElementById('questionsDiv');
-                var newQuestion = getNewQuestion(title, description);
-                                                                                                                                        
+                var newQuestion = getNewQuestion();
+                                        
 
                 newQuestion.prev = document.lastQuestion;
@@ -227 +203 @@
                 questionCount++;
             }
-                                                                                                                                    
+                                    
             function removeLastQuestion()
             {
                 var questionsDiv = document.getElementById('questionsDiv');
-                                                                                                                                        
+                                        
                 if (document.lastQuestion.prev != null)
                 {
@@ -243 +219 @@
                 }               
             }
-                                                                                                             
-            function save(surveyID)
-            {
-                var form = document.getElementById('survey');
-                var questionsDiv = document.getElementById('questionsDiv');
-                form.action = "surveycreation.php";
-                                                                                
-                /* extra time stamp */
-                var date = new Date();
-                var minutes = date.getUTCMinutes();
-                if (minutes < 10)
-                    minutes = "0" + minutes;
-                var timeStamp = date.getHours() + ":" + minutes;
-                var timeStampInput = document.createElement("input");
-                timeStampInput.name = "timeStamp";
-                timeStampInput.value = timeStamp;
-                timeStampInput.type = "hidden";
-                                    
-                var surveyIDInput = document.createElement("input");
-                surveyIDInput.name = "surveyID";
-                surveyIDInput.value = surveyID;
-                surveyIDInput.type = "hidden";
-                                                             
-                questionsDiv.appendChild(timeStampInput);
-                questionsDiv.appendChild(surveyIDInput);
-                form.submit();
-            }
-                                                                                                                                            
-                                                                                                                                                                                                                                                                                                                            
+                                  
+                                            
+                                                                                                                                                                                                                            
         </script>
         <?php
     }
 
-    private function surveyHead() {
-        ?><div id="surveyHead">
-        <?php
-        $this->titleBox();
-        $this->saveSurvey();
-        $this->descriptionBox();
-        ?></div>
-        <?php
-    }
-
-    private function titleBox() {
-        if (isset($this->survey->title))
-            $value = $this->survey->title;
-        else
-            $value = 'Untitled Survey';
-        ?>
-        <input type="text" id="surveyTitle" name="surveyTitle" value="<?php echo $value ?>" onblur="handleBlur(this)" onfocus="handleFocus(this)" />
-        <?php
-    }
-
-    private function saveSurvey() {
-        if (isset($this->timeStamp))
-            echo "<div id='timeStamp'>Last saved " . $this->timeStamp . '</div>';
-        if (isset($this->survey->id))
-            $id = $this->survey->id;
-        else
-            $id = null;
-        ?>
-        <input id="surveySaveButton" type="button" onclick="save('<?php echo $id; ?>')" class='surveyButton' value='Save' />
-        <?php
-    }
-
-    private function descriptionBox() {
-        if (isset($this->survey->description))
-            $value = $this->survey->description;
-        else
-            $value = 'Write a helpful description for this survey here.';
-        ?>
-        <textarea id="surveyDescription" name="surveyDescription" onblur="handleBlur(this)" onfocus="handleFocus(this)"><?php echo $value; ?></textarea>
-        <?php
-    }
-
-    private function questionCreationForm() {
+    private static function titleBox() {
+        ?>
+        <input type="text" id="surveyTitle" name="surveyTitle" value="Untitled Survey" size="30" onblur="handleBlur(this)" onfocus="handleFocus(this)" />
+        <?php
+    }
+
+    private static function descriptionBox() {
+        ?>
+        <textarea id="surveyDescription" rows="3" cols="80" name="surveyDescription" onblur="handleBlur(this)" onfocus="handleFocus(this)">Write a helpful description for this survey here.</textarea>
+        <?php
+    }
+
+    private static function questionCreationForm() {
         ?>
         <div id='questionsDiv'>
         </div>
-        <?php
-        if (isset($this->survey)) {
-            foreach ($this->survey->questions as $question) {
-                ?>
-                <script type="text/javascript"> addQuestion('<?php echo $question->title; ?>', '<?php echo $question->description; ?>');
-                </script>
-                <?php
-            }
-        } else {
-            ?>
-            <script type="text/javascript"> addQuestion();</script>
-            <?php
-        }
+        <script type="text/javascript"> addQuestion(); </script>
+        <?php
     }