Ignore:
Timestamp:
Sep 5, 2011, 5:44:05 PM (11 years ago)
Author:
tjeerd@…
Message:

First commit at interface visualization screen

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/grails-app/views/visualize/index.gsp

    r1991 r1996  
    3232<body>
    3333       
    34         <h1>Visualize your study</h1>
    35        
    36         <g:if test="${flash.error}">
    37                 <div class="errormessage">
    38                         ${flash.error.toString().encodeAsHTML()}
    39                 </div>
    40         </g:if>
    41         <g:if test="${flash.message}">
    42                 <div class="message">
    43                         ${flash.message.toString().encodeAsHTML()}
    44                 </div>
    45         </g:if>
    46        
    47         <div id="ajaxError">
    48         </div> 
    49        
    50         <p class="explanation">
    51                 Choose a study to visualize
    52         </p>
     34    <div id="data">
     35        <div id="menu_container">
     36            <form id="visualizationForm">
     37                <div class="menu_spacer"> </div>
     38                <div class="menu_item menu_item_fill" id="menu_study">
     39                    <div class="menu_item_label">Studies <img src="./images/spinner.gif" class="spinner" /></div>
     40                    <div class="menu_item_info"></div>
     41                    <div class="formulier"><label for="study">Study</label><g:select from="${studies}" optionKey="id" optionValue="title" name="study" onChange="changeStudy();" noSelection="${['':'[SELECT OPTION]']}"/></div>
     42                </div>
     43                <div class="menu_arrow"> </div>
     44                <div class="menu_item" id="menu_row">
     45                    <div class="menu_item_label">Rows <img src="./images/spinner.gif" class="spinner" /></div>
     46                    <div class="menu_item_info"></div>
     47                    <div class="formulier"><label for="rows">Rows</label> <select id="rows" name="rows" onChange="changeFields('menu_row');"></select></div>
     48                </div>
     49                <div class="menu_item" id="menu_column">
     50                    <div class="menu_item_label">Columns <img src="./images/spinner.gif" class="spinner" /></div>
     51                    <div class="menu_item_info"></div>
     52                    <div class="formulier"><label for="columns">Columns</label> <select id="columns" name="columns" onChange="changeFields('menu_column');"></select></div>
     53                </div>
     54                <div class="menu_arrow"> </div>
     55                <div class="menu_item" id="menu_vis">
     56                    <div class="menu_item_label">Type <img src="./images/spinner.gif" class="spinner" /></div>
     57                    <div class="menu_item_info"></div>
     58                    <div class="formulier"><label for="types">Type</label><select id="types" name="types" onChange="changeVis();"></select></div>
     59                </div>
     60                <div class="menu_arrow"> </div>
     61                <div class="menu_item" id="menu_go">
     62                    <input type="button" value="Visualize" onClick="visualize();"/><br /><input type="checkbox" name="autovis" id="autovis" CHECKED/><span style="font-size: small;">auto</span></div>
     63                <div class="menu_spacer"> </div>
     64            </form>
     65        </div>
    5366
    54         <form id="visualizationForm">
    55                 <h3><span class="nummer">1</span>Studies</h3>
    56                 <p>
    57                         <label>Study</label><g:select from="${studies}" optionKey="id" optionValue="title" name="study" onChange="changeStudy();"/>
    58                 </p>
    59                
    60                 <div id="step2">
    61                         <h3><span class="nummer">2</span>Variables</h3>
    62                         <p>
    63                                 <label for="rows">Rows</label> <select id="rows" name="rows" onChange="changeFields();"></select><br />
    64                                 <label for="columns">Columns</label> <select id="columns" name="columns" onChange="changeFields();"></select>
    65                         </p>
    66                 </div>
    67        
    68                 <div id="step3">
    69                         <h3><span class="nummer">3</span>Visualization type</h3>
    70                         <p>
    71                                 <label for"types">Type</label><select id="types" name="types"></select>
    72                         </p>
    73                         <p>
    74                                 <label> </label><input type="button" value="Visualize" onClick="visualize();"/>
    75                         </p>
    76                 </div>
    77         </form>
    78        
    79         <div id="visualization">
    80         </div>
     67        <div id="visualization_container">
     68
     69            <h1>Visualize your study</h1>
     70
     71            <div id="messages">
     72                <g:if test="${flash.error}">
     73                    <div class="errormessage">
     74                        ${flash.error.toString().encodeAsHTML()}
     75                    </div>
     76                </g:if>
     77                <g:if test="${flash.message}">
     78                    <div class="message">
     79                        ${flash.message.toString().encodeAsHTML()}
     80                    </div>
     81                </g:if>
     82
     83                <div id="ajaxError">
     84                </div>
     85            </div>
     86
     87            <div id="visualization">
     88            </div>
     89        </div>
     90    </div>
    8191</body>
    8292</html>
Note: See TracChangeset for help on using the changeset viewer.