/[projects]/misc/horsensspejder-web/mobile/moedeprotokol.php
ViewVC logotype

Diff of /misc/horsensspejder-web/mobile/moedeprotokol.php

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 2126 by torben, Thu Mar 13 22:19:31 2014 UTC revision 2133 by torben, Thu Mar 20 17:07:33 2014 UTC
# Line 11  session_start(); Line 11  session_start();
11  <meta name="viewport" content="width=device-width, initial-scale=1" />  <meta name="viewport" content="width=device-width, initial-scale=1" />
12    
13  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
14    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.min.css" /> <!-- datebox -->
15    
16  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
17  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
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">  <script type="text/javascript">
25    
26  $( function() {  $( function() {
27    
28    
29            $("#dato").val( '<?php echo date("d-m-Y"); ?>' );
30    
31      $("#select-enhed").change( function() {      $("#select-enhed").change( function() {
32        
33            $.mobile.loading( "show" );
34        
35            rydMoedeDeltagere();
36        
37          var medlemmer = $("#medlemmer");          var medlemmer = $("#medlemmer");
38          var sel = $(this).val();          var sel = $(this).val();
39          $.get("moede_json_medlemmer.php","enhed=" + sel, function(data) {          $.getJSON("moede_json_medlemmer.php","enhed=" + sel, function(data) {
           
                 medlemmer.find(".medlem").remove();  
                 $("#nye").find(".medlem").remove();  
                 $("#nye").listview('refresh');  
40                    
41              for (var i =0; i<data.length; i++) {              for (var i =0; i<data.length; i++) {
42                  var entry = data[i];                  var entry = data[i];
                 console.log(entry);  
43                                    
44                  var li = "<li class='medlem'><input type='checkbox'> " + entry + "</li>";                  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);                  medlemmer.append(li);
48              }              }
49                            
50              medlemmer.listview('refresh');              medlemmer.listview('refresh');
51          },"json");              
52                $.mobile.loading( "hide" );
53            });
54      });      });
55            
56            
# Line 46  $( function() { Line 59  $( function() {
59      });      });
60            
61      $("#btnOK").click( function() {      $("#btnOK").click( function() {
62           var nynavn = $("#nyNavn").val();          var nynavn = $("#nyNavn").val();
63            $("#nyNavn").val( "" );
64                    
65           var li = "<li class='medlem'> " + nynavn + "</li>";                  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');          $("#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 post = {
101                            medlemmer: medlemmerStr,
102                            nye: nyeStr,
103                            enhed: enhedStr
104                    }
105                    var postStr = $.param(post);
106            
107            $.post("moede_post.php", postStr, function(){
108    
109                $("#select-enhed").val('ingen');
110                $("#select-enhed").selectmenu( "refresh" );
111                
112                    rydMoedeDeltagere();
113                    
114                    $.mobile.loading( "hide" );
115                    alert( "Gemt!" );
116                    
117            });
118    
119        });
120        
121  });  });
122    
123    
124    function rydMoedeDeltagere() {
125        $("#medlemmer").find(".medlem").remove();
126        $("#medlemmer").listview('refresh');
127        
128        $("#nye").find(".medlem").remove();
129        $("#nye").listview('refresh');
130    
131    }
132  </script>  </script>
133    
134  </head>  </head>
# Line 98  $( function() { Line 173  $( function() {
173          <option value="b_ver">B&aelig;ver</option>          <option value="b_ver">B&aelig;ver</option>
174          <option value="ulv">Ulve</option>          <option value="ulv">Ulve</option>
175          <option value="junior">Junior</option>          <option value="junior">Junior</option>
176          <option value="spejder">Trop</option>          <option value="spejder">Spejder</option>
177          <option value="senior">Senior</option>          <option value="senior">Senior</option>
178      </select>      </select>
179    
180            <label for="dato">Dato</label>
181            <input name="dato" id="dato" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' />
182        
183          <ul data-role="listview"  data-divider-theme="b" data-inset="true" id="medlemmer">          <ul data-role="listview"  data-divider-theme="b" data-inset="true" id="medlemmer">
184              <li data-role="list-divider" role="heading">              <li data-role="list-divider" role="heading">
# Line 118  $( function() { Line 196  $( function() {
196    
197    
198          </div>          </div>
199                  <input type="button" value="Gem M&oslash;de" id="tilfoej" data-inset="true">          
200            <input type="button" value="Gem M&oslash;de" id="gem" data-inset="true" >
201    
202            <br><!-- force some space after last button -->
203            <br>
204            <br>
205            <br>
206    
207    
208  <div style="display: none">  <div style="display: none">
Legend:
Removed from v.2126  
changed lines
  Added in v.2133
  ViewVC Help
Powered by ViewVC 1.1.20