--- misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/15 08:53:45	2127
+++ misc/horsensspejder-web/mobile/moedeprotokol.php	2014/04/09 17:17:04	2141
@@ -11,14 +11,27 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<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 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" 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>
+
+
 <script type="text/javascript">
 
 $( function() {
 
+
+	$("#dato").val( '<?php echo date("d-m-Y"); ?>' );
+
     $("#select-enhed").change( function() {
+    
+        $.mobile.loading( "show" );
+    
         rydMoedeDeltagere();
     
         var medlemmer = $("#medlemmer");
@@ -35,6 +48,8 @@
             }
             
             medlemmer.listview('refresh');
+            
+            $.mobile.loading( "hide" );
         });
     });
     
@@ -60,6 +75,9 @@
     });
     
     $("#gem").click( function() {
+
+        $.mobile.loading( "show" );
+
         
         var medlemmer = new Array();
     
@@ -78,21 +96,27 @@
         var nyeStr = nye.join("|");
         
         var enhedStr = $("#select-enhed").val();
+        
+        var emneStr = $("#emne").val();
 		
 		var post = {
 			medlemmer: medlemmerStr,
 			nye: nyeStr,
-			enhed: enhedStr
+			enhed: enhedStr,
+			emne: emneStr
 		}
 		var postStr = $.param(post);
         
         $.post("moede_post.php", postStr, function(){
-        	alert( "Gemt!" );
-    
+
             $("#select-enhed").val('ingen');
             $("#select-enhed").selectmenu( "refresh" );
             
         	rydMoedeDeltagere();
+        	
+	        $.mobile.loading( "hide" );
+        	alert( "Gemt!" );
+        	
         });
 
     });
@@ -106,7 +130,8 @@
     
     $("#nye").find(".medlem").remove();
     $("#nye").listview('refresh');
-
+	
+	$("emne").val("");
 }
 </script>
 
@@ -155,7 +180,14 @@
         <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
@@ -167,13 +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="gem" 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">