1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
/*
* rhwebimport
*
* Copyright (C) 2014-2016 Christian Pointner <equinox@helsinki.at>
* Copyright (C) 2015-2016 Peter Grassberger <petertheone@gmail.com>
*
* This file is part of rhwebimport.
*
* rhwebimport is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* rhwebimport is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with rhwebimport. If not, see <http://www.gnu.org/licenses/>.
*/
'use strict';
var Rivendell = Rivendell || {};
var rivendell = null;
var musicgridView = null;
var musicpoolModal = null;
function musicgrid_init() {
rivendell = new Rivendell.Rivendell(auth_username, auth_token, '/rd-bin/rdxport.cgi');
rivendell.setListDropboxesEndpoint('/rh-bin/listdropboxes.cgi');
rivendell.setMusicgridEndpoint('/rh-bin/musicgrid.cgi');
var musicgrid = new Rivendell.Musicgrid();
musicgridView = new Rivendell.MusicgridView(musicgrid);
var musicpools = new Rivendell.GroupList(rivendell);
musicpoolModal = new Rivendell.MusicpoolModal(musicpools);
}
function musicgrid_cleanup() {
musicpoolModal = null;
musicgridView = null;
rivendell = null;
}
Rivendell.MusicgridView = function(model) {
this.model = model;
var self = this;
this.model.fetch(function() {
self.updateTable();
});
};
Rivendell.MusicgridView.prototype.updateTable = function() {
var $table = $('#app-musicgrid table');
$('tr td', $table).html('').removeClass('clock').css('background-color', '').css('color', '').attr('title', null);
$(this.model.clocks).each(function(index, clock) {
var $td = $('tr[data-dow="' + clock.dow + '"] td[data-hour="' + clock.hour +'"]', $table);
$td.addClass('clock');
$td.html(clock.name);
$td.attr('title', clock.title);
$td.css('background-color', clock.color);
if($td.isBackgroundDark()) {
$td.css('color', '#ffffff');
}
// todo: move this css to stylesheet
$td.css('text-align', 'center');
$td.off().on('click', function() {
musicpoolModal.selectClock(clock.dow, clock.hour, clock.name);
});
});
$('tr td:not(.clock)', $table).off().on('click', function() {
musicpoolModal.selectClock($(this).parent().data('dow'), $(this).data('hour'), null);
});
};
Rivendell.MusicpoolModal = function(model) {
this.model = model;
};
Rivendell.MusicpoolModal.prototype.selectClock = function(dow, hour, clockName) {
$('#musicpoolModal').modal({keyboard: true});
var $modalHeader = $('#musicpoolModal .modal-header');
var $modalBody = $('#musicpoolModal .modal-body');
$('h3', $modalHeader).html('Musikpool auswählen für Tag: ' + dow + ' Stunde: ' + hour + '.');
$('tbody', $modalBody).html('');
var self = this;
this.model.fetch('musicpool', function() {
$(self.model.groups).each(function(index, musicpool) {
var $button = null;
if (clockName === musicpool.clock) {
$button = $('<button class="btn btn-primary" disabled="disabled">Selected</button>');
} else {
$button = $('<button class="btn btn-primary">Select</button>');
}
$button.on('click', function() {
rivendell.setMusicgrid(dow, hour, musicpool.clock, function() {
$('#musicpoolModal').modal('hide');
musicgrid.fetch();
});
});
var $tr = $('<tr>');
$tr.append($('<td>').html(musicpool.clock));
$tr.append($('<td>').html(musicpool.title));
$tr.append($('<td>').html($button));
$('tbody', $modalBody).append($tr);
});
});
};
|