Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 18.8 KB
Newer Older
Marc Duez's avatar
First public release of the Vidjil browser    
Marc Duez committed
1
2
3 
<!doctype html>

<!--
Mathieu Giraud's avatar
vidjil: vanity, bump year to 2017, welcome Aurélien in team    
Mathieu Giraud committed
4
5
6 
  This file is part of Vidjil <http://www.vidjil.org>, High-throughput Analysis of V(D)J Immune Repertoire
  Copyright (C) 2011-2017 by Bonsai bioinformatics
  at CRIStAL (UMR CNRS 9189, Université Lille) and Inria Lille
Marc Duez's avatar
First public release of the Vidjil browser    
Marc Duez committed
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 

  "Vidjil" is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  "Vidjil" is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with "Vidjil". If not, see <http://www.gnu.org/licenses/>
-->

<html>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
23
24
25 
    <head>
        <meta charset="utf-8">
        <title>Vidjil</title>
Marc Duez's avatar
browser : replace font    
Marc Duez committed
26
Mathieu Giraud's avatar
index.html: simple favicon    
Mathieu Giraud committed
27
28 
        <link rel="shortcut icon" href="./images/favicon-v.ico" type="image/x-icon">
        <link rel="icon" href="./images/favicon-v.ico" type="image/x-icon">
Marc Duez's avatar
browser : replace font    
Marc Duez committed
29
30 
        <link rel="stylesheet" type="text/css" href="css/fonts/ubuntu/stylesheet.css" /> 
        <link rel="stylesheet" type="text/css" href="css/fonts/ubuntu-mono/stylesheet.css" />
Mathieu Giraud's avatar
index.html: use font downloaded by 'make retrieve'    
Mathieu Giraud committed
31 
        <link rel="stylesheet" type="text/css" href="css/icons/fontello/css/fontello.css" />
Mathieu Giraud's avatar
icons/config.json, index.html: icon-spin4, with animation    
Mathieu Giraud committed
32 
        <link rel="stylesheet" type="text/css" href="css/icons/fontello/css/animation.css" />
Francois Dubiez's avatar
load stylesheet for segmenter highlight    
Francois Dubiez committed
33
34 
        <link id="palette" rel="stylesheet" type="text/css" href="css/light.css" />
        <link id="seg_highlight" rel="stylesheet" type="text/css" href="css/segmenter_highlight.css" />
Marc Duez's avatar
index.html: rewrite header > use requirejs    
Marc Duez committed
35
36
37 

        <script data-main="js/app.js" src="js/lib/require.js"></script>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
38
39
40 
    </head>
Marc Duez's avatar
interface : browser detection    
Marc Duez committed
41 
    <body>
Mathieu Giraud's avatar
index.html: message when Javascript is disabled    
Mathieu Giraud committed
42
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
43
44
45
46
47 
        <div id="file_menu" >
            <span class="closeButton" onclick="cancel();">X</span>

            <h2>Vidjil <span class='logo'>(beta)</span> &ndash; V(D)J repertoire browsing and analysis</h2>
Mathieu Giraud's avatar
html, js: references to '.vidjil' instead of '.data'    
Mathieu Giraud committed
48 
            Data file (.vidjil):<br/>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
49 
            <input id="upload_json" type="file" name="json" /></br>
Mathieu Giraud's avatar
html, js: references to '.vidjil' instead of '.data'    
Mathieu Giraud committed
50 
            <p class='help'>The .vidjil file stores a set of clones on several points.</p>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
51
52
53 

            Analysis file (.analysis, optional):<br/>
            <input id="upload_pref" type="file" name="pref" /></br>
Mathieu Giraud's avatar
html, js: references to '.vidjil' instead of '.data'    
Mathieu Giraud committed
54 
            <p class='help'>The .analysis file stores all parameters set by the user (tags, colors, manual clusters).</p>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
55
56 

            <button onclick="document.getElementById('file_menu').style.display='none';
Marc Duez's avatar
interface : vertical-separator    
Marc Duez committed
57 
            m.load('upload_json','upload_pref', 200)">start</button>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
58
59 
        </div>
Mikaël Salson's avatar
browser: Name conflict for id analysis_menu → changed to axis_choice    
Mikaël Salson committed
60 
        <div id="axis_choice" >
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
61
62
63 
            <span class="closeButton" onclick="cancel();">X</span>
            <h2>analysis menu</h2>
