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'; |
df379b
|
9 |
var templateCache = {}; // mustache templates |
623a61
|
10 |
var prefsRendered = false; |
56852d
|
11 |
var senderKlickModus = "0"; // 1=abspielen, 2=bearbeiten, 3=loeschen |
623a61
|
12 |
|
U |
13 |
function app_init() { |
9f0d54
|
14 |
$('.dialog').hide(); |
623a61
|
15 |
$('.ost').hide(); |
136220
|
16 |
app_menu_init( |
U |
17 |
"data/menu/", |
|
18 |
"hauptmenue.json", |
|
19 |
"../jslib/app-menu/app-menu.tpl", |
|
20 |
".west", |
|
21 |
"8em"); |
8881ca
|
22 |
app_get_template('data/tpl/dlg-msg.tpl', TPL_DLG_MSG); |
U |
23 |
app_get_template('data/tpl/dlg-info.tpl', TPL_DLG_INFO); |
|
24 |
app_get_template('data/tpl/sender.tpl', TPL_SENDER); |
ffc872
|
25 |
app_get_template('data/tpl/dlg-sender-neu.tpl', TPL_DLG_SENDER_NEU); |
U |
26 |
app_get_template('data/tpl/dlg-sender-edit.tpl', TPL_DLG_SENDER_EDIT); |
56852d
|
27 |
app_get_template('data/tpl/dlg-sender-edit-form.tpl', TPL_SENDER_EDIT_FORM); |
623a61
|
28 |
//app_get_template('tpl/prefs.tpl', 'prefs'); |
U |
29 |
$('.sued').text('Bereit.'); |
|
30 |
setTimeout(function() { |
a480d0
|
31 |
app_get_sender(); |
623a61
|
32 |
}, 200); |
47a970
|
33 |
} |
U |
34 |
|
8881ca
|
35 |
/* --- Menüfunktionen --- */ |
U |
36 |
|
9f0d54
|
37 |
function app_nachricht_test() { |
e6c850
|
38 |
app_dialog_laden_und_zeigen( |
U |
39 |
templateCache[TPL_DLG_MSG], 'data/msg-test.json'); |
df379b
|
40 |
app_menu_toggle(); |
36646e
|
41 |
} |
U |
42 |
|
|
43 |
function app_info_dialog_zeigen() { |
b520d1
|
44 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_INFO], ''); |
df379b
|
45 |
app_menu_toggle(); |
8881ca
|
46 |
} |
U |
47 |
|
5226a2
|
48 |
function app_neuer_sender() { |
ffc872
|
49 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER_NEU], ''); |
b520d1
|
50 |
$('#sender-speichern').on('click', function() { |
136220
|
51 |
$('#sender-speichern').off('click'); |
b520d1
|
52 |
app_dialog_schliessen(); |
742e75
|
53 |
app_meldung_mit_timeout('Speichern gewaehlt', 1500); |
b520d1
|
54 |
}); |
U |
55 |
app_menu_toggle(); |
5226a2
|
56 |
} |
U |
57 |
|
742e75
|
58 |
function app_sender_bearbeiten() { |
56852d
|
59 |
senderKlickModus = "2"; // bearbeiten |
ffc872
|
60 |
app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER_EDIT], ''); |
c0ad5e
|
61 |
app_menu_toggle(); |
742e75
|
62 |
} |
5226a2
|
63 |
|
742e75
|
64 |
function app_sender_loeschen() { |
U |
65 |
app_meldung_mit_timeout('Nicht implementiert: Sender loeschen.', 1500); |
c0ad5e
|
66 |
app_menu_toggle(); |
742e75
|
67 |
} |
U |
68 |
|
|
69 |
/* --- Dialogfunktionen --- */ |
8881ca
|
70 |
|
U |
71 |
function app_dialog_zeigen(vorlage, inhalt) { |
|
72 |
$(".dialog").html(Mustache.render(vorlage, inhalt)); |
|
73 |
$(".close-btn").on('click', function() { |
b520d1
|
74 |
app_dialog_schliessen(); |
8881ca
|
75 |
}); |
U |
76 |
$('.dialog').slideDown(300); |
b520d1
|
77 |
} |
U |
78 |
|
|
79 |
function app_dialog_schliessen() { |
56852d
|
80 |
senderKlickModus = "0"; |
136220
|
81 |
$('.close-btn').off('click'); |
b520d1
|
82 |
$('.dialog').slideUp(300); |
9f0d54
|
83 |
} |
U |
84 |
|
742e75
|
85 |
/* --- Meldungen in der Fusszeile --- */ |
U |
86 |
|
|
87 |
/* |
|
88 |
Eine Meldung eine Zeitlang in der Fusszeile anzeigen |
|
89 |
|
|
90 |
meldung - Text der Meldung |
|
91 |
timeout - die Anzahl Millisekunden, die eine Meldung zu sehen sein soll |
|
92 |
*/ |
|
93 |
function app_meldung_mit_timeout(meldung, timeout) { |
|
94 |
$('.sued').text(meldung); |
|
95 |
setTimeout(function() { |
|
96 |
$('.sued').text('Bereit.'); |
|
97 |
}, timeout); |
|
98 |
} |
|
99 |
|
47a970
|
100 |
/* --- Ajax-Aufrufe --- */ |
U |
101 |
|
a480d0
|
102 |
function app_get_sender() { |
U |
103 |
$.ajax({ |
0c85a2
|
104 |
url: "data/sender.json", |
a480d0
|
105 |
type: "GET", |
U |
106 |
dataType : "json" |
|
107 |
}).done(function( senderliste ) { |
56852d
|
108 |
$(".sender-kachel").off("click"); |
U |
109 |
$(".sender-behaelter").html( |
|
110 |
Mustache.render(templateCache[TPL_SENDER], senderliste)); |
136220
|
111 |
$('.sender-kachel').on('click', function() { |
U |
112 |
var kachel = $( this ); |
e6c850
|
113 |
var senderId = $(kachel).attr("sid"); |
136220
|
114 |
var senderName = $(kachel).find(".sender-name").text(); |
e6c850
|
115 |
var senderUrl = $(kachel).attr("data-verweis"); |
U |
116 |
var senderLogo = $(kachel).find("img").attr("src"); |
|
117 |
var s = new Sender(senderId, senderName, senderUrl, senderLogo); |
56852d
|
118 |
switch (senderKlickModus) { |
U |
119 |
case "1": |
|
120 |
break; |
|
121 |
case "2": |
|
122 |
$(".dlg-behaelter").html( |
e6c850
|
123 |
Mustache.render(templateCache[TPL_SENDER_EDIT_FORM], s) |
56852d
|
124 |
); |
U |
125 |
$('#sender-speichern').on('click', function() { |
|
126 |
$('#sender-speichern').off('click'); |
|
127 |
app_dialog_schliessen(); |
|
128 |
app_meldung_mit_timeout('Speichern gewaehlt', 1500); |
|
129 |
}); |
|
130 |
break; |
|
131 |
case "3": |
|
132 |
break; |
|
133 |
default: |
|
134 |
app_meldung_mit_timeout( |
e6c850
|
135 |
'Sender ' + s.name + ', ID ' + s.id, |
56852d
|
136 |
1500 |
U |
137 |
); |
|
138 |
break; |
|
139 |
} |
136220
|
140 |
}); |
a480d0
|
141 |
}); |
U |
142 |
} |
|
143 |
|
b520d1
|
144 |
function app_dialog_laden_und_zeigen(vorlage, adresse) { |
36646e
|
145 |
if(adresse !== '') { |
U |
146 |
$.ajax({ |
|
147 |
url: adresse, |
|
148 |
type: "GET", |
|
149 |
dataType : "json" |
|
150 |
}).done(function( msg ) { |
8881ca
|
151 |
app_dialog_zeigen(vorlage, msg); |
36646e
|
152 |
}); |
U |
153 |
} else { |
8881ca
|
154 |
app_dialog_zeigen(vorlage, ''); |
36646e
|
155 |
} |
9e336a
|
156 |
} |
U |
157 |
|
47a970
|
158 |
/* |
U |
159 |
Ein Template vom Server in den Cache laden |
|
160 |
template_url - home.tpl, prefs.tpl, sender.tpl |
|
161 |
tname - 'home', 'prefs', 'sender' |
|
162 |
*/ |
|
163 |
function app_get_template(template_url, tname) { |
|
164 |
$.ajax({ |
|
165 |
url: template_url, |
|
166 |
type: "GET", |
|
167 |
dataType : "text" |
|
168 |
}).done(function( template ) { |
|
169 |
templateCache[tname] = template; |
|
170 |
}); |
623a61
|
171 |
} |
e6c850
|
172 |
|
U |
173 |
/* Objekte */ |
|
174 |
|
|
175 |
function Sender(i, n, u, l) { |
|
176 |
this.id = i; |
|
177 |
this.name = n; |
|
178 |
this.url = u; |
|
179 |
this.logo = l; |
|
180 |
} |