root/src/users/sms.tt2

   1 [% META title = 'SMS' %]
   2
   3 <form action="postsms" method="post" id="sms"><fieldset class="forum-post">
   4 <legend>New SMS</legend>
   5         <p>Available credits: [% credits %]</p>
   6         <p><span id="recadd">Receiver(s): </span><select name="uid" multiple size="5">
   7 [% FOR u IN users %]
   8                 <option value="[% u.uid %]" [% IF uid == u.uid %]selected[% END %]>[% u.username %]</option>
   9 [% END %]
  10                 </select></p>
  11         <div id="receivers"></div>
  12         <p>Message <input type="text" name="message" size="50" value=""></p>
  13         <br>
  14         <input type="submit" name="cmd" value="Submit">
  15 </fieldset>
  16 </form>
  17
  18 <table>
  19         <tr><th>Sender</th><th>Receiver</th><th>Message</th><th>Cost</th><th>Status</th><th>Time</th></tr>
  20 [% FOR s IN sms %]
  21         <tr class="[% loop.count % 2 == 0 ? 'even' : 'odd' %]">
  22                 <td>[% s.sender | html %]</td>
  23                 <td>+[% s.number %] ([% s.receiver | html %])</td>
  24                 <td>[% s.message | html %]</td>
  25                 <td>[% s.cost %]</td>
  26                 <td>[% s.status | html %]</td>
  27                 <td>[% s.time %]</td>
  28         </tr>
  29 [% END %]
  30 </table>
  31
  32 <script type="text/javascript">
  33 $(document).ready(function(){
  34         $('select').attr({name:'u', size: 1, multiple: null}).after($('<input type="button" id="add" value="Add">'));
  35         $('#recadd').text('Users: ');
  36         $('#receivers').append('Receiver(s):');
  37
  38         $('#add').click(function(){
  39                 var u = $('option:selected');
  40                 $('#receivers').append($('<p>'+u.text()+': <input type="checkbox" name="uid" checked value='+u.val()+'><\/p>'));
  41         });
  42
  43         $('#sms').submit(function(){
  44                 if(!$('#sms :checkbox[name=uid][checked]').val()){
  45                         alert('You need to add a receiver.');
  46                         return false;
  47                 }
  48                 if($('#sms :input[name=message]').val() == ''){
  49                         alert('You need to write a message');
  50                         return false;
  51                 }
  52         });
  53 });
  54 </script>