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

<?php

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

    private $session;
    private $surveys;
    private $applications;

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

        $this->init();

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

        <div class="creation">
            <form id="sessionCreationForm" action="" onsubmit="submitPipeline()" method="post">
                <?php
                $this->title();
                $this->description();
                $this->pipeline();
                $this->surveysApplications();

                $this->makeSessionButton();
                ?>
            </form>
        </div>
        <?php
        $this->populatePipeline();
    }

    private function init() {
        $this->surveys = Loader::loadSurveys();
        $this->applications = Loader::loadApplications();
    }

    private function javascript() {
        ?>
        <script type="text/javascript" src="js/creation.js"></script>
        <script type="text/javascript">
            var pipelineCount = 0;
                                                                                                                                                                                                                                                                                                                                     
            // =============================================================
                                                                                                                                                                                                                                                                                                                                                            
            function addSurvey(surveyID) {       
                var surveysList = document.getElementById("surveysList");
                            
                if(surveysList.selectedIndex != -1 || surveyID != null)
                {
                    var pipeline = document.getElementById("pipeline");
                    var entry = document.createElement("option");
                            
                    if (surveyID != null)
                    {
                        pipelineCount++;
                        entry.setAttribute("value", surveyID);
                        entry.innerHTML = pipelineCount + ". " + surveysList.options.namedItem(surveyID).innerHTML;
                    }
                    else if(surveysList.selectedIndex != -1)
                    {
                        pipelineCount++;
                        entry.setAttribute("value", surveysList.options[surveysList.selectedIndex].value);
                                                                                                                                                                                            
                        entry.innerHTML = pipelineCount + ". " + surveysList.options[surveysList.selectedIndex].innerHTML;
                                                                                                                                                                                            
                    }
                    entry.style.backgroundColor = "#0090ac";
                    entry.name = pipelineCount + "s";
                    entry.entryType = "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";
                entry.entryType = "d";
                                                                                                                                                                                                                                        
                pipeline.appendChild(entry);
            }
                                                                                    
            function removeFromPipeline() {
                var pipeline = document.getElementById("pipeline");
                if (pipeline.selectedIndex != -1)
                {
                    var index = pipeline.selectedIndex;
                    pipeline.remove(index);
                    if (pipelineCount > 1)
                    {
                        pipeline.options[index].selected = true;
                    }
                                                                           
                    for(var i = index; i < pipeline.length; i++)
                    {
                        var entry = pipeline.options[i];
                        entry.name = "" + (i+1) + entry.entryType;
                        var htmlStr = entry.innerHTML;
                        var dotIndex = htmlStr.indexOf('.');
                        entry.innerHTML = (i+1) + htmlStr.substr(dotIndex);
                    }
                    pipelineCount--;
                }
            }
                                                                                                                                                                                                                                                     
            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);
                }
                                                                                                                                                                                                                
                var count = document.createElement("input");
                count.name = "pipelineCount";
                count.value = pipelineCount;
                count.type = "hidden";
                                                                                                                                                                                                                
                form.appendChild(count);
            }
        </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 str_replace("\"", "&quot;", $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();
                $this->removeFromPipelineButton();
                ?>
            </div>
        </div>
        <?php
    }

    private function surveysApplications() {
        ?>
        <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 name="<?php echo $survey->id; ?>" value="<?php echo $survey->id; ?>">
                    <?php echo $survey->title; ?>
                </option>
                <?php
            }
            ?>
        </select>
        <?php
    }

    private function applicationsSelect() {
        ?>
        <select id="applicationsList" size="5" class="width100p">
            <?php
            foreach ($this->applications as $application) {
                ?>
                <option name="<?php echo $application->id; ?>" value="<?php echo $application->id; ?>">
                    <?php echo $application->title; ?>
                </option>
                <?php
            }
            ?>
        </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 pipelineButton leftAlign leftPadding1" value="+ Dashboard" onclick="addDashboard()"/>
        <?php
    }

    private function removeFromPipelineButton() {
        ?>
        <input type="button" class="surveyButton" value="x" onclick="removeFromPipeline()"/>
        <?php
    }

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

    private function populatePipeline() {

        if (isset($this->session)) {
            for ($i = 1; $i < $this->session->count + 1; $i++) {
                if (isset($this->session->pipeline[$i . 's'])) {
                    ?>
                    <script type="text/javascript">
                        addSurvey(<?php echo "'" . $this->session->pipeline[$i . 's'] . "'"; ?>);
                    </script>
                    <?php
                } else if (isset($this->session->pipeline[$i . 'd'])) {
                    ?>
                    <script type="text/javascript">
                        addDashboard();
                    </script>
                    <?php
                }
            }
        }
    }

}
?>