Mathieu Giraud's avatar
html, js: references to '.vidjil' instead of '.data'    
Mathieu Giraud committed
64 
            Analysis file:<br/>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
65
66 
            <input id="upload_analysis" type="file" name="analysis" /></br></br>
Mikaël Salson's avatar
browser: Name conflict for id analysis_menu → changed to axis_choice    
Mikaël Salson committed
67 
            <button onclick="document.getElementById('axis_choice').style.display='none';
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
68
69 
                                    m.loadAnalysis('upload_analysis');">start</button> 
        </div>
Marc Duez's avatar
less : upgrade css container    
Marc Duez committed
70
HERBERT Ryan's avatar
css browser/index.html Uploads always visible    
HERBERT Ryan committed
71
72
73
74
75
76
77 
        <div id="upload_summary" style="" class="menu" onmouseover="showSelector('upload_summary_selector');" onmouseout="hideSelector();">
            <span id="upload_summary_label">upload</span>
            <div id="upload_summary_selector" class="selector"><div>

            </div></div>
        </div>
Armand Bour's avatar
Add popup and menu item    
Armand Bour committed
78
79 
        <div id="add_clone_menu">
            <span class="closeButton" onclick="cancel();">X</span>
Mathieu Giraud's avatar
index.html, js/model.js: 'add clones from sequences', light rewording, devel-mode    
Mathieu Giraud committed
80 
            <h2>Add clones from sequences</h2>
Armand Bour's avatar
Add popup and menu item    
Armand Bour committed
81
Mathieu Giraud's avatar
index.html, js/model.js: 'add clones from sequences', light rewording, devel-mode    
Mathieu Giraud committed
82 
            <textarea id="addclone_input" placeholder="Sequence(s) (Fasta)"></textarea>
Armand Bour's avatar
Add popup and menu item    
Armand Bour committed
83
84
85
86
87 

            <button onclick="document.getElementById('add_clone_menu').style.display = 'none';
                m.addManualClones('addclone_input');">Add</button>
        </div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
88 
        <!-- TOP-CONTAINER -->
HERBERT Ryan's avatar
css browser/index.html Uploads always visible    
HERBERT Ryan committed
89 
        <div id="top-container" onmouseout="hideSelector()">
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
90
91
92
93
94
95
96 
            <div id="menu-container">
                <div class="menu" id="top_info">
                    <!--Div is filled programmatically -->
                </div>
                <div class="menu" id="db_menu" onmouseover="showSelector('dbSelector');" style="display : none">patients
                    <div id="dbSelector" class="selector"><div>
                        <div class="menu_box">
Ryan Herbert's avatar
browser/index.html fix wrong db.call    
Ryan Herbert committed
97 
                            <a class="buttonSelector" onclick="javascript:db.call('sample_set/all', {'type': 'patient', 'page': 0})">open patient list</a>
Marc Duez's avatar
main.js : separate db_menu from file_menu    
Marc Duez committed
98 
                        </div>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
99
100
101
102
103
104 
                        <div class="menu_box">
                            <div id="last_loaded_file">
                            </div>
                        </div>
                    </div></div>
                </div>
Marc Duez's avatar
main.js : separate db_menu from file_menu    
Marc Duez committed
105
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
106
107
108
109
110 
                <div class="menu" id="static_file_menu" onmouseover="showSelector('fileSelector');" style="display : none">file
                  <div id="fileSelector" class="selector"><div>
                        <div class="menu_box">
                            <div id="upload_list">
                            </div>
Mathieu Giraud's avatar
index.html, main.js, conf.js.sample: 'demo' -> 'file_menu', separate menu    
Mathieu Giraud committed
111 
                        </div>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
112
113
114
115
116
117 
                  </div></div>
                </div>
 
                <div class="menu" id="demo_file_menu" onmouseover="showSelector('demoSelector');">import/export
                    <div id="demoSelector" class="selector"><div>
                        <div class="menu_box">
Mikaël Salson's avatar
index.html: remove double id    
Mikaël Salson committed
118
119 
                            <a id="import_data_anchor" class="buttonSelector" onclick="javascript:loadData()">import data (.vidjil)</a>
                            <a id="import_data_analysis" class="buttonSelector" onclick="javascript:loadAnalysis()">import analysis</a>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
120 
                        </div>
