annot-server/webapp/templates/pianoroll.html
author rougeronj
Thu, 22 Jan 2015 09:26:43 +0100
changeset 111 a7b72620d227
parent 84 d7c5bffdd2d8
child 108 082b64a5c699
permissions -rw-r--r--
Add variable "wait". When this variable set, the annotsroll wait ignore some annotations, and wait before printing an otherone so there is no superposition. Can be passed as an options
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>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     5
    <style>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     6
        body {
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     7
            margin: 0;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     8
            padding: 0;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     9
            background-color: #FFF;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    10
        }
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    11
        #log {
84
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    12
            height: 20em;
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    13
            overflow-y: scroll;
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    14
            background-color: #faa;
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    15
        }
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    16
    </style>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    17
</head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    18
<body>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    19
    <h1>Piano Roll {{event.label}}</h1>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    20
    <noscript>You must enable JavaScript</noscript>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    21
    <div id="canvasContainer"></div>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    22
    <p>
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    23
        <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a>
49
5c1702e8d2a4 move with time and not framerate iteration
cavaliet
parents: 46
diff changeset
    24
         - temps écoulé : <span id="myspan"></span>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    25
     </p>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    26
    <pre id="log"></pre>
84
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    27
    <script src="{{ config['STATIC_URL'] }}/js/libs-pianoroll.min.js"></script>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    28
    <script>
84
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    29
        var eventCode = "{{event.code}}";
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    30
    </script>
84
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    31
    <script src="{{ config['STATIC_URL'] }}/js/pianoroll.min.js"></script>
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    32
    <script>
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    33
        var moveInterval = pianoroll.moveInterval;
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    34
        var verticalLinesInterval = pianoroll.verticalLinesInterval;
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    35
    </script>
d7c5bffdd2d8 rework on pianoroll: extract in own app + "browserify"
ymh <ymh.work@gmail.com>
parents: 79
diff changeset
    36
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    37
</body>
42
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 28
diff changeset
    38
</html>