<webscript>
  <shortname>Add email to invite list</shortname>
  <description>Add email to invite list</description>
  <url>/components/invite/addemail</url>
</webscript>

<!-- Add Email Assets -->
<link rel="stylesheet" type="text/css" href="${page.url.context}/components/invite/addemail.css" />
<script type="text/javascript" src="${page.url.context}/components/invite/addemail.js"></script>

<script type="text/javascript">//<![CDATA[
   new Alfresco.AddEmailInvite("${args.htmlid}").setOptions(
   {
      siteId: "${page.url.templateArgs.site!""}"
   }).setMessages(
      ${messages}
   );
//]]></script>

<div id="${args.htmlid}-body" class="inviteusersbyemail">
   <div class="title">${msg("addemail.title")}</div>
   <div class="byemailbody">  
      <table class="byemailuser">
         <tr>
            <td class="elabel"><label for="${args.htmlid}-firstname">${msg("addemail.firstname")}:</label></td>
            <td class="einput"><input type="text" id="${args.htmlid}-firstname" tabindex="100" /></td>
            <td class="byemailadd" colspan="3">
               <button id="${args.htmlid}-add-email-button" tabindex="103" >${msg("addemail.add")} &gt;&gt;</button> 
            </td>
         </tr>
         <tr>
            <td class="elabel"><label for="${args.htmlid}-lastname">${msg("addemail.lastname")}:</label></td>
            <td class="einput"><input type="text" id="${args.htmlid}-lastname" tabindex="101" /></td>
         </tr>
         <tr>
            <td class="elabel"><label for="${args.htmlid}-email">${msg("addemail.email")}:</label></td>
            <td class="einput"><input type="text" id="${args.htmlid}-email" tabindex="102" /></td>
         </tr>
      </table>
   </div>
</div>

addemail.title=...Add External Users
addemail.firstname=First Name
addemail.lastname=Last Name
addemail.email=Email
addemail.add=Add
addemail.mandatoryfieldsmissing=All fields must be completed