Mathieu Giraud's avatar
index.html, js/model.js: 'add clones from sequences', light rewording, devel-mode    
Mathieu Giraud committed
121
122
123 
                        <div class="menu_box devel-mode">
                            <a class="buttonSelector" id ="add_clones" onclick="javascript:showAddManualCloneMenu()">add clones from sequences</a>
                        </div>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
124
125
126
127
128
129
130
131 
                        <!--<a class="buttonSelector" onclick="javascript:m.resetAnalysis()">reset analysis</a> -->
                        <!--<a class="buttonSelector" onclick="javascript:reset()">reset all</a> -->
                        <div class="menu_box">
                          <a class="buttonSelector" id="export_sample_report" onclick="javascript:report.reportHTMLdiag()">export report (sample)</a>
                          <a class="buttonSelector" id="export_monitor_report" onclick="javascript:report.reportHTML()">export report (monitor)</a>
                        </div>
                        <div class="menu_box">
                            <a class="buttonSelector" id="export_analysis" onclick="javascript:m.saveAnalysis()">export analysis</a>
marc's avatar
css: add svg.css style sheet for svg export features    
marc committed
132
133 
                            <a class="buttonSelector" id="export_svg1" onclick="javascript:graph.resize(1400,800);m.exportSVG('visu2_svg')">export SVG graph</a>
                            <a class="buttonSelector" id="export_svg2" onclick="javascript:sp.resize(1400,800);sp.fastForward();m.exportSVG('visu_svg')">export SVG plot</a>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155 
                            <a class="buttonSelector" id="export_csv" onclick="javascript:m.exportCSV()">export csv (visible clones)</a>
                            <a class="buttonSelector" id="export_fasta" onclick="javascript:m.exportFasta()">export fasta (selected clones)</a>
                        </div>
                    </div></div>
                </div>

                <div class="menu" id="cluster_menu" onmouseover="showSelector('clusterSelector');" > cluster
                    <div id="clusterSelector" class="selector"><div>
                        <a class="buttonSelector" onclick="m.restoreClusters();">clones merged by user</a>
                        <a class="buttonSelector" onclick="m.resetClusters();">reset all user clones</a>
                        <a class="buttonSelector" onclick="m.clusterBy(function(id){return m.clone(id).getGene(5)});">cluster by V/5' </a>
                        <a class="buttonSelector" onclick="m.clusterBy(function(id){return m.clone(id).getGene(3)});">cluster by J/3' </a>
                        <a class="buttonSelector" onclick="m.clusterBy(function(id){return m.clone(id).germline});">cluster by locus </a>
                        <a class="buttonSelector devel-mode" onclick="m.similarity_builder.DBscan(95,0.001);">cluster by DBscan (experimental) </a>
                        <a class="buttonSelector" onclick="m.similarity_builder.cluster_me(95,0.1);">cluster by similarity </a>
                        <div id="clusterby_button"> </div>
                    </div></div>
                </div>

                <div class="menu" id="color_menu" onmouseover="showSelector('colorSelector');" > color by
                    <div class="div-menu-selector"><select class="menu-selector" onchange="m.changeColorMethod(this.value)">
                        <option value="Tag">tag</option>
Mathieu Giraud's avatar
index.html, js/clone.js: color by clone    
Mathieu Giraud committed
156 
                        <option value="clone">clone</option>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178 
                        <option value="V">V/5'</option>
                        <option value="J">J/3'</option>
                        <option value="N">N</option>
                        <option value="system" id="color_system_button">locus/germline</option>
                        <option value="abundance">abundance</option>
                        <option value="productive">productivity</option>
                    </select></div>
                </div>

                <div class="menu" id="filter_menu" onmouseenter="builder.build_displaySelector();" onmouseover="showSelector('filterSelector');" > filter
                    <div id="filterSelector" class="selector"><div>
                        <div class="menu_box">
                            <span id="top_label"></span></br>
                            <input id="top_slider" type="range" min="5" max="100" step="5" value="10" onchange="m.displayTop(this.value)" />
                        </div>
                        <div class="menu_box">
                            tag visibility</br>
                            <ul id="tagList">
                            </ul>
                        </div>
                    </div></div>
                </div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
179
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
180
181
182
183
184
185
186 
                <div class="menu" id="settings_menu" onmouseenter="builder.build_settings();" onmouseover=" showSelector('settingsSelector');" > settings
                    <div id="settingsSelector" class="selector"><div>
                        <div class="menu_box">
                            normalization</br>
                            <form name="normalize_list" id="normalize_list">
                            </form>
                        </div>
