vesta/web/templates/admin/add_mail_acc.html

    <div class="l-center">
      <div class="l-sort clearfix">
        <div class="l-sort-toolbar clearfix float-left">
                <span class="title"><b><?=__('Adding Mail Account')?></b></span>
                  <?php
                    if (!empty($_SESSION['error_msg'])) {
                      echo "<span class=\"vst-error\"> → ".htmlentities($_SESSION['error_msg'])."</span>";
                    } else {
                      if (!empty($_SESSION['ok_msg'])) {
                        echo "<span class=\"vst-ok\"> → ".$_SESSION['ok_msg']."</span>";
                      }
                    }
                  ?>
        </div>
      </div>
    </div>

    <div class="l-separator"></div>
    <!-- /.l-separator -->

    <div class="l-center">
        <?php
          $back = $_SESSION['back'];
          if (empty($back)) {
            $back = "location.href='/list/mail/?domain=".$v_domain."'";
          } else {
            $back = "location.href='".$back."'";
          }
        ?>
        <form id="vstobjects" name="v_add_mail_acc" method="post">
            <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
            <input type="hidden" name="ok_acc" value="add" />

            <table class="data mode-add">
            <tr class="data-add">
                <td class="data-dotted">
                    <table class="data-col1">
                        <tr><td></td></tr>
                    </table>
                </td>
                <td class="data-dotted">
                    <table class="data-col2" width="600px">
                        <tr>
                            <td class="vst-text step-top">
                                <?php print __('Domain');?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input" name="v_domain" <?php echo "value=".htmlentities($v_domain);  ?> disabled ><input type="hidden" name="v_domain" <?php echo "value=".htmlentities($v_domain);  ?>>
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <?php print __('Account');?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input" name="v_account" <?php if (!empty($v_account)) echo "value=".htmlentities($v_account); ?>>
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <?php print __('Password');?> / <a href="javascript:randomString();" class="generate"><?php print __('generate');?></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" size="20" class="vst-input password" name="v_password">
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <a href="javascript:elementHideShow('advtable');" class="vst-advanced"> <?php print __('Advanced options');?></a>
                            </td>
                        </tr>
                        <tr>
                            <td class="vst-text input-label">
                                <table style="display:<?php if (empty($v_adv)) echo 'none';?> ;" id="advtable">
                                    <tr>
                                        <td class="vst-text input-label">
                                            <?php print __('Quota');?> <span class="optional">(<?=__('in megabytes')?>)</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="text" size="20" class="vst-input" name="v_quota" <?php if (!empty($v_quota)) echo "value=".htmlentities($v_quota); ?>>
                                            <img class="unlim-trigger" id="unlim-quota" src="/images/unlim.png" />
                                        </td>
                                    </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <?php print __('Aliases');?> <span class="optional">(<?=__('use local-part')?>)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <textarea size="20" class="vst-textinput" name="v_aliases"><?php if (!empty($v_aliases)) echo htmlentities($v_aliases);  ?></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <?php print __('Forward to');?> <span class="optional">(<?=__('one or more email addresses')?>)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <textarea size="20" class="vst-textinput" name="v_fwd"><?php if (!empty($v_fwd)) echo htmlentities($v_fwd);  ?></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="vst-text input-label">
                                        <label><input type="checkbox" size="20" class="vst-checkbox" name="v_fwd_only" <?php if ($v_fwd_only == 'yes') echo "checked=yes" ?>> <?php print __('Do not store forwarded mail');?></label>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <table class="data-col2">
                    <tr>
                        <td class="step-top" width="116px">
                            <input type="submit" name="ok_acc" value="<?php print __('Add');?>" class="button">
                        </td>
                        <td class="step-top">
                            <input type="button" class="button cancel" value="<?php print __('Back');?>" onclick="<?php echo $back ?>">
                        </td>
                    </tr>
                </table>
            </td>
            <td class="mail-infoblock-td">
                <div class="mail-infoblock">
                <table>
                    <tr>
                        <td>Username:</td>
                        <td><span id="v_account">william.cage</span>@<?=htmlentities($v_domain)?></td>
                    </tr>
                    <tr>
                        <td>Password:</td>
                        <td id="v_password">******</td>
                    </tr>
                    <tr>
                        <td>IMAP hostname:</td>
                        <td><?=htmlentities($v_domain)?></td>
                    </tr>
                    <tr>
                        <td>IMAP port:</td>
                        <td>143</td>
                    </tr>
                    <tr>
                        <td>IMAP security:</td>
                        <td>STARTTLS</td>
                    </tr>
                    <tr>
                        <td>IMAP auth method:</td>
                        <td>Normal password</td>
                    </tr>
                    <tr>
                        <td>SMTP hostname</td>
                        <td><?=htmlentities($v_domain)?></td>
                    </tr>
                    <tr>
                        <td>SMTP port:</td>
                        <td>587</td>
                    </tr>
                    <tr>
                        <td>SMTP security:</td>
                        <td>STARTTLS</td>
                    </tr>
                    <tr>
                        <td>SMTP auth method:</td>
                        <td>Normal password</td>
                    </tr>
                </table>
                </div>
            </td>

        </tr>
    </table>
    </form>
  </div>

<?php insert_scripts(); ?>
    <script>
      function elementHideShow(elementToHideOrShow) {
        var el = document.getElementById(elementToHideOrShow);
        el.style.display = el.style.display === 'none' ? 'block' : 'none';
      }

      function randomString() {
        var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz';
        var string_length = 10;
        var randomstring = '';
        for (var i = 0; i < string_length; i++) {
          var rnum = Math.floor(Math.random() * chars.length);
          randomstring += chars.substr(rnum, 1);
        }
        document.v_add_mail_acc.v_password.value = randomstring;

        if($('input[name=v_password]').attr('type') == 'text')
          $('#v_password').text(randomstring);
        else
          $('#v_password').text(Array(randomstring.length+1).join('*'));
      }

      $(document).ready(function() {
        $('#v_account').text($('input[name=v_account]').val());
        $('#v_password').text($('input[name=v_password]').val());

        $('input[name=v_account]').change(function(){
          $('#v_account').text($(this).val());
        });

        $('input[name=v_password]').change(function(){
          if($('input[name=v_password]').attr('type') == 'text')
          $('#v_password').text($(this).val());
          else
          $('#v_password').text(Array($(this).val().length+1).join('*'));
        });

        $('.toggle-psw-visibility-icon').click(function(){
          if($('input[name=v_password]').attr('type') == 'text')
          $('#v_password').text($('input[name=v_password]').val());
          else
          $('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*'));
        });
      });
    </script>
    <script src="/js/pages/edit.package.js"></script>