root/src/forum/privmsg.tt2

   1 [% META title = 'Private Message' %]
   2
   3 <form action="[% c.uri_for('postprivmsg') %]" method="post" id="privmsg"><fieldset class="forum-post">
   4 <legend>New Private Message</legend>
   5         <p><span id="recadd">Receiver(s): </span><select name="uid" multiple size="5">
   6 [% FOR u IN users %]
   7                 <option value="[% u.uid %]" [% IF uid == u.uid %]selected[% END %]>[% u.username %]</option>
   8 [% END %]
   9                 </select></p>
  10         <div id="receivers"></div>
  11         <p>Subject: <input type="text" name="subject" value=""></p>
  12         <textarea rows="25" cols="60" name="message"></textarea>
  13         <br>
  14         <input type="submit" name="cmd" value="Submit">
  15         <input type="submit" name="cmd" value="Preview">
  16 </fieldset>
  17 </form>
  18
  19 <script type="text/javascript">
  20 $(document).ready(function(){
  21         $('select').attr({name:'u', size: 1, multiple: null}).after($('<input type="button" id="add" value="Add">'));
  22         $('#recadd').text('Users: ');
  23         $('#receivers').append('Receiver(s):');
  24
  25         $('#add').click(function(){
  26                 var u = $('option:selected');
  27                 $('#receivers').append($('<p>'+u.text()+': <input type="checkbox" name="uid" checked value='+u.val()+'><\/p>'));
  28         });
  29
  30         $('#privmsg').submit(function(){
  31                 if(!$('#privmsg :checkbox[name=uid][checked]').val()){
  32                         alert('You need to add a receiver.');
  33                         return false;
  34                 }
  35                 if($('#privmsg :input[name=subject]').val() == ''){
  36                         alert('You need to write a subject');
  37                         return false;
  38                 }
  39                 if($('#privmsg :input[name=message]').val() == ''){
  40                         alert('You need to write a message');
  41                         return false;
  42                 }
  43         });
  44 });
  45 </script>