Mathieu Giraud's avatar
index.html/menu: 'cluster' right after file    
Mathieu Giraud committed
187
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
188
189 
                        <div class="menu_box">
                            normalization method</br>
RyanHerb's avatar
browser/index.html settings menu labels    
RyanHerb committed
190
191 
                            <div class="buttonSelector" onclick="m.changeNormMethod('constant')" ><input id="menuNormMethConstant" type="radio" name="normalize_method" value="constant" checked /><label for="menuNormMethConstant">constant</label></div>
                            <div class="buttonSelector" onclick="m.changeNormMethod('to-100')" ><input id="menuNormMethPercent" type="radio" name="normalize_method" value="to-100" /><label for="menuNormMethPercent">to 100%</label></div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
192
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
193 
                        </div>
Marc Duez's avatar
builder.js : remove normalization menu and add normalization/notation checkbox...    
Marc Duez committed
194
Marc Duez's avatar
builder.js : germline selector in display menu    
Marc Duez committed
195 
                        <div class="menu_box">
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
196 
                            size display</br>
RyanHerb's avatar
browser/index.html settings menu labels    
RyanHerb committed
197
198 
                            <div class="buttonSelector" onclick="m.changeNotation('scientific', true)"><input id="menuNotationScientific" type="radio" name="notation" value="scientific" /><label for="menuNotationScientific">scientific notation</label></div>
                            <div class="buttonSelector" onclick="m.changeNotation('percent', true)"><input id="menuNotationPercent" type="radio" name="notation" value="percent" checked /><label for="menuNotationPercent">percent</label></div>
Marc Duez's avatar
builder.js : germline selector in display menu    
Marc Duez committed
199 
                        </div>
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
200
201 

                        <div class="menu_box">
Mathieu Giraud's avatar
index.html: rewording of some items in the 'settings' menu    
Mathieu Giraud committed
202 
                            sample key</br>
RyanHerb's avatar
browser/index.html settings menu labels    
RyanHerb committed
203
204
205
206 
                            <div class="buttonSelector" onclick="m.changeTimeFormat('name', true)"><input id="menuTimeFormName" type="radio" name="time" value="name" checked /><label for="menuTimeFormName">name</label></div>
                            <div class="buttonSelector" onclick="m.changeTimeFormat('short_name', true)"><input id="menuTimeFormShort" type="radio" name="time" value="short_name" checked /><label for="menuTimeFormShort">name (short)</label></div>
                            <div class="buttonSelector" onclick="m.changeTimeFormat('sampling_date', true)"><input id="menuTimeFormSample" type="radio" name="time" value="sampling_date" /><label for="menuTimeFormSample">sampling date</label></div>
                            <div class="buttonSelector" onclick="m.changeTimeFormat('delta_date', true)"><input id="menuTimeFormSamplePlus" type="radio" name="time" value="delta_date" /><label for="menuTimeFormSamplePlus">day after first sample</label></div>
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
207 
                        </div>
Aurélien Béliard's avatar
index.html, js/model.js: allow the user to change .cloneNotationType    
Aurélien Béliard committed
208 
                        <div class="menu_box">
Mathieu Giraud's avatar
index.html: rewording of some items in the 'settings' menu    
Mathieu Giraud committed
209 
                             N regions in clone names</br>
RyanHerb's avatar
browser/index.html settings menu labels    
RyanHerb committed
210
211
212 
                             <div class="buttonSelector" onclick="m.changeCloneNotation('nucleotide_number', true)"><input id="menuCloneNotNucNum" type="radio" name="show_name" value="nucleotide_number" /><label for="menuCloneNotNucNum">length</label></div>
                             <div class="buttonSelector" onclick="m.changeCloneNotation('short_sequence', true)"><input id="menuCloneNotSeqShort" type="radio" name="show_name" value="short_sequence" checked /><label for="menuCloneNotSeqShort">sequence (when short)</label></div>
                             <div class="buttonSelector" onclick="m.changeCloneNotation('full_sequence', true)"><input id="menuCloneNotSeq" type="radio" name="show_name" value="full_sequence" /><label for="menuCloneNotSeq">sequence (always)</label></div>
