Mercurial > hg > dml-open-vis

comparison src/DML/MainVisBundle/Resources/views/Default/index.html.twig @ 0:493bcb69166c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added public content
author Daniel Wolff
date Tue, 09 Feb 2016 20:54:02 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:493bcb69166c
1 {% set embedCss = false %}
2 {% set embedJs = false %}
3 {% set lang = app.request.locale|split('_')[0] %}
4 {# {% spaceless_and_one_line %}#}
5 {% spaceless %}
6 <!doctype html>
7 <!--[if (lte IE 9) ]> <html lang="{{ lang }}" class="lteie9 nojs"> <![endif]-->
8 <!--[if (gt IE 9)|!(IE)]><!--><html lang="{{ lang }}" class="nojs"><!--<![endif]-->
9 <head>
10 <meta charset="UTF-8">
11 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> {# stuff for ie #}
12 <meta name="viewport" content="width=1230{#, initial-scale=1#}"> {# Attempt to fix page width on iphones #}
13 {% stylesheets output='all.css' filter="less,?uglifycss" combine=true
14 '@DMLVendorAssetsBundle/Resources/assets/meyerweb/reset.css'
15 '@DMLVendorAssetsBundle/Resources/assets/jquery.ui/1.11.0/jquery.ui.min.css'
16 '@DMLMainVisBundle/Resources/assets/legal.less'
17 '@DMLMainVisBundle/Resources/assets/jquery.ui.less'
18 '@DMLMainVisBundle/Resources/assets/fonts/OpenSans.less'
19 '@DMLMainVisBundle/Resources/assets/page.less'
20 '@DMLMainVisBundle/Resources/assets/bem-blocks/*.less'
21 '@DMLMainVisBundle/Resources/assets/bem-blocks/*/*.less'
22 %}
23 {% if embedCss %}
24 <style type="text/css">{{ render(asset_url) }}</style>
25 {% else %}
26 <link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
27 {% endif %}
28 {% endstylesheets %}
29 {% if (enableJasmine) %}
30 {% stylesheets output='testing.css' filter="less,uglifycss" combine=true
31 '@DMLVendorAssetsBundle/Resources/assets/jasmine/2.1.3/lib/jasmine-2.1.3/jasmine.css'
32 %}
33 {% if embedCss %}
34 <style type="text/css">{{ render(asset_url) }}</style>
35 {% else %}
36 <link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
37 {% endif %}
38 {% endstylesheets %}
39 {% endif %}
40 <title>{{ project.shortTitle }} VIS – a tool for analysing large music collections</title>
41 {# http://www.favicon-generator.org/ #}
42 <link rel="apple-touch-icon" sizes="57x57" href="./$/favicons/apple-icon-57x57.png">
43 <link rel="apple-touch-icon" sizes="60x60" href="./$/favicons/apple-icon-60x60.png">
44 <link rel="apple-touch-icon" sizes="72x72" href="./$/favicons/apple-icon-72x72.png">
45 <link rel="apple-touch-icon" sizes="76x76" href="./$/favicons/apple-icon-76x76.png">
46 <link rel="apple-touch-icon" sizes="114x114" href="./$/favicons/apple-icon-114x114.png">
47 <link rel="apple-touch-icon" sizes="120x120" href="./$/favicons/apple-icon-120x120.png">
48 <link rel="apple-touch-icon" sizes="144x144" href="./$/favicons/apple-icon-144x144.png">
49 <link rel="apple-touch-icon" sizes="152x152" href="./$/favicons/apple-icon-152x152.png">
50 <link rel="apple-touch-icon" sizes="180x180" href="./$/favicons/apple-icon-180x180.png">
51 <link rel="icon" type="image/png" sizes="192x192" href="./$/favicons/android-icon-192x192.png">
52 <link rel="icon" type="image/png" sizes="32x32" href="./$/favicons/favicon-32x32.png">
53 <link rel="icon" type="image/png" sizes="96x96" href="./$/favicons/favicon-96x96.png">
54 <link rel="icon" type="image/png" sizes="16x16" href="./$/favicons/favicon-16x16.png">
55 <link rel="manifest" href="./$/favicons/manifest.json">
56 <meta name="msapplication-TileColor" content="#ffffff">
57 <meta name="msapplication-TileImage" content="./$/favicons/ms-icon-144x144.png">
58 <meta name="theme-color" content="#ffffff">
59 <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
60 <link rel="icon" type="image/x-icon" href="./favicon.ico" sizes="16x16">
61 {# add special css classes for IE #}
62 <script type="text/javascript">document.documentElement.className = document.documentElement.className.replace("nojs", "js"); if(Function("/*@cc_on return 10===document.documentMode@*/")()){document.documentElement.className += " ie ie10";}; if(!!navigator.userAgent.match(/Trident.*rv[ :]*11\./)){document.documentElement.className += " ie ie11";}</script>
63 </head>
64
65 <body>
66 <div class="app">
67 <div class="app__main-menu main-menu">
68 <div class="main-menu__bar main-menu-bar">
69 <div class="main-menu-bar__logo">{{ project.shortTitle }} VIS</div>
70 <ul class="main-menu-bar__items main-menu-bar__items_block_help">
71 <li class="main-menu-bar__item main-menu-bar__item_action_help"><a>what is this?</a></li>
72 </ul>
73 <ul class="main-menu-bar__items main-menu-bar__items_block_undoredo">
74 <li class="main-menu-bar__item main-menu-bar__item_action_undo"><a>undo</a></li>
75 <li class="main-menu-bar__item main-menu-bar__item_action_redo"><a>redo</a></li>
76 </ul>
77 <ul class="main-menu-bar__items main-menu-bar__items_block_misc">
78 <li class="main-menu-bar__item main-menu-bar__item_action_share"><a href="#">share this state</a></li>
79 <li class="main-menu-bar__item main-menu-bar__item_action_bookmarks main-menu-bar__item_location_last"><a href="#">save or reopen a state</a></li>
80 {#<li class="main-menu-bar__item main-menu-bar__item_action_downloads main-menu-bar__item_location_last"><a href="#">data downloads</a></li>#}
81 <li class="main-menu-bar__item main-menu-bar__item_action_change-mode">
82 <a class="main-menu-bar__item-a_mode_2recordings" href="#">music recordings</a>
83 <a class="main-menu-bar__item-a_mode_2collections" href="#">music collections</a>
84 </li>
85 </ul>
86 </div>
87 </div>
88 <div class="app__main-region main-region">
89 <div class="main-region__config-grid config-grid">
90 <div class="config-grid__header"></div>
91 <div class="config-grid__panel config-grid-panel config-grid-panel_dimension_entity">
92 <div class="config-grid-panel__background"></div>
93 <div class="config-grid-panel__commands">
94 {#<div class="config-grid-panel__command-group config-grid-panel__command-group_type_previous-next">
95 <div class="config-grid-panel__command config-grid-panel__command_action_previous"><i></i></div>
96 <div class="config-grid-panel__command config-grid-panel__command_action_next"><i></i></div>
97 </div>#}
98 <div class="config-grid-panel__command-group config-grid-panel__command-group_type_clone-delete">
99 <div class="config-grid-panel__command config-grid-panel__command_action_clone"><i></i></div>
100 <div class="config-grid-panel__command config-grid-panel__command_action_delete"><i></i></div>
101 </div>
102 <div class="config-grid-panel__command-group config-grid-panel__command-group_type_discard-apply">
103 <div class="config-grid-panel__command config-grid-panel__command_action_discard"><i></i></div>
104 <div class="config-grid-panel__command config-grid-panel__command_action_apply"><i></i></div>
105 </div>
106 </div>
107 </div>
108 <div class="config-grid__panel config-grid-panel config-grid-panel_dimension_view">
109 <div class="config-grid-panel__background"></div>
110 <div class="config-grid-panel__commands">
111 {#<div class="config-grid-panel__command-group config-grid-panel__command-group_type_previous-next">
112 <div class="config-grid-panel__command config-grid-panel__command_action_previous"><i></i></div>
113 <div class="config-grid-panel__command config-grid-panel__command_action_next"><i></i></div>
114 </div>#}
115 <div class="config-grid-panel__command-group config-grid-panel__command-group_type_clone-delete">
116 <div class="config-grid-panel__command config-grid-panel__command_action_clone"><i></i></div>
117 <div class="config-grid-panel__command config-grid-panel__command_action_delete"><i></i></div>
118 </div>
119 <div class="config-grid-panel__command-group config-grid-panel__command-group_type_discard-apply">
120 <div class="config-grid-panel__command config-grid-panel__command_action_discard"><i></i></div>
121 <div class="config-grid-panel__command config-grid-panel__command_action_apply"><i></i></div>
122 </div>
123 </div>
124 </div>
125 <div class="config-grid-cells">
126 </div>
127 <div class="config-grid__utils">
128 <div class="config-grid__loader"></div>
129 <noscript class="config-grid__loading-error config-grid__loading-error_type_noscript">{{ project.shortTitle }} visualisations cannot be drawn without javascript. Please <a href="http://www.enable-javascript.com/" target="_blank">enable it</a> in the browser settings.</noscript>
130 <div class="config-grid__loading-error config-grid__loading-error_type_old-ie">The browser you are using is too old to draw interactive visualisations. Please <a href="http://windows.microsoft.com/en-gb/internet-explorer/download-ie" target="_blank">update Internet Explorer</a> or download an alternative browser <span style="white-space: nowrap;">(e.g. <a href="https://www.google.com/chrome/browser/desktop/" target="_blank">Chrome</a> or <a href="https://www.mozilla.org/en-GB/firefox/new/" target="_blank">Firefox</a>).</span></div>
131 </div>
132 </div>
133 </div>
134 <div class="app__notifications">
135 </div>
136 <div class="app__help">
137 </div>
138 <div class="collections-vis__config-panel collections-vis__config-panel_type_collections">
139 </div>
140 <div class="collections-vis__config-panel collections-vis__config-panel_type_perspectives">
141 </div>
142 </div>
143 {# emulate quicker load on first launch #}
144 <script type="text/javascript">if (localStorage && !localStorage.getItem("dml..latest-visit") && document.getElementsByClassName) {document.getElementsByClassName("config-grid")[0].className += " config-grid_type_collection";}</script>
145 {% if (enableJasmine) %}<div class="jasmine"></div>{% endif %}
146 {# <noscript class="p-gageovis__bad-browser">{{ 'badbrowser' | trans | raw }}</noscript>#}
147 {% javascripts output='vendor.js' filter="?uglifyjs2"
148 '@DMLVendorAssetsBundle/Resources/assets/jquery/2.1.1/jquery.min.js'
149 '@DMLVendorAssetsBundle/Resources/assets/jquery.bemhelpers/2.1.3-modif/jquery.bemhelpers.js'
150 '@DMLVendorAssetsBundle/Resources/assets/jquery.sticky-kit/1.0.4/jquery.sticky-kit.min.js'
151 '@DMLVendorAssetsBundle/Resources/assets/jquery.hotkeys/0.8/jquery.hotkeys.js'
152 '@DMLVendorAssetsBundle/Resources/assets/jquery.mousewheel/3.1.12/jquery.mousewheel.min.js'
153 '@DMLVendorAssetsBundle/Resources/assets/jquery.textrange/1.3.0/jquery.textrange.js'
154 '@DMLVendorAssetsBundle/Resources/assets/jquery.preventMacBackScroll/modif/jquery.preventMacBackScroll.js'
155 '@DMLVendorAssetsBundle/Resources/assets/jquery.jplayer/2.9.2/jquery.jplayer.js'
156
157 '@DMLVendorAssetsBundle/Resources/assets/jquery.ui/1.11.0/jquery.ui.min.js'
158 '@DMLVendorAssetsBundle/Resources/assets/scrollfix/0.1/scrollfix.js'
159 '@DMLVendorAssetsBundle/Resources/assets/jquery.scroll-to/dev/jquery.scroll-to.js'
160
161 '@DMLVendorAssetsBundle/Resources/assets/js-logger/0.9.14/js-logger.js'
162 '@DMLVendorAssetsBundle/Resources/assets/underscore/1.8.2/underscore-min.js'
163 '@DMLVendorAssetsBundle/Resources/assets/underscore.string/2.3.3/underscore.string.min.js'
164 '@DMLVendorAssetsBundle/Resources/assets/backbone/1.1.2_modif/backbone.js'
165 '@DMLVendorAssetsBundle/Resources/assets/backbone.marionette/2.3.2/backbone.marionette.min.js'
166 '@DMLVendorAssetsBundle/Resources/assets/backbone.marionette/dev/TemplateCache.loadTemplate_fixed.js'
167
168 '@DMLVendorAssetsBundle/Resources/assets/vega/2.2.6/d3.min.js'
169 '@DMLVendorAssetsBundle/Resources/assets/vega/2.2.6/d3.geo-projection.min.js'
170 '@DMLVendorAssetsBundle/Resources/assets/vega/2.2.6/topojson.js'
171 '@DMLVendorAssetsBundle/Resources/assets/vega/2.2.6/d3.layout.cloud.js'
172 '@DMLVendorAssetsBundle/Resources/assets/vega/2.2.6/vega.js'
173
174 %}
175 {% if embedJs %}<script type="text/javascript">{{ render(asset_url) }}</script>{% else %}<script type="text/javascript" src="{{ asset_url }}"></script>{% endif %}
176 {% endjavascripts %}
177
178 {# % javascripts output='vendor_ui.js' filter="?uglifyjs2" combine=true
179 %}
180 {% if embedJs %}<script type="text/javascript">{{ render(asset_url) }}</script>{% else %}<script type="text/javascript" src="{{ asset_url }}"></script>{% endif %}
181 {% endjavascripts %}
182
183 {% javascripts output='vendor_backbone.js' filter="?uglifyjs2" combine=true
184 %}
185 {% if embedJs %}<script type="text/javascript">{{ render(asset_url) }}</script>{% else %}<script type="text/javascript" src="{{ asset_url }}"></script>{% endif %}
186 {% endjavascripts %#}
187
188 {% javascripts output='app.js' filter="?uglifyjs2"
189
190 '@DMLMainVisBundle/Resources/assets/legal.js'
191
192 '@DMLMainVisBundle/Resources/assets/lib/jquery.eventsugar/jquery.eventsugar.js'
193 '@DMLMainVisBundle/Resources/assets/lib/jquery.ui/combobox.js'
194 '@DMLMainVisBundle/Resources/assets/lib/underscore.mixins/underscore.isEventAnAttemptToOpenANewTab.js'
195 '@DMLMainVisBundle/Resources/assets/lib/underscore.mixins/underscore.isSimpleObject.js'
196 '@DMLMainVisBundle/Resources/assets/lib/underscore.mixins/underscore.uniqueId.js'
197 '@DMLMainVisBundle/Resources/assets/lib/vega/vega.expr.centroid.js'
198 '@DMLMainVisBundle/Resources/assets/lib/vega/vega.filter.centroid.js'
199
200 '@DMLMainVisBundle/Resources/assets/marionette/*.js'
201 '@DMLMainVisBundle/Resources/assets/marionette/*/*.js'
202 '@DMLMainVisBundle/Resources/assets/marionette/*/*/*.js'
203 '@DMLMainVisBundle/Resources/assets/marionette/*/*/*/*.js'
204 %}
205 {% if embedJs %}<script type="text/javascript">{{ render(asset_url) }}</script>{% else %}<script type="text/javascript" src="{{ asset_url }}"></script>{% endif %}
206 {% endjavascripts %}
207
208 {#
209
210 %}
211 #}
212 {#
213
214 #}
215 {#
216 <script type="text/javascript">$(function(){setTimeout(function() { App.start({musicLibrary: {{ musicLibrary | json_encode | raw }} {% if (app.debug) %}, enableJasmine: {{ enableJasmine ? "true" : "false" }}{% endif %}})}, 100);});</script>
217 #}
218 <script type="text/javascript">$(window).load(function(){App.start({musicLibrary: {{ musicLibrary | json_encode | raw }} {% if (app.debug) %}, enableJasmine: {{ enableJasmine ? "true" : "false" }}{% endif %}});});</script>
219
220 {% if (enableJasmine) %}
221 {% javascripts output='testing.js' filter="?uglifyjs2"
222 '@DMLVendorAssetsBundle/Resources/assets/jasmine/2.1.3/lib/jasmine-2.1.3/jasmine.js'
223 '@DMLVendorAssetsBundle/Resources/assets/jasmine/2.1.3/lib/jasmine-2.1.3/jasmine-html_modif.js'
224
225 '@DMLMainVisBundle/Resources/assets/jasmine/boot.js'
226 '@DMLMainVisBundle/Resources/assets/jasmine/helpers.js'
227 '@DMLMainVisBundle/Resources/assets/jasmine/*/*.js'
228 '@DMLMainVisBundle/Resources/assets/jasmine/*/*/*.js'
229 '@DMLMainVisBundle/Resources/assets/jasmine/*/*/*/*.js'
230 %}
231 {% if embedJs %}
232 <script type="text/javascript">{{ render(asset_url) }}</script>
233 {% else %}
234 <script type="text/javascript" src="{{ asset_url }}"></script>
235 {% endif %}
236 {% endjavascripts %}
237 {% endif %}
238 {% include 'DMLMainVisBundle:Components/templates:_.html.twig' %}
239 {% include 'KachkaevCountersBundle::counters.html.twig' %}
240 </body>
241 </html>
242 {#
243 <script type="template/html" id="vis_pc__hint">
244 <div class="vis__hint vis_pc__hint">Frequency corresponds to opacity (50.0 → 100%).<% if (hasCyclic) { %> Cyclic sequences (those that have the same chord more than once) are in blue.<% } %></div>
245 </script>
246 #}
247 {% endspaceless %}
248
249 <!-- The front-end of DML VIS was designed and developed by Alexander Kachkaev, giCente, City University London (2015) -->