Difference between revisions of "Form:Person"
From Organic Design wiki
(New page: <noinclude> This is the 'Person' form....) |
(Imported from work.organicdesign.co.nz by sync-wikiorg.pl) |
||
(3 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | < | + | <html> |
− | + | <form method="POST" onsubmit="return createName(this)"> | |
− | + | <fieldset> | |
− | {{ | + | <legend>Name</legend> |
− | + | <table> | |
− | </ | + | <tr> |
− | < | + | <th><label for="title">Title:</label></th> |
− | + | <td><select name="Title" id="title">{{FormSelectList|Od-person-title-list}}</select>{{Form-tooltip|{{MediaWiki:Od-person-title-list-info}}}}</td> | |
− | < | + | <th><label for="avatar">Profile Image:</label></th> |
− | + | <td><input id="avatar" name="Avatar" type="File"></td> | |
− | {{{ | + | </tr> |
− | + | <tr> | |
− | + | <th><label class="req-arrow" for="first-name">First Name:</label></th> | |
− | + | <td colspan="2"><input class=":format;/^[A-Z][-a-zA-Z]+$/" id="first-name" name="FirstName" /></td> | |
− | + | <td rowspan="2"> | |
− | + | {{#if:{{AVATAR:{{CURRENTUSER}}}}|{{#tag:html|<img src="{{AVATAR:{{CURRENTUSER}}}}" height="100px" />}}}} | |
− | + | {{#if:{{AVATAR:{{PAGENAME}}}}|{{#tag:html|<img src="{{AVATAR:{{PAGENAME}}}}" height="100px" />}}}} | |
− | + | </td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th><label for="middlename">Middle name:</label></th> | |
− | + | <td colspan="2"><input class=":format;/^[-a-zA-Z ]+$/" id="middlename" name="MiddleName" /></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | < | + | <th><label class="req-arrow" for="surname">Surname:</label></th> |
− | < | + | <td colspan="2"><input class=":format;/^[-a-zA-Z ]+$/" id="surname" name="Surname" /></td> |
− | < | + | </tr> |
− | </ | + | </table> |
− | + | </fieldset> | |
+ | <fieldset> | ||
+ | <legend>Contact Details</legend> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <th><label for="office-phone">Office Phone:</label></th> | ||
+ | <td><input name="OfficePhone" id="office-phone" /></td> | ||
+ | <th><label for="extension">Extension:</label></th> | ||
+ | <td><input name="Extension" size="3" id="extension" size="3" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="direct-dial">Direct Dial:</label></th> | ||
+ | <td><input name="DirectDial" id="direct-dial" /></td> | ||
+ | <th><label for="email">Primary email:</label></th> | ||
+ | <td><input name="Email" id="email" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="home-phone">Home Phone:</label></th> | ||
+ | <td><input name="HomePhone" id="home-phone" /></td> | ||
+ | <th><label for="mobile">Mobile:</label></th> | ||
+ | <td><input name="Mobile" id="mobile" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="skype-id">Skype ID:</label></th> | ||
+ | <td><input name="SkypeId" id="skype-id" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="auto-reply">Email Autoreply:</label></th> | ||
+ | <td colspan="3"> | ||
+ | <textarea name="AutoReply" id="auto-reply" /></textarea> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </fieldset> | ||
+ | <fieldset> | ||
+ | <legend>Address</legend> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <th><label for="unit">Unit / Number:</label></th> | ||
+ | <td><input name="Unit" size="2" id="unit" /> / <input name="No" id="No" size="3" /></td> | ||
+ | <th><label for="street">Street Name:</label></th> | ||
+ | <td><input name="Street" id="street" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for=city">City:</label></th> | ||
+ | <td><input name="City" id="city" /></td> | ||
+ | <th><label for="postcode">Postcode:</label></th> | ||
+ | <td><input name="Postcode" size="4" id="postcode" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="region">Region:</label></th> | ||
+ | <td><input name="Region" id="region" /></td> | ||
+ | <th><label for="suburb">Suburb:</label></th> | ||
+ | <td><input name="Suburb" id="suburb" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </fieldset> | ||
+ | <fieldset> | ||
+ | <legend>Administration</legend> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td colspan="4">{{MediaWiki:od-person-administration-info}}</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="external">External contributor:</label></th> | ||
+ | <td><input type="checkbox" name="External" id="external" style="float:left" />{{Form-tooltip-left|{{MediaWiki:Od-person-external-info}}}}</td> | ||
+ | <td colspan="2" /> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="roles">Roles:</label></th> | ||
+ | <td><select name="Roles[]" id="roles" multiple='multiple' size="4">{{FormSelectRecord|Role}}</select></td> | ||
+ | <th><label for="location">Location:</label></th> | ||
+ | <td><select name="Location[]" multiple="multiple" id="location" size="4">{{FormSelectList|Od-person-location-list}}</select>{{Form-tooltip|{{MediaWiki:Od-person-location-list-info}}}}</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="padding-top:0"> </td> | ||
+ | <td style="padding-top:0">{{MediaWiki:od-multiselect-click}}</td> | ||
+ | <td style="padding-top:0"> </td> | ||
+ | <td style="padding-top:0">{{MediaWiki:od-multiselect-click}}</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="crm">CRM:</label></th> | ||
+ | <td><input type="checkbox" name="CRM" id="crm" /></td> | ||
+ | <th><label for="imap">IMAP:</label></th> | ||
+ | <td><input type="checkbox" name="IMAP" id="imap" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="ssh">SSH:</label></th> | ||
+ | <td><input type="checkbox" name="SSH" id="ssh" /></td> | ||
+ | <th><label for="ftp">FTP:</label></th> | ||
+ | <td><input type="checkbox" name="FTP" id="ftp" /></td> | ||
+ | </tr> | ||
+ | <tr > | ||
+ | <th><label for="email-aliases">Email Aliases:</label></th> | ||
+ | <td colspan="3"> | ||
+ | <textarea name="EmailAliases" id="email-aliases" /></textarea><br />{{MediaWiki:od-textbox-alias}} | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="email-forwards">Email Forwards:</label></th> | ||
+ | <td colspan="3"> | ||
+ | <textarea name="EmailForwards" id="email-forwards" /></textarea><br />{{MediaWiki:od-textbox-forward}} | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4"><input type="checkbox" name="AdditionalAccounts" id="additional-accounts" onChange="showHideAdditionalAccounts()" /> <label for="additional-accounts">Show additional accounts information</label></td> | ||
+ | </tr> | ||
+ | <tr class="additional-accounts"><td colspan="4"> | ||
+ | <fieldset><legend>Second user account</legend><table> | ||
+ | <tr> | ||
+ | <th><label for="User2">Enabled:</label></th> | ||
+ | <td><input type="checkbox" name="User2" id="User2" value="Enabled" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="EmailAliases2">Email Aliases:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailAliases2" id="EmailAliases2" /></textarea> | ||
+ | <th><label for="EmailForwards2">Email Forwards:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailForwards2" id="EmailForwards2" /></textarea> | ||
+ | </tr> | ||
+ | </table></fieldset> | ||
+ | <fieldset><legend>Third account</legend><table> | ||
+ | <tr> | ||
+ | <th><label for="User3">Enabled:</label></th> | ||
+ | <td><input type="checkbox" name="User3" id="User3" value="Enabled" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="EmailAliases3">Email Aliases:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailAliases3" id="EmailAliases3" /></textarea> | ||
+ | <th><label for="EmailForwards3">Email Forwards:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailForwards3" id="EmailForwards3" /></textarea> | ||
+ | </tr> | ||
+ | </table></fieldset> | ||
+ | <fieldset><legend>Fourth account</legend><table> | ||
+ | <tr> | ||
+ | <th><label for="User4">Enabled:</label></th> | ||
+ | <td><input type="checkbox" name="User4" id="User4" value="Enabled" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="EmailAliases4">Email Aliases:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailAliases4" id="EmailAliases4" /></textarea> | ||
+ | <th><label for="EmailForwards4">Email Forwards:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailForwards4" id="EmailForwards4" /></textarea> | ||
+ | </tr> | ||
+ | </table></fieldset> | ||
+ | <fieldset><legend>Fifth account</legend><table> | ||
+ | <tr> | ||
+ | <th><label for="User5">Enabled:</label></th> | ||
+ | <td><input type="checkbox" name="User5" id="User5" value="Enabled" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th><label for="EmailAliases5">Email Aliases:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailAliases5" id="EmailAliases5" /></textarea> | ||
+ | <th><label for="EmailForwards5">Email Forwards:</label></th> | ||
+ | <td class="EmailList"><textarea name="EmailForwards5" id="EmailForwards5" /></textarea> | ||
+ | </tr> | ||
+ | </table></fieldset> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </fieldset> | ||
+ | <script type="text/javascript"> | ||
+ | function createName(form) { | ||
+ | document.getElementsByName("wpTitle")[0].value = document.getElementById("first-name").value + " " + document.getElementById("surname").value; | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | function showHideAdditionalAccounts() { | ||
+ | $('tr.additional-accounts').css('display',$('#additional-accounts').attr('checked')?'table-row':'none'); | ||
+ | } | ||
+ | showHideAdditionalAccounts(); | ||
+ | function createName(form) { | ||
+ | document.getElementsByName("wpTitle")[0].value = document.getElementById("FirstName").value + " " + document.getElementById("Surname").value; | ||
+ | } | ||
+ | </script> | ||
+ | </form> | ||
+ | </html> |
Latest revision as of 04:23, 23 July 2010