Changeset 115 for Dev/trunk/classes/QuestionCreationTool.php

Timestamp:

09/28/11 10:59:33 (14 years ago)

Author:

fpvanagthoven

Message:

The existing categories are now selectable

File:

• Dev/trunk/classes/QuestionCreationTool.php (modified) (28 diffs)

Dev/trunk/classes/QuestionCreationTool.php

@@ -7 +7 @@
  */
 class QuestionCreationTool {
+
     private $questions;
-    private $questionEditPanel;
 
     public function __construct($questions) {
@@ -24 +24 @@
                 var type = select.valueOf().value;
                 clearSpecifications();
-                                                                        
+                                                                                
                 /* set answerCount for options */
                 document.getElementById("answerSpecifications").answerCount = 1;
-                                                                        
+                                                                                
                 switch (type) {
                     case "text":
@@ -44 +44 @@
                         break;
                     default:
-                                                                                
+                                                                                        
                         break;
                 }
 
             }
-                                                                    
+                                                                            
             function clearSpecifications()
             {
@@ -56 +56 @@
                 specs.clicked = null;
                 specs.lastAnswer = null;
-                                                        
+                                                                
                 var questionType = document.getElementById("questionType");
                 var buttons = document.getElementById("questionButtons");
@@ -62 +62 @@
                     questionType.removeChild(buttons);
             }
-                                                                    
+                                                                            
             function addOption()
             {                       
                 var specs = document.getElementById("answerSpecifications");
-                                                                        
+                                                                                
                 addAddRemoveOptionButtonsOnce(specs);
                 addAnswerInput(specs);
-                                                                        
-            }
-                                                                    
+                                                                                
+            }
+                                                                            
             function removeOption()
             {
                 var specs = document.getElementById("answerSpecifications");
-                                                                        
+                                                                                
                 if(specs.lastAnswer.prev != null)
                 {
@@ -83 +83 @@
                 }
             }
-                                                                    
+                                                                            
             function addAnswerInput(specs)
             {
                 var answerCount = specs.answerCount;
-                                                                        
+                                                                                
                 /* set value for option textbox */
                 var optionStr = "Option " + answerCount;
-                                                                        
+                                                                                
                 /* the input textbox */
                 var answerInput = document.createElement("input");
@@ -97 +97 @@
                 answerInput.setAttribute("value", optionStr);
                 answerInput.className = "answerInput";
-                                                                        
+                                                                                
                 specs.appendChild(answerInput);
-                                                                        
+                                                                                
                 /* Singly linked list */
                 answerInput.prev = specs.lastAnswer; // remember last one
                 specs.lastAnswer = answerInput; // new lastAnswer
-                                                                        
+                                                                                
                 specs.answerCount++;               
             }
-                                                                    
+                                                                            
             function addAddRemoveOptionButtonsOnce(specs)
             {
@@ -116 +116 @@
                     var typeBox = document.getElementById("questionType");
                     typeBox.appendChild(buttonsDiv);
-                                                            
+                                                                    
                     addAddOptionButton(buttonsDiv);                                  
                     addRemoveOptionButton(buttonsDiv);
-                                                                            
+                                                                                    
                     specs.clicked = true;
                 }
             }
-                                                                    
+                                                                            
             function addAddOptionButton(buttonsDiv)
             {    
@@ -134 +134 @@
                 buttonsDiv.appendChild(addOpt);                                  
             }
-                                                                    
+                                                                            
             function addRemoveOptionButton(buttonsDiv)
             {
@@ -144 +144 @@
                 buttonsDiv.appendChild(removeOpt);
             }
-                                                                   
+                                                                           
             function minMax(min, max)
             {
@@ -151 +151 @@
                 if (max == null)
                     var max = '';
-                                                                                                                                                                                                                                                                                                
+                                                                                                                                                                                                                                                                                                        
                 var specs = document.getElementById("answerSpecifications");
-                                                                                                                                                                                                                                                                                                                                                                                                                                       
+                                                                                                                                                                                                                                                                                                                                                                                                                                               
                 var answerDiv = document.createElement("div");
-                                                                                                                                                                                                                                                                                                                                                                                                        
+                                                                                                                                                                                                                                                                                                                                                                                                                
                 answerDiv.className = "answerDiv";
                 answerDiv.innerHTML = "<label for='min'>Min</label><input type='text' class='intBox' onchange='checkInt(this)' value='" + min + "' name='ans1' />" +
                     "<label for='max'>Max</label><input type='text' class='intBox' onchange='checkInt(this)' value='" + max + "' name='ans2' />";
-                                                                                                                                                                                                                                                                                                                                                                                                                                   
+                                                                                                                                                                                                                                                                                                                                                                                                                                           
                 specs.appendChild(answerDiv);
             }      
-                                            
+                                                    
             function checkInt(input)
             {
@@ -178 +178 @@
                 }
             }
