annot-server/webapp/templates/pianoroll.html
author ymh <ymh.work@gmail.com>
Mon, 12 Jan 2015 17:23:05 +0100
changeset 84 d7c5bffdd2d8
parent 79 bd2f2c3f205c
child 108 082b64a5c699
permissions -rw-r--r--
rework on pianoroll: extract in own app + "browserify"
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>