--- misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/13 22:19:31	2126
+++ misc/horsensspejder-web/mobile/moedeprotokol.php	2014/05/30 07:28:28	2184
@@ -8,36 +8,49 @@
 <html>
 <head>
 
-<meta name="viewport" content="width=device-width, initial-scale=1" />
+<?php
+include "jquery.html";
+?>
+
+
+<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.min.css" /> <!-- datebox -->
+
+
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.core.min.js"></script>
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.mode.calbox.min.js"></script>
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.da.asc.js"></script>
 
-<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
-<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
 
 <script type="text/javascript">
 
 $( function() {
 
+
+	$("#dato").val( '<?php echo date("d-m-Y"); ?>' );
+
     $("#select-enhed").change( function() {
+    
+        $.mobile.loading( "show" );
+    
+        rydMoedeDeltagere();
+    
         var medlemmer = $("#medlemmer");
         var sel = $(this).val();
-        $.get("moede_json_medlemmer.php","enhed=" + sel, function(data) {
-        
-        	medlemmer.find(".medlem").remove();
-        	$("#nye").find(".medlem").remove();
-        	$("#nye").listview('refresh');
+        $.getJSON("moede_json_medlemmer.php","enhed=" + sel, function(data) {
         
             for (var i =0; i<data.length; i++) {
             	var entry = data[i];
-                console.log(entry);
                 
-                var li = "<li class='medlem'><input type='checkbox'> " + entry + "</li>";
+                var li = "<li class='medlem'><input type='checkbox' name='medlem[]' value='NAVN'> NAVN</li>";
+                li = li.replace( /NAVN/g, entry)
                 
                 medlemmer.append(li);
             }
             
             medlemmer.listview('refresh');
-        },"json");
+            
+            $.mobile.loading( "hide" );
+        });
     });
     
     
@@ -46,14 +59,80 @@
     });
     
     $("#btnOK").click( function() {
-    	 var nynavn = $("#nyNavn").val();
+    	var nynavn = $("#nyNavn").val();
+    	$("#nyNavn").val( "" );
     	 
-    	 var li = "<li class='medlem'> " + nynavn + "</li>";
+		var li = "<li class='medlem'><input type='checkbox' checked='checked' value='NAVN'> NAVN</li>";
+		li = li.replace( /NAVN/g, nynavn)
+
     	 
-    	 $("#nye").append( li ).listview('refresh');
+    	$("#nye").append( li ).listview('refresh');
+    });
+    
+    
+    $( "#popupDialog" ).on( "popupafteropen", function( event, ui ) {
+        $("#nyNavn").focus();
+    });
+    
+    $("#gem").click( function() {
+
+        $.mobile.loading( "show" );
+
+        
+        var medlemmer = new Array();
+    
+        $("#medlemmer :checked").each( function(index) {
+        	console.log( $(this).attr("value") );
+            medlemmer.push( $(this).attr("value") )
+        });
+        var medlemmerStr = medlemmer.join("|");
+        
+        var nye = new Array();
+    
+        $("#nye :checked").each( function(index) {
+        	console.log( $(this).attr("value") );
+            nye.push( $(this).attr("value") )
+        });
+        var nyeStr = nye.join("|");
+        
+        var enhedStr = $("#select-enhed").val();
+        
+        var emneStr = $("#emne").val();
+		
+		var post = {
+			medlemmer: medlemmerStr,
+			nye: nyeStr,
+			enhed: enhedStr,
+			emne: emneStr
+		}
+		var postStr = $.param(post);
+        
+        $.post("moede_post.php", postStr, function(){
+
+            $("#select-enhed").val('ingen');
+            $("#select-enhed").selectmenu( "refresh" );
+            
+        	rydMoedeDeltagere();
+        	
+	        $.mobile.loading( "hide" );
+        	alert( "Gemt!" );
+        	
+        });
+
     });
+    
 });
 
+
+function rydMoedeDeltagere() {
+    $("#medlemmer").find(".medlem").remove();
+    $("#medlemmer").listview('refresh');
+    
+    $("#nye").find(".medlem").remove();
+    $("#nye").listview('refresh');
+	
+	$("emne").val("");
+}
 </script>
 
 </head>
@@ -98,10 +177,17 @@
         <option value="b_ver">B&aelig;ver</option>
         <option value="ulv">Ulve</option>
         <option value="junior">Junior</option>
-        <option value="spejder">Trop</option>
+        <option value="spejder">Spejder</option>
         <option value="senior">Senior</option>
     </select>
-   
+<!--
+	<label for="dato">Dato</label>
+	<input name="dato" id="dato" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' />
+-->
+	<label for="emne">M&oslash;de Emne</label>
+	
+	<input  name="emne" id="emne" type="text" maxlength="10"/>
+
         <ul data-role="listview"  data-divider-theme="b" data-inset="true" id="medlemmer">
             <li data-role="list-divider" role="heading">
                 Medlemmer
@@ -113,12 +199,18 @@
             </li>
         </ul>
         
-        <input id="tilfoejny" type="button" value="Tilf&oslash;j ny" id="tilfoej" data-inset="true">
+        <input id="tilfoejny" type="button" value="Tilf&oslash;j ny" id="tilfoej" data-inset="true" />
 
 
 
 	</div>
-		<input type="button" value="Gem M&oslash;de" id="tilfoej" data-inset="true">
+	
+	<input type="button" value="Gem M&oslash;de" id="gem" data-inset="true" >
+
+	<br><!-- force some space after last button -->
+	<br>
+	<br>
+	<br>
 
 
 <div style="display: none">