Aurélien Béliard's avatar
index.html, js/model.js: allow the user to change .cloneNotationType    
Aurélien Béliard committed
213 
                        </div>
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
214
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
215
216
217
218
219
220 
                        <!--
                        <div class="submenu" id="system_menu" style="display:none">
                            <div class="menu_box">
                                selected locus/germline (for the grid)</br>
                                <ul id="germline_list">
                                </ul>
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
221
222 
                            </div>
                        </div>
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
223 
                        -->
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
224
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246 
                        <!--menu graph/dbscan -->
                        <div class="submenu" style="display:none">

                            <div class="menu_box">
                                <div id="DBSCANEpsSlider">
                                <input id="changeEps" type="range" min="0" max="40" step="1" value="0" onchange="m.changeEps(this.value)" />
                                </div>
                            </div>


                            <div class="menu_box">
                                <div id="DBSCANNbrSlider">
                                <input id="changeNbr" type="range" min="0" max="100" step="1" value="0" onchange="m.changeNbr(this.value)" />
                                </div>
                            </div>


                            <div class="menu_box">
                                <div id="EditDistanceSlider">
                                </br>
                                <input id="displayMax_slider" type="range" min="1" max="20" step="1" value="10" onchange="sp.displayDistanceMax(this.value)" style="display:none"/>
                                </div>
Marc Duez's avatar
browser : merge antonin/dbscan/graph    
Marc Duez committed
247
248 
                            </div>
                        </div>
Marc Duez's avatar
index.html : change menu oragnization    
Marc Duez committed
249
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
250
251 
                    </div></div>
                </div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
252
HERBERT Ryan's avatar
added notification integration into user interface    
HERBERT Ryan committed
253
HERBERT Ryan's avatar
css disable browser menu on server page fix    
HERBERT Ryan committed
254
255
256
257
258
259
260 
                <div id="debug_menu" class="menu" onmouseover="showSelector('adminSelector');" style="display : none"> development
                    <div id="adminSelector" class="selector"><div>
                        <input type="checkbox" onclick=" this.checked ? $('#fps').css('display', '') : $('#fps').css('display', 'none');">display fps</input></br>
                        <input type="checkbox" onclick=" this.checked ? console.openLog() : console.closeLog() ;">log</input>
                        <div class="buttonSelector" onclick="m.changeTimeFormat('delta_date_no_zero', true)"><input type="radio" name="time" value="delta_date_no_zero">day after first sample (no zero)</input></div>
                    </div></div>
                </div>
Marc Duez's avatar
browser : admin menu ( need debug_mode : true )    
Marc Duez committed
261
262 
            </div>
Marc Duez's avatar
com.js : rework myConsole > console ( override default javascript console)    
Marc Duez committed
263 
            <div id="logo" style="float: right;" onclick="console.log({'type': 'popup', 'default':'welcome'})">Vidjil <span class='logo'>(beta)</span></div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
264
Tatiana Rocher's avatar
help : send mail to team    
Tatiana Rocher committed
265
266 
            <div class="menu" style="float: right" onmouseover="showSelector('helpSelector');"> help
                <div id="helpSelector" class="selector"><div>
Mathieu Giraud's avatar
index.html, js/export.js: clean, rephrase mail content    
Mathieu Giraud committed
267 
                    <a class="buttonSelector getHelp" onclick="report.sendMail()">get support</a>
Mathieu Giraud's avatar
browser/index.html: fix link to user manual    
Mathieu Giraud committed
268 
                    <a class="buttonSelector" href="http://www.vidjil.org/doc/user.html" target="_blank">manual</a>
Mathieu Giraud's avatar
browser/index.html: reorganize help menu, manual and tutorial    
Mathieu Giraud committed
269 
                    <a class="buttonSelector" href="http://www.vidjil.org/doc/tutorial/mastering-vidjil.html" target="_blank">tutorial</a>
Tatiana Rocher's avatar
help : send mail to team    
Tatiana Rocher committed
270
271 
                </div></div>
                </div>
Mathieu Giraud's avatar
index.html + css: link to help    
Mathieu Giraud committed
272
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
273 
            <div style="float: right" class="menu" onmouseover="showSelector('paletteSelector');"> palette
