source: Dev/trunk/classes/SessionCreationTool.php @ 68

<?php

/**
 * Description of SessionCreationTool
 *
 * @author fpvanagthoven
 */
class SessionCreationTool {

    private $session;
    private $surveys;

    public function __construct($session = null) {
        $this->session = $session;

        $this->init();

        $this->javascript();
        var_dump($_POST);
        ?>

        <div class="creation">
            <form id="sessionCreationForm" action="" onsubmit="submitPipeline()" 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 pipelineCount = 0;
            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() {
                pipelineCount++;
                                
                var pipeline = document.getElementById("pipeline");
                var surveysList = document.getElementById("surveysList");
                                                        
                var entry = document.createElement("option");
                entry.setAttribute("value", surveys[surveysList.selectedIndex].id);
                entry.style.backgroundColor = "#0090ac";
                entry.innerHTML = pipelineCount + ". " + surveys[surveysList.selectedIndex].title;
                entry.name = pipelineCount + "s";
                                                
                pipeline.appendChild(entry);
            }
                                    
            function addDashboard() {
                pipelineCount++;
                var pipeline = document.getElementById("pipeline");
                                        
                var entry = document.createElement("option");
                entry.setAttribute("value", "dashboard");
                entry.style.backgroundColor = "#555";
                entry.style.color = "white";
                entry.innerHTML = pipelineCount + ". " + "Dashboard";
                entry.name = pipelineCount + "d";
                                        
                pipeline.appendChild(entry);
            }
                                                     
            function submitPipeline()
            {
                var form = document.getElementById("sessionCreationForm");
                        
                var pipeline = document.getElementById("pipeline").options;
                               
                                
                for (var i = 0; i < pipeline.length; i++)
                {
                    var pipelineElem = document.createElement("input");
                    pipelineElem.name = pipeline[i].name;
                    pipelineElem.value = pipeline[i].value;
                    pipelineElem.type = "hidden";
                            
                    form.appendChild(pipelineElem);
                }
                                
            }
        </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() {
        ?>
        <div id="pipelineWrapper">
            <h2 class="pipelineHead">Pipeline</h2>
            <?php $this->pipelineSelect(); ?>
            <div id="pipelineOptions">
                <?php
                $this->addDashboardToPipelineButton();
                ?>
            </div>
        </div>
        <div id="surveysApplicationsWrapper">
            <div id="surveysForPipelineWrapper">
                <h2 class="pipelineHead">Surveys</h2>
                <?php
                $this->surveysSelect();
                $this->addSurveyToPipelineButton()
                ?>
            </div>
            <div id="applicationsForPipelineWrapper">
                <h2 class="pipelineHead">Applications</h2>
                <?php
                $this->applicationsSelect();
                $this->addApplicationToPipelineButton();
                ?>
            </div>
        </div>
        <?php
    }

    private function pipelineSelect() {
        ?>
        <select id="pipeline" size="1000">

        </select>
        <?php
    }

    private function surveysSelect() {
        ?>
        <select id="surveysList" size="5" class="width100p">
            <?php
            foreach ($this->surveys as $survey) {
                ?>
                <option value="<?php echo $survey->id; ?>">
                    <?php echo $survey->title; ?>
                </option>
                <?php
            }
            ?>
        </select>
        <?php
    }

    private function applicationsSelect() {
        ?>
        <select id="applicationsList" size="5" class="width100p">
        </select>
        <?php
    }

    private function addSurveyToPipelineButton() {
        ?>
        <input type="button" id="surveyToPipeline" class="surveyButton pipelineButton leftAlign leftPadding1" value="<=====" onclick="addSurvey()"/>
        <?php
    }

    private function addApplicationToPipelineButton() {
        ?>
        <input type="button" class="surveyButton pipelineButton leftAlign leftPadding1" value="<=====" />
        <?php
    }

    private function addDashboardToPipelineButton() {
        ?>
        <input type="button" class="surveyButton nextLine pipelineButton leftAlign leftPadding1" value="+ Dashboard" onclick="addDashboard()"/>
        <?php
    }

    private function makeSessionButton() {
        ?>
        <input type="submit" id="makeSessionButton" class="topRight surveyButton" value="Make session" />
        <?php
    }

}
?>