Changeset 64

Timestamp:

08/02/11 11:58:29 (14 years ago)

Author:

fpvanagthoven

Message:

Start at SessionCreationTool?.

Location:

Dev/trunk

Files:

• classes/Loader.php (added)
• classes/SessionCreationTool.php (modified) (1 diff)
• classes/SurveyCreationTool.php (modified) (4 diffs)
• css/awesome.css (modified) (7 diffs)
• js/creation.js (added)
• mainmenu.php (modified) (1 diff)

Dev/trunk/classes/SessionCreationTool.php

@@ -8 +8 @@
 class SessionCreationTool {
 
-    public function __construct() {
+    private $session;
+    private $surveys;
+
+    public function __construct($session = null) {
+        $this->session = $session;
+
+        $this->init();
+
+        $this->javascript();
         ?>
+
         <div class="creation">
-            lo
+            <form id="sessionCreationForm" action="" method="post">
+                <?php
+                $this->title();
+                $this->description();
+                $this->pipeline();
+
+                $this->makeSessionButton();
+                ?>
+            </form>
         </div>
+        <?php
+    }
+
+    private function init() {
+        $this->surveys = Loader::loadSurveys();
+    }
+
+    private function javascript() {
+        ?>
+        <script type="text/javascript" src="js/creation.js"></script>
+        <script type="text/javascript">
+            var surveys = new Array();
+                                                                                    
+            init();
+                                                                                                
+            function init() {
+                loadSurveys();
+                loadApplications();
+            }
+                                                                                                
+            function loadSurveys() {
+        <?php
+        foreach ($this->surveys as $survey) {
+            ?>
+                        var title = <?php echo "'" . $survey->title . "'"; ?>;
+                        var id = <?php echo "'" . $survey->id . "'"; ?>;
+                        var survey = new Survey(title, id);
+                        surveys.push(survey);
+            <?php
+        }
+        ?>
+            }
+                                                                                    
+            function loadApplications() {
+                                                                                        
+            }
+                                                                                    
+            function Survey(title, id)
+            {
+                this.title = title;
+                this.id = id;
+            }
+                                                                                    
+            // =============================================================
+                                                                                    
+            function addSurvey() {
+                var surveyList = document.createElement("select");
+                surveyList.setAttribute("size", "1000");
+                surveyList.className = "toLoad";
+                
+                for (var i = 0; i < surveys.length; i++) 
+                {
+                    var option = document.createElement("option");
+                    option.setAttribute("value", surveys[i].id);
+                    option.innerHTML = surveys[i].title;
+                    surveyList.appendChild(option);
+                }
+                                                                                        
+                var sessionCreation = document.getElementById("sessionCreationForm");
+                var pipelineOptions = document.getElementById("pipelineOptions");
+                                                                                        
+                sessionCreation.replaceChild(surveyList, pipelineOptions);
+            }
+                                                                                            
+        </script>
+        <?php
+    }
+
+    private function title() {
+        if (isset($this->session->title))
+            $value = $this->session->title;
+        else
+            $value = 'Untitled Session';
+        ?>
+        <input type="text" id="sessionTitle" class="titleBox" name="sessionTitle" value="<?php echo $value; ?>" onblur="handleBlur(this)" onfocus="handleFocus(this)" />
+        <?php
+    }
+
+    private function description() {
+        if (isset($this->session->description))
+            $value = $this->session->description;
+        else
+            $value = 'Write a description for this session here.';
+        ?>
+        <textarea id="sessionDescription" class="descriptionBox" name="sessionDescription" onblur="handleBlur(this)" onfocus="handleFocus(this)"><?php echo $value; ?></textarea>
+        <?php
+    }
+
+    private function pipeline() {
+        ?>
+        <h2 id="pipelineHead">Pipeline</h2>
+        <div id="pipeline" class="padding2em">
+            <i>-Empty- </i>
+        </div>
+        <div id="pipelineOptions">
+            <?php
+            $this->addSurveyToPipelineButton();
+            $this->addApplicationToPipelineButton();
+            $this->addDashboardToPipelineButton();
+            ?></div>
+        <?php
+    }
+
+    private function addSurveyToPipelineButton() {
+        ?>
+        <input type="button" id="surveyToPipeline" class="surveyButton nextLine pipelineButton leftAlign leftPadding1" value="+ Survey" onclick="addSurvey()"/>
+        <?php
+    }
+
+    private function addApplicationToPipelineButton() {
+        ?>
+        <input type="button" class="surveyButton nextLine pipelineButton leftAlign leftPadding1" value="+ Application" />
+        <?php
+    }
+
+    private function addDashboardToPipelineButton() {
+        ?>
+        <input type="button" class="surveyButton nextLine pipelineButton leftAlign leftPadding1" value="+ Dashboard" />
+        <?php
+    }
+
+    private function makeSessionButton() {
+        ?>
+        <input type="submit" id="makeSessionButton" class="surveyButton" value="Make session" />
         <?php
     }

Dev/trunk/classes/SurveyCreationTool.php

@@ -34 +34 @@
     private static function javascript($id = null) {
         ?>
+        <script type="text/javascript" src="js/creation.js"></script>
         <script type="text/javascript">
             /* autosave every 3 minutes */
@@ -75 +76 @@
                 return questionDiv;
             }
-                                                                                                                                                                                                                                                                                                                                                    
-            function handleFocus(input)
-            {
-                /* this is such ugly code it makes me sad */
-                /* because it is hard coded. */
-                if (input.clicked == null && 
-                    (input.value == "Untitled Survey"
-                    || input.value == "Write a helpful description for this survey here."
-                    || input.value == "Write a question description here."
-                    || input.value == "Untitled Question"))
-                {
-                    input.value = "";
-                    input.style.color = "black";   
-                    input.clicked = true; 
-                }
-            }
-                                                                                                                                                                                                                                                                                                                                                                                    
-            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)
-                    {
-                        input.value = "Untitled Survey";
-                    }
-                    else if (input == surveyDescription)
-                    {
-                        input.value = "Write a helpful description for this survey here.";
-                    }
-                }                           
-            }
                                                                                                                                                                                                                                                                                                                                     
             function handleType(select, answers)
