1 |
<?php |
2 |
require "../inc/mysql.php"; |
3 |
header("Content-Type: text/html; charset=iso-8859-1"); |
4 |
session_start(); |
5 |
|
6 |
?> |
7 |
|
8 |
<html> |
9 |
<head> |
10 |
|
11 |
<?php |
12 |
include "jquery.html"; |
13 |
?> |
14 |
|
15 |
|
16 |
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.min.css" /> <!-- datebox --> |
17 |
|
18 |
|
19 |
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.core.min.js"></script> |
20 |
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.mode.calbox.min.js"></script> |
21 |
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.da.asc.js"></script> |
22 |
|
23 |
|
24 |
<script type="text/javascript"> |
25 |
|
26 |
$( function() { |
27 |
|
28 |
|
29 |
$("#dato").val( '<?php echo date("d-m-Y"); ?>' ); |
30 |
|
31 |
$("#select-enhed").change( function() { |
32 |
|
33 |
$.mobile.loading( "show" ); |
34 |
|
35 |
rydMoedeDeltagere(); |
36 |
|
37 |
var medlemmer = $("#medlemmer"); |
38 |
var sel = $(this).val(); |
39 |
$.getJSON("moede_json_medlemmer.php","enhed=" + sel, function(data) { |
40 |
|
41 |
for (var i =0; i<data.length; i++) { |
42 |
var entry = data[i]; |
43 |
|
44 |
var li = "<li class='medlem'><input type='checkbox' name='medlem[]' value='NAVN'> NAVN</li>"; |
45 |
li = li.replace( /NAVN/g, entry) |
46 |
|
47 |
medlemmer.append(li); |
48 |
} |
49 |
|
50 |
medlemmer.listview('refresh'); |
51 |
|
52 |
$.mobile.loading( "hide" ); |
53 |
}); |
54 |
}); |
55 |
|
56 |
|
57 |
$("#tilfoejny").click( function() { |
58 |
$("#popupDialog").popup("open"); |
59 |
}); |
60 |
|
61 |
$("#btnOK").click( function() { |
62 |
var nynavn = $("#nyNavn").val(); |
63 |
$("#nyNavn").val( "" ); |
64 |
|
65 |
var li = "<li class='medlem'><input type='checkbox' checked='checked' value='NAVN'> NAVN</li>"; |
66 |
li = li.replace( /NAVN/g, nynavn) |
67 |
|
68 |
|
69 |
$("#nye").append( li ).listview('refresh'); |
70 |
}); |
71 |
|
72 |
|
73 |
$( "#popupDialog" ).on( "popupafteropen", function( event, ui ) { |
74 |
$("#nyNavn").focus(); |
75 |
}); |
76 |
|
77 |
$("#gem").click( function() { |
78 |
|
79 |
$.mobile.loading( "show" ); |
80 |
|
81 |
|
82 |
var medlemmer = new Array(); |
83 |
|
84 |
$("#medlemmer :checked").each( function(index) { |
85 |
console.log( $(this).attr("value") ); |
86 |
medlemmer.push( $(this).attr("value") ) |
87 |
}); |
88 |
var medlemmerStr = medlemmer.join("|"); |
89 |
|
90 |
var nye = new Array(); |
91 |
|
92 |
$("#nye :checked").each( function(index) { |
93 |
console.log( $(this).attr("value") ); |
94 |
nye.push( $(this).attr("value") ) |
95 |
}); |
96 |
var nyeStr = nye.join("|"); |
97 |
|
98 |
var enhedStr = $("#select-enhed").val(); |
99 |
|
100 |
var emneStr = $("#emne").val(); |
101 |
|
102 |
var post = { |
103 |
medlemmer: medlemmerStr, |
104 |
nye: nyeStr, |
105 |
enhed: enhedStr, |
106 |
emne: emneStr |
107 |
} |
108 |
var postStr = $.param(post); |
109 |
|
110 |
$.post("moede_post.php", postStr, function(){ |
111 |
|
112 |
$("#select-enhed").val('ingen'); |
113 |
$("#select-enhed").selectmenu( "refresh" ); |
114 |
|
115 |
rydMoedeDeltagere(); |
116 |
|
117 |
$.mobile.loading( "hide" ); |
118 |
alert( "Gemt!" ); |
119 |
|
120 |
}); |
121 |
|
122 |
}); |
123 |
|
124 |
}); |
125 |
|
126 |
|
127 |
function rydMoedeDeltagere() { |
128 |
$("#medlemmer").find(".medlem").remove(); |
129 |
$("#medlemmer").listview('refresh'); |
130 |
|
131 |
$("#nye").find(".medlem").remove(); |
132 |
$("#nye").listview('refresh'); |
133 |
|
134 |
$("emne").val(""); |
135 |
} |
136 |
</script> |
137 |
|
138 |
</head> |
139 |
|
140 |
|
141 |
<body> |
142 |
|
143 |
<!-- Home --> |
144 |
<div data-role="page" id="page_moede"> |
145 |
<div data-theme="a" data-role="header"> |
146 |
<h3> |
147 |
Horsens Spejder |
148 |
</h3> |
149 |
</div> |
150 |
<div data-role="navbar" data-iconpos="top"> |
151 |
<ul> |
152 |
<li> |
153 |
<a href="#page_moede" data-transition="fade" data-theme="" data-icon="check" |
154 |
class="ui-btn-active ui-state-persist"> |
155 |
Møde<br>Protokol |
156 |
</a> |
157 |
</li> |
158 |
|
159 |
<li> |
160 |
<a href="inbox.php" data-transition="fade" data-theme="" data-icon="grid"> |
161 |
SMS Inbox<br> |
162 |
</a> |
163 |
</li> |
164 |
<li> |
165 |
<a href="personer.php" data-transition="fade" data-theme="" data-icon="bars"> |
166 |
Kontakter<br> |
167 |
</a> |
168 |
</li> |
169 |
|
170 |
</ul> |
171 |
</div> |
172 |
|
173 |
|
174 |
<div data-role="content"> |
175 |
<select name="select-enhed" id="select-enhed"> |
176 |
<option value="ingen">Vælg Enhed</option> |
177 |
<option value="b_ver">Bæver</option> |
178 |
<option value="ulv">Ulve</option> |
179 |
<option value="junior">Junior</option> |
180 |
<option value="spejder">Spejder</option> |
181 |
<option value="senior">Senior</option> |
182 |
</select> |
183 |
<!-- |
184 |
<label for="dato">Dato</label> |
185 |
<input name="dato" id="dato" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' /> |
186 |
--> |
187 |
<label for="emne">Møde Emne</label> |
188 |
|
189 |
<input name="emne" id="emne" type="text" maxlength="10"/> |
190 |
|
191 |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="medlemmer"> |
192 |
<li data-role="list-divider" role="heading"> |
193 |
Medlemmer |
194 |
</li> |
195 |
</ul> |
196 |
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="nye"> |
197 |
<li data-role="list-divider" role="heading"> |
198 |
Nye |
199 |
</li> |
200 |
</ul> |
201 |
|
202 |
<input id="tilfoejny" type="button" value="Tilføj ny" id="tilfoej" data-inset="true" /> |
203 |
|
204 |
|
205 |
|
206 |
</div> |
207 |
|
208 |
<input type="button" value="Gem Møde" id="gem" data-inset="true" > |
209 |
|
210 |
<br><!-- force some space after last button --> |
211 |
<br> |
212 |
<br> |
213 |
<br> |
214 |
|
215 |
|
216 |
<div style="display: none"> |
217 |
|
218 |
<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> |
219 |
<div data-role="header" data-theme="a" class="ui-corner-top"> |
220 |
<h1>Tilføj ny</h1> |
221 |
|
222 |
</div> |
223 |
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> |
224 |
<h3 class="ui-title">Indtast navn</h3> |
225 |
|
226 |
<input type="text" name="nyNavn" id="nyNavn" value="" placeholder="Navn" /> |
227 |
<a id="btnOK" href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">OK</a> |
228 |
<a id="btnCancel" href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a> |
229 |
|
230 |
</div> |
231 |
</div> |
232 |
</div> |
233 |
|
234 |
|
235 |
|
236 |
</div><!-- END page --> |
237 |
|
238 |
|
239 |
</body> |
240 |
</html> |