annot-server/webapp/templates/annotviz.html
author rougeronj
Fri, 17 Apr 2015 11:48:03 +0200
changeset 161 0b01cbd8ed9e
parent 160 fd3482903412
child 167 2b99fed0285e
permissions -rw-r--r--
update annotvizview for 'atelier 3 jour 2'
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
<html>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
<head>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
    <meta charset="UTF-8">
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
    <title>Piano Roll {{event.label}}</title>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
    <link href="{{ config['STATIC_URL'] }}/css/annotviz.min.css" rel="stylesheet">
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
</head>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
<body>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
    <h1>Piano Roll {{event.label}}</h1>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
    <noscript>You must enable JavaScript</noscript>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
    <div id="canvasContainer"></div>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
    <pre id="log"></pre>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
    <script src="{{ config['STATIC_URL'] }}/js/libs-annotviz.min.js"></script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
    <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
    <script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
    var pianorollChannel  = 'PIANOROLL';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
    var annotationChannel = 'ANNOT';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
    var eventCode = '{{event.code}}';
161
0b01cbd8ed9e update annotvizview for 'atelier 3 jour 2'
rougeronj
parents: 160
diff changeset
    19
    var eventCodeSessionDay2 = 'atelier3_jour1';
0b01cbd8ed9e update annotvizview for 'atelier 3 jour 2'
rougeronj
parents: 160
diff changeset
    20
//     var eventCodeSessionDay1 = 'atelier3_jour1';
142
e424eed32f72 Add correct options to annotviz.html fo 3rd day and gulp dist server
rougeronj
parents: 138
diff changeset
    21
    
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
    var wsUri = 'ws://' + window.location.hostname + ':8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
    wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
    wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
    var logger = new annotviz.ConsoleLogger(true);
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
    var stageView = new annotviz.StageView({
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
        logger: logger
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
    });
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
132
16c2ba3b02c3 correct url
ymh <ymh.work@gmail.com>
parents: 131
diff changeset
    33
    var serverUrl = "http://" + window.location.hostname + ":8080";
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
    var annotsvizview = new annotviz.AnnotsVizView({
138
30dc3baf1ab9 correct timeline archive loading again
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
    35
        urlCategories: serverUrl + "/p/api/v1/event/",
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
        logger: logger,
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
        stageView: stageView,
142
e424eed32f72 Add correct options to annotviz.html fo 3rd day and gulp dist server
rougeronj
parents: 138
diff changeset
    38
        serverUrl: serverUrl,
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
        wsPianoroll: new annotviz.WsWrapper(wsUriPianoroll, logger),
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
        wsAnnot: new annotviz.WsWrapper(wsUriAnnotation, logger),
160
fd3482903412 update annotviz for 'atelier 3 jour 2'
rougeronj
parents: 157
diff changeset
    41
        timeBegin: Date.parse("2015-04-17T14:00:00+02:00"),
fd3482903412 update annotviz for 'atelier 3 jour 2'
rougeronj
parents: 157
diff changeset
    42
        timeEnd: Date.parse("2015-04-17T21:00:00+02:00"),
131
0bb70072a56f some quick cleaning
ymh <ymh.work@gmail.com>
parents: 119
diff changeset
    43
        eventCode: eventCode,
161
0b01cbd8ed9e update annotvizview for 'atelier 3 jour 2'
rougeronj
parents: 160
diff changeset
    44
        eventCodeSessionDay2: eventCodeSessionDay2,
0b01cbd8ed9e update annotvizview for 'atelier 3 jour 2'
rougeronj
parents: 160
diff changeset
    45
//         eventCodeSessionDay1: eventCodeSessionDay1,
132
16c2ba3b02c3 correct url
ymh <ymh.work@gmail.com>
parents: 131
diff changeset
    46
        channel: annotationChannel
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
    });
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
    function stop() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
        stageView.stop();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
    function start() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
        stageView.start();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
    window.onload = function() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
        stageView.init();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
        start();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
</script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
</body>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
</html>