/[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 2141 by torben, Wed Apr 9 17:17:04 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 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>  </script>
137    
138  </head>  </head>
# Line 98  $( function() { Line 177  $( function() {
177          <option value="b_ver">B&aelig;ver</option>          <option value="b_ver">B&aelig;ver</option>
178          <option value="ulv">Ulve</option>          <option value="ulv">Ulve</option>
179          <option value="junior">Junior</option>          <option value="junior">Junior</option>
180          <option value="spejder">Trop</option>          <option value="spejder">Spejder</option>
181          <option value="senior">Senior</option>          <option value="senior">Senior</option>
182      </select>      </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&oslash;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">          <ul data-role="listview"  data-divider-theme="b" data-inset="true" id="medlemmer">
192              <li data-role="list-divider" role="heading">              <li data-role="list-divider" role="heading">
193                  Medlemmer                  Medlemmer
# Line 113  $( function() { Line 199  $( function() {
199              </li>              </li>
200          </ul>          </ul>
201                    
202          <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" />
203    
204    
205    
206          </div>          </div>
207                  <input type="button" value="Gem M&oslash;de" id="tilfoej" data-inset="true">          
208            <input type="button" value="Gem M&oslash;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">  <div style="display: none">
Legend:
Removed from v.2126  
changed lines
  Added in v.2141
  ViewVC Help
Powered by ViewVC 1.1.20