commit | author | age
|
623a61
|
1 |
var TPL_HOME = 'home'; |
U |
2 |
var TPL_PREFS = 'prefs'; |
47a970
|
3 |
var TPL_SENDER = 'sender'; |
9e336a
|
4 |
var TPL_DLG_MSG = 'dlg-msg'; |
36646e
|
5 |
var TPL_DLG_INFO = 'dlg-info'; |
ffc872
|
6 |
var TPL_DLG_SENDER_NEU = 'dlg-sender-neu'; |
U |
7 |
var TPL_DLG_SENDER_EDIT = 'dlg-sender-edit'; |
56852d
|
8 |
var TPL_SENDER_EDIT_FORM = 'sender-edit-form'; |
f9c6e2
|
9 |
var TPL_SENDER_KACHEL = 'sender-kachel'; |
576085
|
10 |
var TPL_ABSPIELER = 'abspieler'; |
df379b
|
11 |
var templateCache = {}; // mustache templates |
623a61
|
12 |
var prefsRendered = false; |
56852d
|
13 |
var senderKlickModus = "0"; // 1=abspielen, 2=bearbeiten, 3=loeschen |
f9c6e2
|
14 |
var ID_UNDEFINED = -1; |
599f2f
|
15 |
var suchTimeout; |
623a61
|
16 |
|
U |
17 |
function app_init() { |
9f0d54
|
18 |
$('.dialog').hide(); |
623a61
|
19 |
$('.ost').hide(); |
136220
|
20 |
app_menu_init( |
U |
21 |
"data/menu/", |
|
22 |
"hauptmenue.json", |
|
23 |
"../jslib/app-menu/app-menu.tpl", |
|
24 |
".west", |
|
25 |
"8em"); |
8881ca
|
26 |
app_get_template('data/tpl/dlg-msg.tpl', TPL_DLG_MSG); |
U |
27 |
app_get_template('data/tpl/dlg-info.tpl', TPL_DLG_INFO); |
|
28 |
app_get_template('data/tpl/sender.tpl', TPL_SENDER); |
ffc872
|
29 |
app_get_template('data/tpl/dlg-sender-neu.tpl', TPL_DLG_SENDER_NEU); |
U |
30 |
app_get_template('data/tpl/dlg-sender-edit.tpl', TPL_DLG_SENDER_EDIT); |
56852d
|
31 |
app_get_template('data/tpl/dlg-sender-edit-form.tpl', TPL_SENDER_EDIT_FORM); |
f9c6e2
|
32 |
app_get_template('data/tpl/kachel.tpl', TPL_SENDER_KACHEL); |
576085
|
33 |
app_get_template('data/tpl/abspieler.tpl', TPL_ABSPIELER); |
03f9a7
|
34 |
|
U |
35 |
var $hamburger = $(".hamburger"); |
|
36 |
$hamburger.on("click", function(e) { |
|
37 |
app_menue_umschalten(); |
|
38 |
}); |
|
39 |
|
599f2f
|
40 |
$(".sendersuche-eingabe").on('keyup', function() { |
U |
41 |
clearTimeout(suchTimeout); |
|
42 |
suchTimeout = setTimeout('app_sendersuche()', 500); |
|
43 |
}); |
623a61
|
44 |
$('.sued').text('Bereit.'); |
U |
45 |
setTimeout(function() { |
576085
|
46 |
app_get_abspieler(); |
a480d0
|
47 |
app_get_sender(); |
623a61
|
48 |
}, 200); |
47a970
|
49 |
} |
U |
50 |
|
599f2f
|
51 |
function app_sendersuche() { |
U |
52 |
var suchbegriff = $(".sendersuche-eingabe").val(); |
|
53 |
/* |
|
54 |
Anstelle der folgenden Meldung wuerde hier |
|
55 |
die Suchfunktion ausgefuehrt |
|
56 |
*/ |
|
57 |
app_meldung_mit_timeout( |
|
58 |
'Suchbegriff: ' + suchbegriff, |
|
59 |
1500 |
|
60 |
); |
03f9a7
|
61 |
} |
U |
62 |
|
|
63 |
function app_menue_umschalten() { |
|
64 |
var $hamburger = $(".hamburger"); |
|
65 |
$hamburger.toggleClass("is-active"); // hamburger-icon umschalten |
|
66 |
app_menu_toggle(); // menue oeffnen/schliessen |
599f2f
|
67 |
} |
U |
68 |
|
3cecdc
|
69 |
/* Senderliste */ |
U |
70 |
|
|
71 |
function app_kachel_anpassen(sender) { |
|
72 |
var kachel = $( "div[sid='" + sender.id + "']" ); |
|
73 |
$(kachel).find(".sender-name").text(sender.name); |
|
74 |
$(kachel).attr("data-verweis", sender.url); |
|
75 |
$(kachel).find("img").attr("src", sender.logo); |
f9c6e2
|
76 |
} |
U |
77 |
|
|
78 |
function app_kachel_neu(sender) { |
|
79 |
var html = Mustache.render(templateCache[TPL_SENDER_KACHEL], sender); |
|
80 |
$("#sender").append(html); |
|
81 |
var kachel = $( "div[sid='" + sender.id + "']" ); |
|
82 |
$(kachel).on('click', app_kachel_klick); |
|
83 |
} |
|
84 |
|
|
85 |
function app_kachel_klick() { |
|
86 |
var kachel = $( this ); |
|
87 |
var senderId = $(kachel).attr("sid"); |
|
88 |
var senderName = $(kachel).find(".sender-name").text(); |
|
89 |
var senderUrl = $(kachel).attr("data-verweis"); |
|
90 |
var senderLogo = $(kachel).find("img").attr("src"); |
|
91 |
var s = new Sender(senderId, senderName, senderUrl, senderLogo); |
|
92 |
switch (senderKlickModus) { |
|
93 |
case "1": |
|
94 |
break; |
|
95 |
case "2": |
|
96 |
$(".dlg-behaelter").html( |
|
97 |
Mustache.render(templateCache[TPL_SENDER_EDIT_FORM], s) |
|
98 |
); |
|
99 |
$('#sender-speichern').on('click', function() { |
|
100 |
$('#sender-speichern').off('click'); |
|
101 |
app_kachel_anpassen(app_sender_dialog_lesen(senderId)); |
|
102 |
app_dialog_schliessen(); |
|
103 |
app_meldung_mit_timeout('Speichern gewaehlt', 1500); |
|
104 |
}); |
|
105 |
break; |
|
106 |
case "3": |
|
107 |
break; |
|
108 |
default: |
|
109 |
app_meldung_mit_timeout( |
|
110 |
'Sender ' + s.name + ', ID ' + s.id, |
|
111 |
1500 |
|
112 |
); |
|
113 |
break; |
|
114 |
} |
|
115 |
|
3cecdc
|
116 |
} |
U |
117 |
|
8881ca
|
118 |
/* --- Menüfunktionen --- */ |
U |
119 |
|
9f0d54
|
120 |
function app_nachricht_test() { |
e6c850
|
121 |
app_dialog_laden_und_zeigen( |
U |
122 |
templateCache[TPL_DLG_MSG], 'data/msg-test.json'); |
03f9a7
|
123 |
app_menue_umschalten(); |
36646e
|
124 |
} |
U |
125 |
|
|
126 |
function app_info_dialog_zeigen() { |
b520d1
|
127 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_INFO], ''); |
03f9a7
|
128 |
app_menue_umschalten(); |
8881ca
|
129 |
} |
U |
130 |
|
5226a2
|
131 |
function app_neuer_sender() { |
ffc872
|
132 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER_NEU], ''); |
b520d1
|
133 |
$('#sender-speichern').on('click', function() { |
136220
|
134 |
$('#sender-speichern').off('click'); |
f9c6e2
|
135 |
app_kachel_neu(app_sender_dialog_lesen(--ID_UNDEFINED)); |
b520d1
|
136 |
app_dialog_schliessen(); |
742e75
|
137 |
app_meldung_mit_timeout('Speichern gewaehlt', 1500); |
b520d1
|
138 |
}); |
03f9a7
|
139 |
app_menue_umschalten(); |
5226a2
|
140 |
} |
U |
141 |
|
742e75
|
142 |
function app_sender_bearbeiten() { |
56852d
|
143 |
senderKlickModus = "2"; // bearbeiten |
ffc872
|
144 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER_EDIT], ''); |
03f9a7
|
145 |
app_menue_umschalten(); |
742e75
|
146 |
} |
5226a2
|
147 |
|
742e75
|
148 |
function app_sender_loeschen() { |
U |
149 |
app_meldung_mit_timeout('Nicht implementiert: Sender loeschen.', 1500); |
03f9a7
|
150 |
app_menue_umschalten(); |
742e75
|
151 |
} |
U |
152 |
|
69ffa5
|
153 |
function app_abspieler_loeschen() { |
U |
154 |
app_meldung_mit_timeout('Nicht implementiert: Abspieler loeschen.', 1500); |
03f9a7
|
155 |
app_menue_umschalten(); |
69ffa5
|
156 |
} |
U |
157 |
function app_neuer_abspieler() { |
|
158 |
app_meldung_mit_timeout('Nicht implementiert: Neuer Abspieler.', 1500); |
03f9a7
|
159 |
app_menue_umschalten(); |
69ffa5
|
160 |
} |
U |
161 |
function app_abspieler_bearbeiten() { |
|
162 |
app_meldung_mit_timeout('Nicht implementiert: Abspieler bearbeiten.', 1500); |
03f9a7
|
163 |
app_menue_umschalten(); |
69ffa5
|
164 |
} |
U |
165 |
|
742e75
|
166 |
/* --- Dialogfunktionen --- */ |
8881ca
|
167 |
|
U |
168 |
function app_dialog_zeigen(vorlage, inhalt) { |
|
169 |
$(".dialog").html(Mustache.render(vorlage, inhalt)); |
|
170 |
$(".close-btn").on('click', function() { |
b520d1
|
171 |
app_dialog_schliessen(); |
8881ca
|
172 |
}); |
U |
173 |
$('.dialog').slideDown(300); |
f9c6e2
|
174 |
} |
U |
175 |
|
|
176 |
function app_sender_dialog_lesen(senderId) { |
|
177 |
var nameNeu = $("#sender-name").val(); |
|
178 |
var logoNeu = $("#sender-logo").val(); |
|
179 |
var urlNeu = $("#sender-url").val(); |
|
180 |
return new Sender(senderId, nameNeu, urlNeu, logoNeu); |
b520d1
|
181 |
} |
U |
182 |
|
|
183 |
function app_dialog_schliessen() { |
56852d
|
184 |
senderKlickModus = "0"; |
136220
|
185 |
$('.close-btn').off('click'); |
b520d1
|
186 |
$('.dialog').slideUp(300); |
9f0d54
|
187 |
} |
U |
188 |
|
742e75
|
189 |
/* --- Meldungen in der Fusszeile --- */ |
U |
190 |
|
|
191 |
/* |
|
192 |
Eine Meldung eine Zeitlang in der Fusszeile anzeigen |
|
193 |
|
|
194 |
meldung - Text der Meldung |
|
195 |
timeout - die Anzahl Millisekunden, die eine Meldung zu sehen sein soll |
|
196 |
*/ |
|
197 |
function app_meldung_mit_timeout(meldung, timeout) { |
|
198 |
$('.sued').text(meldung); |
|
199 |
setTimeout(function() { |
|
200 |
$('.sued').text('Bereit.'); |
|
201 |
}, timeout); |
|
202 |
} |
|
203 |
|
47a970
|
204 |
/* --- Ajax-Aufrufe --- */ |
U |
205 |
|
a480d0
|
206 |
function app_get_sender() { |
U |
207 |
$.ajax({ |
0c85a2
|
208 |
url: "data/sender.json", |
a480d0
|
209 |
type: "GET", |
U |
210 |
dataType : "json" |
|
211 |
}).done(function( senderliste ) { |
56852d
|
212 |
$(".sender-kachel").off("click"); |
U |
213 |
$(".sender-behaelter").html( |
|
214 |
Mustache.render(templateCache[TPL_SENDER], senderliste)); |
f9c6e2
|
215 |
$('.sender-kachel').on('click', app_kachel_klick); |
a480d0
|
216 |
}); |
U |
217 |
} |
|
218 |
|
576085
|
219 |
function app_get_abspieler() { |
U |
220 |
$.ajax({ |
|
221 |
url: "data/abspieler.json", |
|
222 |
type: "GET", |
|
223 |
dataType : "json" |
|
224 |
}).done(function( abspielerliste ) { |
|
225 |
$(".abspieler-behaelter").html( |
|
226 |
Mustache.render(templateCache[TPL_ABSPIELER], abspielerliste)); |
|
227 |
}); |
|
228 |
} |
|
229 |
|
b520d1
|
230 |
function app_dialog_laden_und_zeigen(vorlage, adresse) { |
36646e
|
231 |
if(adresse !== '') { |
U |
232 |
$.ajax({ |
|
233 |
url: adresse, |
|
234 |
type: "GET", |
|
235 |
dataType : "json" |
|
236 |
}).done(function( msg ) { |
8881ca
|
237 |
app_dialog_zeigen(vorlage, msg); |
36646e
|
238 |
}); |
U |
239 |
} else { |
8881ca
|
240 |
app_dialog_zeigen(vorlage, ''); |
36646e
|
241 |
} |
9e336a
|
242 |
} |
U |
243 |
|
47a970
|
244 |
/* |
U |
245 |
Ein Template vom Server in den Cache laden |
|
246 |
template_url - home.tpl, prefs.tpl, sender.tpl |
|
247 |
tname - 'home', 'prefs', 'sender' |
|
248 |
*/ |
|
249 |
function app_get_template(template_url, tname) { |
|
250 |
$.ajax({ |
|
251 |
url: template_url, |
|
252 |
type: "GET", |
|
253 |
dataType : "text" |
|
254 |
}).done(function( template ) { |
|
255 |
templateCache[tname] = template; |
|
256 |
}); |
623a61
|
257 |
} |
e6c850
|
258 |
|
U |
259 |
/* Objekte */ |
|
260 |
|
|
261 |
function Sender(i, n, u, l) { |
|
262 |
this.id = i; |
|
263 |
this.name = n; |
|
264 |
this.url = u; |
|
265 |
this.logo = l; |
|
266 |
} |