+[% META title = 'Private Message' %]
+
+<form action="[% c.uri_for('postprivmsg') %]" method="post" id="privmsg"><fieldset class="forum-post">
+<legend>New Private Message</legend>
+ <p><span id="recadd">Receiver(s): </span><select name="uid" multiple size="5">
+[% FOR u IN users %]
+ <option value="[% u.uid %]" [% IF uid == u.uid %]selected[% END %]>[% u.username %]</option>
+[% END %]
+ </select></p>
+ <div id="receivers"></div>
+ <p>Subject: <input type="text" name="subject" value=""></p>
+ <textarea rows="25" cols="60" name="message"></textarea>
+ <br>
+ <input type="submit" name="cmd" value="Submit">
+ <input type="submit" name="cmd" value="Preview">
+</fieldset>
+</form>
+
+<script type="text/javascript">
+$(document).ready(function(){
+ $('select').attr({name:'u', size: 1, multiple: null}).after($('<input type="button" id="add" value="Add">'));
+ $('#recadd').text('Users: ');
+ $('#receivers').append('Receiver(s):');
+
+ $('#add').click(function(){
+ var u = $('option:selected');
+ $('#receivers').append($('<p>'+u.text()+': <input type="checkbox" name="uid" checked value='+u.val()+'><\/p>'));
+ });
+
+ $('#privmsg').submit(function(){
+ if(!$('#privmsg :checkbox[@name=uid][@checked]').val()){
+ alert('You need to add a receiver.');
+ return false;
+ }
+ if($('#privmsg :input[@name=subject]').val() == ''){
+ alert('You need to write a subject');
+ return false;
+ }
+ if($('#privmsg :input[@name=message]').val() == ''){
+ alert('You need to write a message');
+ return false;
+ }
+ });
+});
+</script>