aboutsummaryrefslogtreecommitdiffstats
path: root/public/js/app.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/js/app.js')
-rw-r--r--public/js/app.js15
1 files changed, 10 insertions, 5 deletions
diff --git a/public/js/app.js b/public/js/app.js
index 606e21f..f5970ae 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -27,7 +27,7 @@ function fetch_rooms(data_done) {
function load_screenings(data_done) {
let req = new XMLHttpRequest()
req.addEventListener("load", data_done)
- req.open("GET", "http://localhost:8000/ravenheart-2019.json")
+ req.open("GET", "ravenheart-2019.json")
req.responseType = "json"
req.send()
}
@@ -129,7 +129,7 @@ window.addEventListener("load", function() {
function draw_timescale(c, start, end) {
let dur = Math.ceil((end - start) / 30)
- c.font = '10px Helvetica'
+ c.font = '10px sans-serif'
c.lineWidth = 'thin'
c.strokeStyle = '#ccc'
@@ -145,7 +145,7 @@ window.addEventListener("load", function() {
function draw_room_headers(c, rooms) {
let x = 0;
- c.font = '15px sans-serif'
+ c.font = 'bold 15px sans-serif'
for (let r of [...rooms]) {
center_text(c, r, 50 + x, 15, 100)
@@ -156,7 +156,7 @@ window.addEventListener("load", function() {
function draw_screenings(c, screenings, start_time, rooms) {
let r = [...rooms]
- c.strokeStyle = '#000'
+ c.strokeStyle = '#cfc'
for (let s of screenings) {
let ystart = Math.ceil((_time_to_sec(s.start_time) - start_time) / 30) + margin;
@@ -164,10 +164,11 @@ window.addEventListener("load", function() {
let ri = s.room.id - 1
let xstart = xmargin + ri * 150
- c.fillStyle = '#ec9'
+ c.fillStyle = '#eca'
c.fillRect(xstart, ystart, 100, height)
c.strokeRect(xstart, ystart, 100, height)
+ c.font = '12px sans-serif'
c.fillStyle = '#000'
break_text(c, s.film.title, xstart + 5, ystart + 15, 90)
}
@@ -208,7 +209,11 @@ window.addEventListener("load", function() {
let canvas = document.getElementById('canvas-' + date_str)
let c = canvas.getContext('2d');
+ c.fillStyle = '#000'
+ c.fillRect(0, 0, 350, canvas_height);
+
let rooms = new Set(s.map( el => el.room.name ))
+ c.fillStyle = '#fff'
draw_room_headers(c, rooms)
draw_timescale(c, start_time, end_time)
draw_screenings(c, s, start_time, rooms)