annot-server/webapp/templates/pianoroll.html
author ymh <ymh.work@gmail.com>
Fri, 23 Jan 2015 11:31:51 +0100
changeset 138 30dc3baf1ab9
parent 108 082b64a5c699
child 151 8468703ef93c
permissions -rw-r--r--
correct timeline archive loading again
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     1
<html>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     2
<head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     3
    <meta charset="UTF-8">
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
     4
    <title>Piano Roll {{event.label}}</title>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
     5
    <link href="{{ config['STATIC_URL'] }}/css/annotviz.min.css" rel="stylesheet">
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     6
</head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     7
<body>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
     8
    <h1>Piano Roll {{event.label}}</h1>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     9
    <noscript>You must enable JavaScript</noscript>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    10
    <div id="canvasContainer"></div>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    11
    <p>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    12
        <a href="#" onclick="stop(); return false;">stop intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    13
        <a href="#" onclick="start(); return false;">start intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    14
        temps écoulé : <span id="timeStarted"></span>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    15
    </p>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    16
    <pre id="log"></pre>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    17
    <script src="{{ config['STATIC_URL'] }}/js/libs-annotviz.min.js"></script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    18
    <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    19
    <script>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    20
    var annotationChannel = 'PIANOROLL';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    21
    var eventCode = '{{event.code}}';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    22
    var wsUri;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    23
    if (window.location.protocol === 'file:') {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    24
        wsUri = 'ws://127.0.0.1:8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    25
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    26
    else {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    27
        wsUri = 'ws://' + window.location.hostname + ':8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    28
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    29
    wsUri += '?channel='+annotationChannel+'&event_code='+eventCode;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    30
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    31
    var logger = new annotviz.HtmlLogger(false, 'log');
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    32
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    33
    var stageView = new annotviz.StageView({
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    34
        logger: logger
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    35
    });
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    36
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    37
    var doubleroll = new annotviz.DoubleRoll({
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    38
        logger: logger,
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    39
        stageView: stageView,
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    40
        ws: new annotviz.WsWrapper(wsUri)
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    41
    });
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    42
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    43
    function stop() { stageView.stop(); }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    44
    function start() { stageView.start(); }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    45
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    46
    window.onload = function() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    47
        stageView.init();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    48
        start();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    49
    }
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    50
    </script>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    51
</body>
42
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 28
diff changeset
    52
</html>