Changeset 177 for Dev/trunk


Ignore:
Timestamp:
12/06/11 18:12:27 (13 years ago)
Author:
fpvanagthoven
Message:
  • Boel dingen gesloopt, maar wel allemaal terug te draaien.
  • Nieuwe stylesheet begonnen (visualeditors.css), die de meuk uit de andere stylesheets een beetje uitdunt. Bedoeling is dat deze stylesheet generiek genoeg is om voor alle verdere en huidige pagina's te werken.
  • Layout van surveyEditor gemaakt, is nog lang niet klaar, maar het format van de editor en de questions daarin is duidelijk. Vrijdag bevestigen tijdens geprek Julia of dit inderdaad een handig format is.
  • resetstyle.css toegevoegd aan de StyleSheet?.php class, deze zorgt voor meer browser cross-compatibility door de styling van elementen 'op nul te zetten'.
  • Toolbox.php en pipelineSequencer_1.php zijn nu aangepast aan de nieuwe stylesheet. Deze worden later weer hernoemd naar de goede naam.
Location:
Dev/trunk
Files:
4 added
5 edited

Legend:

Unmodified
Added
Removed

  • Dev/trunk/classes/StyleSheet.php

    r142 r177  
    2020        $this->path = "css/" . $styleName . ".css";
    2121
     22        echo '<link rel="Stylesheet" type="text/css" href="css/resetstyle.css" />';
    2223        echo '<link rel="Stylesheet" type="text/css" href="' . $this->path . '"/>';
     24       
    2325        echo "\n";
    2426    }

  • Dev/trunk/classes/Toolbox.php

    r168 r177  
    1616
    1717        <br />
     18       
     19        <div id="toolbox" class="largeFrame">
     20            <div class="largeTitle">Toolbox</div>
     21            <div class="content">
     22                <p style="float: left; clear:both; margin-bottom: 1em;">Add new:</p>
     23                <div class="bigButton vert" onClick="SubmitToolbox('Survey');"><img src="images/icons/survey.png" class="buttonIcon" /><p>Survey</p></div>
     24                <div class="bigButton vert" onClick="SubmitToolbox('Application');"><img src="images/icons/application.png" class="buttonIcon" /><p>Application</p></div>
     25                <div class="bigButton vert" onClick="SubmitToolbox('Dashboard');"><img src="images/icons/dashboard.png" class="buttonIcon" /><p>Dashboard</p></div>
     26            </div>
     27        </div>
     28       
     29       
     30        <!--
    1831        <form name="toolbox" action="pipelineEditor.php" method="POST">
    1932            <fieldset id="toolbox">
    … …  
    2538            </fieldset>
    2639        </form>
     40       
     41        -->
    2742        <?php
    2843    }

  • Dev/trunk/css/awesome.css

    r176 r177  
    3131    color: #333;
    3232}
    33 /*
    34 label {
    35     font-size: small;
    36     font-weight: bold;
    37     color: #333;
    38     text-shadow: #fff 0px 0px 1px;
    39 }
    40 */
     33
    4134legend {
    4235    padding-left: 0em;
    … …  
    895888    clear: left;
    896889}
     890
     891#surveyEditor {
     892   
     893    margin: 0 auto 0 auto;
     894   
     895    /*background-image: url('../images/bg/sequencerBG.png');*/
     896    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     897    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     898    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     899    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     900    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     901
     902    background-image: -webkit-gradient(
     903        linear,
     904        left top,
     905        left bottom,
     906        color-stop(0.21, #B0B0B0),
     907        color-stop(0.8, #888888)
     908        );
     909    background-position: bottom;
     910    background-repeat: repeat-x;
     911    float: left;
     912   
     913    background-color: #aeb2b3;
     914    border: 1px solid #fff;
     915    -moz-border-radius: 1em;
     916    border-radius: 1em;
     917    margin-bottom: 2em;
     918    padding: 0 1em 1em 1em;
     919    -moz-box-shadow: 2px 2px 1px #888;
     920    -webkit-box-shadow: 2px 2px 1px #888;
     921    box-shadow: 2px 2px 1px #888;
     922}
     923
     924#surveyEditorContent {
     925    overflow-x: hidden;
     926
     927    margin-bottom: 0.5em;
     928
     929    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     930    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     931    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     932    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     933    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     934    background-image: -webkit-gradient(
     935        linear,
     936        left bottom,
     937        left top,
     938        color-stop(0.25, #B0B0B0),
     939        color-stop(0.8, #888888)
     940        );
     941
     942    border: 1px solid #ddd;
     943    -moz-border-radius: 0.5em;
     944    border-radius: 0.5em;
     945    padding: 1em;
     946    float: left;
     947}
     948
     949.questionDisplay {
     950    width: 60em;
     951    border: 1px solid #FFF;
     952    display: block;
     953    margin: 0;
     954    padding: 0;
     955    float: left;
     956    background-color: #5c5c5c;
     957    -moz-box-shadow: 2px 2px 1px #888;
     958    -webkit-box-shadow: 2px 2px 1px #888;
     959    box-shadow: 2px 2px 1px #888;
     960}
     961
     962.questionDisplayContent {
     963    margin: 0;
     964    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     965    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     966    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     967    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     968    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     969    background-image: -webkit-gradient(
     970        linear,
     971        left top,
     972        left bottom,
     973        color-stop(0.25, #B0B0B0),
     974        color-stop(0.8, #888888)
     975        );
     976    padding: 0.5em;
     977}
     978
     979.questionDisplayControls {
     980    text-align: right;
     981}
     982
     983p.questionBody {
     984    border: 1px solid #cccccc;
     985    background-color: #c5c5c5;
     986}
     987
     988#surveyEditorControls {
     989    text-align: right;
     990}

  • Dev/trunk/js/questionEditorScripts.js

    r176 r177  
    192192    debugger;
    193193    hiddenDiv.innerHTML = "";
    194     var userText = textArea.firstChild.valueOf().value;
     194    var userText = textArea.firstChild;
    195195    alert(userText);
    196196}

  • Dev/trunk/pipelineEditor.php

    r167 r177  
    66}
    77
    8 $sequencer = new PipelineSequencer();
     8$sequencer = new PipelineSequencer_1();
    99$sequencer->LoadSession($_SESSION['currentSession']); //load session into php part of the sequencer
    1010$sequencer->HandlePostData();
    … …  
    2121        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    2222        <title></title>
    23         <?php new StyleSheet("awesome");
     23        <?php new StyleSheet("visualeditors");
    2424        $sequencer->Javascript();
    2525        ?>
Note: See TracChangeset for help on using the changeset viewer.