--- misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/13 22:19:31	2126
+++ misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/15 08:53:45	2127
@@ -19,25 +19,23 @@
 $( function() {
 
     $("#select-enhed").change( function() {
+        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");
+        });
     });
     
     
@@ -46,14 +44,70 @@
     });
     
     $("#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() {
+        
+        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 post = {
+			medlemmer: medlemmerStr,
+			nye: nyeStr,
+			enhed: enhedStr
+		}
+		var postStr = $.param(post);
+        
+        $.post("moede_post.php", postStr, function(){
+        	alert( "Gemt!" );
+    
+            $("#select-enhed").val('ingen');
+            $("#select-enhed").selectmenu( "refresh" );
+            
+        	rydMoedeDeltagere();
+        });
+
+    });
+    
 });
 
+
+function rydMoedeDeltagere() {
+    $("#medlemmer").find(".medlem").remove();
+    $("#medlemmer").listview('refresh');
+    
+    $("#nye").find(".medlem").remove();
+    $("#nye").listview('refresh');
+
+}
 </script>
 
 </head>
@@ -98,7 +152,7 @@
         <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>
    
@@ -118,7 +172,8 @@
 
 
 	</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">
 
 
 <div style="display: none">