annot-server/webapp/templates/pianoroll.html
changeset 84 d7c5bffdd2d8
parent 79 bd2f2c3f205c
child 108 082b64a5c699
equal deleted inserted replaced
83:9be99c2fb279 84:d7c5bffdd2d8
     7             margin: 0;
     7             margin: 0;
     8             padding: 0;
     8             padding: 0;
     9             background-color: #FFF;
     9             background-color: #FFF;
    10         }
    10         }
    11         #log {
    11         #log {
    12 		    height: 20em;
    12             height: 20em;
    13 		    overflow-y: scroll;
    13             overflow-y: scroll;
    14 		    background-color: #faa;
    14             background-color: #faa;
    15 		}
    15         }
    16     </style>
    16     </style>
    17 </head>
    17 </head>
    18 <body>
    18 <body>
    19     <h1>Piano Roll {{event.label}}</h1>
    19     <h1>Piano Roll {{event.label}}</h1>
    20     <noscript>You must enable JavaScript</noscript>
    20     <noscript>You must enable JavaScript</noscript>
    22     <p>
    22     <p>
    23         <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a>
    23         <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a>
    24          - temps écoulé : <span id="myspan"></span>
    24          - temps écoulé : <span id="myspan"></span>
    25      </p>
    25      </p>
    26     <pre id="log"></pre>
    26     <pre id="log"></pre>
    27     <script src="{{ config['STATIC_URL'] }}/js/pixi.js"></script>
    27     <script src="{{ config['STATIC_URL'] }}/js/libs-pianoroll.min.js"></script>
    28     <script src="{{ config['STATIC_URL'] }}/js/randomColor.js"></script>
       
    29     <script>
    28     <script>
    30         var event_code = "{{event.code}}";
    29         var eventCode = "{{event.code}}";
    31     </script>
    30     </script>
    32     <script src="{{ config['STATIC_URL'] }}/js/pianoroll.js"></script>
    31     <script src="{{ config['STATIC_URL'] }}/js/pianoroll.min.js"></script>
       
    32     <script>
       
    33         var moveInterval = pianoroll.moveInterval;
       
    34         var verticalLinesInterval = pianoroll.verticalLinesInterval;
       
    35     </script>
       
    36 
    33 </body>
    37 </body>
    34 </html>
    38 </html>