Marc Duez's avatar
model.js: update drop-down menu ( check height everytime, so we can add...    
Marc Duez committed
274 
                <div id="paletteSelector" class="selector"><div>
Marc Duez's avatar
browser: rework tag color / solarize color    
Marc Duez committed
275 
                    <a class="buttonSelector" onclick="changeStyle('solarizeL')">light</a>
Mathieu Giraud's avatar
index.html, js/menu.js: presentation mode    
Mathieu Giraud committed
276
277 
                    <a class="buttonSelector" onclick="changeStyle('display')">light (presentation)</a>
                    <a class="buttonSelector" onclick="changeStyle('solarizeD')">dark</a>
Marc Duez's avatar
model.js: update drop-down menu ( check height everytime, so we can add...    
Marc Duez committed
278 
                </div></div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
279 
            </div>
RyanHerb's avatar
index.html, main.js start up indicator    
RyanHerb committed
280
281
282
283
284 
            <div style="float: right; margin: 5px;" id='live-ajax'>
                <div class="active-container">
                    <img src="images/ajax-loader.gif" />
                </div>
            </div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
285
Marc Duez's avatar
main.js : fps display only with config debug_mode = true    
Marc Duez committed
286 
            <div id="fps" style="float: right; display: none"> </div>
HERBERT Ryan's avatar
css/* index.html centered header notifications for clarity    
HERBERT Ryan committed
287 
            <div id="header_messages" class="message_container header"></div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
288
Mathieu Giraud's avatar
index.html: maintenance message    
Mathieu Giraud committed
289
290
291
292
293 
<!--
	    <div class="menu" style="float: right; margin-right:100px"><span style="padding: 4px 5px; background-color: #fef6e3; font-family: ubuntulight;">
		<b>Maintenance:</b> Vidjil will be offline Tuesday 7, 11:00 → 13:00 CEST. Thank you for your understanding.
	    </span></div>
-->
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
294 
        </div>
Marc Duez's avatar
less : upgrade css container    
Marc Duez committed
295 
        <!-- fin top-container-->
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
296
297
298 
        
        <!-- MID-CONTAINER -->
        <div id="mid-container" onmouseover="hideSelector()">
Marc Duez's avatar
list.js : build_list() function    
Marc Duez committed
299
Marc Duez's avatar
browser move data-box from index.html to com.js/list.js    
Marc Duez committed
300 
            <!-- LEFT-CONTAINER -->
Marc Duez's avatar
interface : better css for container    
Marc Duez committed
301 
            <div id="left-container">
Marc Duez's avatar
list.js : change list css (add data list)    
Marc Duez committed
302
303
304 
                <div id="info-row"><div id="info"> </div></div>
                <div id="list-row"><div id="list"> </div></div>
                <div id="data-row"><div id="data"> </div></div>
Marc Duez's avatar
interface : better css for container    
Marc Duez committed
305 
            </div>
Marc Duez's avatar
browser move data-box from index.html to com.js/list.js    
Marc Duez committed
306 
            <!-- fin left-container -->
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
307
Marc Duez's avatar
list.js : change list css (add data list)    
Marc Duez committed
308 
            <div id="vertical-separator"></div>
Marc Duez's avatar
interface : vertical-separator    
Marc Duez committed
309
Marc Duez's avatar
browser move data-box from index.html to com.js/list.js    
Marc Duez committed
310 
            <!-- RIGHT-CONTAINER -->
Marc Duez's avatar
index.html : cleaning    
Marc Duez committed
311 
            <div id="right-container"></div>
Marc Duez's avatar
interface : better css for container    
Marc Duez committed
312
Marc Duez's avatar
browser move data-box from index.html to com.js/list.js    
Marc Duez committed
313 
            <!-- VISU-CONTAINER  -->
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
314 
            <div id="visu-container">
Marc Duez's avatar
interface : vertical-separator    
Marc Duez committed
315
316
317 
                <div id="visu2"></div>
                <div id="visu-separator" >...</div>
                <div id="visu" onclick=""></div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
318
319
320
321
322
323 
            </div>

        </div>
        <!-- fin mid-container -->

        <!-- BOT-CONTAINER / SEGMENTER-CONTAINER -->
Marc Duez's avatar
index.html : cleaning    
Marc Duez committed
324 
        <div id="bot-container"> </div>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
325
Mathieu Giraud's avatar
crossdomain.js, index.html: revert "remove use of "form" from index.html and...    
Mathieu Giraud committed
326 
        <form id="form"></form>
Marc Duez's avatar
com.js : rework myConsole > console ( override default javascript console)    
Marc Duez committed
327
Marc Duez's avatar
com.js : auto-build flash/log/popup container    
Marc Duez committed
328 
    </body>
Marc Duez's avatar
interface : cleaning + reindent index.html    
Marc Duez committed
329
HERBERT Ryan's avatar
css/* index.html centered header notifications for clarity    
HERBERT Ryan committed
330 
</html>