annot-server/webapp/templates/annotviz.html
author ymh <ymh.work@gmail.com>
Fri, 23 Jan 2015 11:31:51 +0100
changeset 138 30dc3baf1ab9
parent 132 16c2ba3b02c3
child 142 e424eed32f72
permissions -rw-r--r--
correct timeline archive loading again
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
    <p>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
        <a href="#" onclick="stop(); return false;">stop intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
        <a href="#" onclick="start(); return false;">start intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
        temps écoulé : <span id="timeStarted"></span>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
    </p>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
    <pre id="log"></pre>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
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:
diff changeset
    18
    <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
    <script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
    var pianorollChannel  = 'PIANOROLL';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
    var annotationChannel = 'ANNOT';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
    var eventCode = '{{event.code}}';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
    var wsUri = 'ws://' + window.location.hostname + ':8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
    wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
    wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode;
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 logger = new annotviz.ConsoleLogger(true);
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
    var stageView = new annotviz.StageView({
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
        logger: logger
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
    });
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
132
16c2ba3b02c3 correct url
ymh <ymh.work@gmail.com>
parents: 131
diff changeset
    35
    var serverUrl = "http://" + window.location.hostname + ":8080";
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
    var annotsvizview = new annotviz.AnnotsVizView({
138
30dc3baf1ab9 correct timeline archive loading again
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
    37
        urlCategories: serverUrl + "/p/api/v1/event/",
30dc3baf1ab9 correct timeline archive loading again
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
    38
        serverUrl: serverUrl,
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
        logger: logger,
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
        stageView: stageView,
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
        wsPianoroll: new annotviz.WsWrapper(wsUriPianoroll, logger),
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
        wsAnnot: new annotviz.WsWrapper(wsUriAnnotation, logger),
131
0bb70072a56f some quick cleaning
ymh <ymh.work@gmail.com>
parents: 119
diff changeset
    43
        timeBegin: Date.parse("2015-01-23T09:30:00+01:00"),
0bb70072a56f some quick cleaning
ymh <ymh.work@gmail.com>
parents: 119
diff changeset
    44
        timeEnd: Date.parse("2015-01-23T18:30:00+01:00"),
0bb70072a56f some quick cleaning
ymh <ymh.work@gmail.com>
parents: 119
diff changeset
    45
        eventCode: eventCode,
138
30dc3baf1ab9 correct timeline archive loading again
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
    46
        eventCodeSessionDay1: "atelier2",
132
16c2ba3b02c3 correct url
ymh <ymh.work@gmail.com>
parents: 131
diff changeset
    47
        channel: annotationChannel
108
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
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
    function stop() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
        stageView.stop();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
    function start() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
        stageView.start();
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
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
    window.onload = function() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
        stageView.init();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
        start();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
</script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
</body>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
</html>