-                            
+                                    
             function minMaxIncr(left, right, incr)
             {
@@ -191 +191 @@
                 if (incr == null)
                     var incr = '';
-                                                                                                                                                                                                                        
+                                                                                                                                                                                                                                
                 var specs = document.getElementById("answerSpecifications");
-                                                                                                                                                                                                                                                                                                                                                                                                               
+                                                                                                                                                                                                                                                                                                                                                                                                                       
                 var answerDiv = document.createElement("div");
                 answerDiv.className = "answerDiv";
-                                                                                                                                               
+                                                                                                                                                       
                 var leftLabel = document.createElement("label");
                 var rightLabel = document.createElement("label");
@@ -203 +203 @@
                 rightLabel.innerHTML = "Right label";
                 scaleLabel.innerHTML = "Scale count";
-                                                                                                                                                
+                                                                                                                                                        
                 var leftInput = document.createElement("input");
                 leftInput.type = "text";
@@ -209 +209 @@
                 leftInput.name= "ans1";
                 leftInput.setAttribute("onchange", "handleAnswerChange()");
-                                                                                                                                                
+                                                                                                                                                        
                 var rightInput = document.createElement("input");
                 rightInput.type = "text";
@@ -215 +215 @@
                 rightInput.name = "ans2";
                 rightInput.setAttribute("onchange", "handleAnswerChange()");
-                                                                                                                                                
+                                                                                                                                                        
                 var scaleInput = document.createElement("input");
                 scaleInput.type = "text";
@@ -223 +223 @@
                 scaleInput.setAttribute("onchange", "");
                 scaleInput.name = "ans3";
-                                                                                                                                                
+                                                                                                                                                        
                 answerDiv.appendChild(leftLabel);
                 answerDiv.appendChild(leftInput);
@@ -230 +230 @@
                 answerDiv.appendChild(scaleLabel);
                 answerDiv.appendChild(scaleInput);
-                                                                                                                                                                                                                                                                                                                                                                                           
+                                                                                                                                                                                                                                                                                                                                                                                                   
                 specs.appendChild(answerDiv);
             }   
-            
+                    
             function newCategory()
             {
                 var categoryBox = document.getElementById("categoryBox");
                 categoryBox.innerHTML = "";
-                
+                        
                 var categoryInput = document.createElement("input");
                 categoryInput.name = "questionCategory";
-                
+                        
                 categoryBox.appendChild(categoryInput);
             }
-                       
+                               
             function clearFields()
             {
@@ -253 +253 @@
                 clearType();
             }
-            
+                    
             function clearCategory()
             {
                 var categoryBox = document.getElementById("categoryBox");
                 categoryBox.innerHTML = "";
-                
+                        
                 var questionCategorySelect = document.createElement("select");
                 questionCategorySelect.setAttribute("name", "questionCategory");
                 questionCategorySelect.id = "questionCategorySelect";
-                
+                        
                 var newCategoryButton = document.createElement("input");
                 newCategoryButton.setAttribute("type", "button");
@@ -268 +268 @@
                 newCategoryButton.setAttribute("value", "New Category");
                 newCategoryButton.className = "surveyButton";
-                
+                        
                 categoryBox.appendChild(questionCategorySelect);
                 categoryBox.appendChild(newCategoryButton);
             }
-            
+                    
             function clearCode()
             {
@@ -278 +278 @@
                 codeInput.value = "";
             }
-            
+                    
             function clearTitle()
             {
@@ -284 +284 @@
                 titleInput.value ="";
             }
-            
+                    
             function clearDescription()
             {
@@ -290 +290 @@
                 descriptionInput.value = "";
             }
-            
+                    
             function clearType()
             {
@@ -297 +297 @@
                 clearSpecifications();
             }
-            
+                    
         </script>
         <?php
@@ -306 +306 @@
         <div id="questionListWrapper">
             <select id="questionsList" size="9999">
-                <?php $this->populateList(); ?>
+        <?php $this->populateList(); ?>
             </select>
         </div>
@@ -315 +315 @@
         ?>
         <div id="questionCreation" class="floatLeft">
-            <?php $this->displayForm(); ?>
+        <?php $this->displayForm(); ?>
         </div>
         <?php
@@ -327 +327 @@
                     <td><label for="questionCategory">Category</label></td>
                     <td id="categoryBox"><!-- Select should be filled with existing categories-->
-                        <select id="questionCategorySelect" name="questionCategory">
-                            <option value='Uncategorized' selected='selected'>Uncategorized</option>
-                        </select>
-                        <!-- New category button -->
-                        <input type="button" class="surveyButton" onclick="newCategory()" value="New Category" />
+        <?php $this->questionCategorySelect(); ?>
                     </td>
                 </tr>
@@ -365 +361 @@
         <?php
     }
+
+    private function questionCategorySelect() {
+        ?>
+        <select id="questionCategorySelect" name="questionCategory">
+            <option value='Uncategorized' selected='selected'>Uncategorized</option>
+            <?php $this->generateCategoryOptions(); ?>
+        </select>
+        <!-- New category button -->
+        <input type="button" class="surveyButton" onclick="newCategory()" value="New Category" />
+        <?php
+    }
     
-    private function populateList()
+    private function generateCategoryOptions()
     {
-        foreach ($this->questions as $question)
-        {
+        $categories = array();
+        
+        foreach ($this->questions as $question) {
+            $category = $question->category;
+            if (! array_search($category, $categories)) // if not in categories
+            {
+                array_push($categories, $category);
+            }
+        }
+        
+        // You might want to escape quotes and stuff here
+        foreach ($categories as $category) {
             ?>
-        <option value="<?php echo $question->code; ?>">
-        <?php echo $question->code . " - " . $question->title; ?>
-        </option>
+        <option value="<?php echo $category;?>"><?php echo $category; ?></option> 
         <?php
         }
     }
 
-}
-?>
+    private function populateList() {
+        foreach ($this->questions as $question) {
+            ?>
+            <option value="<?php echo $question->code; ?>">
+            <?php echo $question->code . " - " . $question->title; ?>
+            </option>
+                <?php
+            }
+        }
+
+    }
+    ?>