@@ -397 +361 @@
             $value = 'Untitled Survey';
         ?>
-        <input type="text" id="surveyTitle" name="surveyTitle" value="<?php echo $value ?>" onblur="handleBlur(this)" onfocus="handleFocus(this)" />
+        <input type="text" id="surveyTitle" class="titleBox" name="surveyTitle" value="<?php echo $value; ?>" onblur="handleBlur(this)" onfocus="handleFocus(this)" />
         <?php
     }
@@ -419 +383 @@
             $value = 'Write a helpful description for this survey here.';
         ?>
-        <textarea id="surveyDescription" name="surveyDescription" onblur="handleBlur(this)" onfocus="handleFocus(this)"><?php echo $value; ?></textarea>
+        <textarea id="surveyDescription" class="descriptionBox" name="surveyDescription" onblur="handleBlur(this)" onfocus="handleFocus(this)"><?php echo $value; ?></textarea>
         <?php
     }

Dev/trunk/css/awesome.css

@@ -126 +126 @@
 
 .creation {
+    position: relative;
     min-height: 10em;
     background-image: url('../images/bg/graygradient.png');
@@ -145 +146 @@
 
 #surveyTitle {
+
+}
+
+#surveyTitle:hover {
+
+}
+
+.titleBox {
     width: 17em;
     font-size: large;
@@ -150 +159 @@
 }
 
-#surveyTitle:hover {
+.titleBox:hover {
     color: black;
 }
 
 #surveyDescription {
+
+}
+
+.descriptionBox {
     display: block;
     width: 30em;
@@ -309 +322 @@
 /* ################################################################## 
    ===================== STYLESHEET OF GLORY ======================== */
+.padding2em {
+    padding: 2em;
+}
 
 .topMargin {
@@ -316 +332 @@
 .leftPadding {
     padding-left: 2em;
+}
+
+.leftPadding1 {
+    padding-left: 1em;
 }
 
@@ -332 +352 @@
 }
 
+.nextLine {
+    display: block;
+}
+
+.leftAlign {
+    text-align: left;
+}
+
 /* ################################################################## 
    ===================== STYLESHEET OF GLORY ======================== */
@@ -361 +389 @@
     font-size: small;
 }
+
+/* ################################################################## 
+   ===================== STYLESHEET OF GLORY ======================== */
+#pipelineHead {
+    margin-top: 1em;
+    text-shadow: #fff 0px 0px 1px;
+}
+
+#pipeline {
+
+}
+
+.pipelineButton {
+    width: 15em;
+}
+
+#makeSessionButton {
+    position: absolute;
+    top: 2.3em;
+    right: 2.3em;
+    padding-left: 1em;
+    padding-right: 1em;
+}

Dev/trunk/mainmenu.php

@@ -23 +23 @@
     redirect('index.php');
 
-$surveys = array();
-
-$surveyDBI = new SurveyDatabaseInterface(null);
-$surveyIDTitles = $surveyDBI->getExistingSurveys();
-
-
-foreach ($surveyIDTitles as $id => $title) {
-    $survey = new Survey($id, $title);
-    array_push($surveys, $survey);
-}
+$surveys = Loader::loadSurveys();
 ?>