hestiacp/web/templates/admin/list_mail_acc.html

    <div class="l-center">
      <div class="l-sort clearfix noselect">
        <div class="l-unit-toolbar__buttonstrip">
          <a class="ui-button cancel" href="/list/mail/"><i class="fas fa-arrow-left status-icon blue"></i> <?=__('Back')?></a>
          <a href="/add/mail/?domain=<?=htmlentities($_GET['domain'])?>" class="ui-button cancel" title="<?=__('Add Mail Account')?>"><i class="fas fa-plus-circle status-icon green"></i> <?=__('Add Mail Account')?></a>
        </div>
        <ul class="context-menu sort-order animated fadeIn" style="display:none;">
          <li entity="sort-date" sort_as_int="1"><span class="name active"><?=__('Date')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
          <li entity="sort-name"><span class="name"><?=__('Account')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
          <li entity="sort-disk" sort_as_int="1"><span class="name"><?=__('Disk')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
          <li entity="sort-star" sort_as_int="1"><span class="name"><?=__('Starred')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
        </ul>
        <div class="l-sort-toolbar clearfix">
          <table>
            <tr>
              <td class="">
                <?
                  list($http_host, $port) = explode(':', $_SERVER["HTTP_HOST"].":");
                  $webmail = "http://webmail.".$http_host."/";
                  if (!empty($_SESSION['WEBMAIL_ALIAS'])) $webmail = $_SESSION['WEBMAIL_ALIAS'];
                ?>
              </td>
              <td class="sort-by">
                  <?=__('sort by');?>: <span><b><?=__('Date')?> <i class="fas fa-sort-amount-down"></i></b></span>
              </td>
              <td class="l-sort-toolbar__search-box">
                <form action="/search/" method="get">
                  <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
                  <input type="text" name="q" class="search-input" value="<? echo isset($_POST['q']) ? htmlspecialchars($_POST['q']) : '' ?>" />
                  <button type="submit" class="l-sort-toolbar__filter-apply" onclick="return doSearch('/search/')" value=""><i class="fas fa-search"></i></button>
                </form>
              </td>
              <td>
                <form action="/bulk/mail/" method="post" id="objects">
                <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
                <div class="l-select">
                  <select name="action" id="">
                    <option value=""><?=__('apply to selected')?></option>
                    <option value="suspend"><?=__('suspend')?></option>
                    <option value="unsuspend"><?=__('unsuspend')?></option>
                    <option value="delete"><?=__('delete')?></option>
                  </select>
                </div>
                <button type="submit" class="l-sort-toolbar__filter-apply" value=""><i class="fas fa-arrow-right"></i></button>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>

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

    <div class="l-center units animated fadeIn">
        <div class="header table-header">     
            <div class="l-unit__col l-unit__col--right step-top">
              <div>
                  <div class="clearfix l-unit__stat-col--left super-compact">
                      <input id="toggle-all" type="checkbox" name="toggle-all" value="toggle-all" onChange="checkedAll('objects');">
                  </div>
                  <div class="clearfix l-unit__stat-col--left wide-3"><b><?php print __('Username');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-right compact-4"><b>&nbsp;</b></div>
                  <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('Disk');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Quota');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Aliases');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Forwarding');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Autoreply');?></b></div>
              </div>
            </div>
          </div>

      <?
        foreach ($data as $key => $value) {
          ++$i;
          if ($data[$key]['SUSPENDED'] == 'yes') {
            $status = 'suspended';
            $spnd_action = 'unsuspend' ;
            $spnd_confirmation = 'UNSUSPEND_MAIL_ACCOUNT_CONFIRMATION' ;
          } else {
            $status = 'active';
            $spnd_action = 'suspend';
            $spnd_confirmation = 'SUSPEND_MAIL_ACCOUNT_CONFIRMATION' ;
          }
      ?>


      <div class="l-unit <? if($status == 'suspended') echo 'l-unit--suspended'; if($_SESSION['favourites']['MAIL_ACC'][$key."@".$_GET['domain']] == 1) echo ' l-unit--starred'; ?>"
 v_unit_id="<?=$key."@".$_GET['domain']?>" v_section="mail_acc" sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>" sort-name="<?=$key?>" sort-disk="<?$data[$key]['U_DISK']?>"
sort-star="<? if($_SESSION['favourites']['MAIL_ACC'][$key."@".$_GET['domain']] == 1) echo '1'; else echo '0'; ?>">
            <div class="l-unit__col l-unit__col--right">
              <div class="clearfix l-unit__stat-col--left super-compact">
                <input id="check<?php echo $i ?>" class="ch-toggle" type="checkbox" name="account[]" value="<?php echo $key ?>">
                <input type="hidden" value="<?php echo $_GET['domain'] ?>" name="domain" />
              </div>
              <div class="clearfix l-unit__stat-col--left wide-3"><b><a href="/edit/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>&token=<?=$_SESSION['token']?>"><?=$key."@".$_GET['domain']?></a></b></div>

              <!-- START QUICK ACTION TOOLBAR AREA -->
              <div class="clearfix l-unit__stat-col--left text-right compact-4">
                <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
                  <div class="actions-panel clearfix">
                    <div class="actions-panel__col actions-panel__edit" key-action="href"><a href="http://webmail.<?=htmlspecialchars($_GET['domain'])?>/?_user=<?=$key?>@<?=htmlspecialchars($_GET['domain'])?>&&_action=login" target="_blank"><i class="fas fa-envelope-open-text status-icon maroon status-icon dim"></i></div>
                    <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>&token=<?=$_SESSION['token']?>"><i class="fas fa-pencil-alt status-icon orange status-icon dim"></i></a></div>

                    <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
                      <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
                        <i class="fas fa-pause status-icon highlight status-icon dim do_<?=$spnd_action?>"></i>
                        <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?php echo $key ?>&token=<?=$_SESSION['token']?>" />
                        <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
                          <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
                        </div>
                      </a>
                    </div>
                    <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
                    <a id="delete_link_<?=$i?>" class="data-controls do_delete">
                      <i class="fas fa-trash status-icon red status-icon dim do_delete"></i>
                        <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>&token=<?=$_SESSION['token']?>" />
                        <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
                          <p class="confirmation"><?=__('DELETE_MAIL_ACCOUNT_CONFIRMATION',$key)?></p>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
             </div>

            <!-- END QUICK ACTION TOOLBAR AREA -->

            <div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_DISK'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span></div>
            <div class="clearfix l-unit__stat-col--left text-center"><b><?=__(humanize_usage_size($data[$key]['QUOTA'])) ?></b> <span class="text-small"><?=__(humanize_usage_measure($data[$key]['QUOTA'])) ?></span></div>
            <div class="clearfix l-unit__stat-col--left text-center"><b>
                      <? if($data[$key]['SUSPENDED'] == 'no'){ ?>
                          <? if($data[$key]['ALIAS'] == ''){ ?>
                            0
                          <? } else {?>
                            <i class="fas fa-check-circle status-icon green"></i>
                          <? } ?>
                      <? } else {?>
                        <? if($data[$key]['ALIAS'] == ''){ ?>
                          0
                        <? } else {?>
                          <i class="fas fa-check-circle"></i>
                        <? } ?>
                      <? } ?>
                    </b>
              </div>
              <div class="clearfix l-unit__stat-col--left text-center"><b>
                      <? if($data[$key]['SUSPENDED'] == 'no'){ ?>
                          <? if($data[$key]['FWD'] == ''){ ?>
                            <i class="fas fa-minus-circle"></i>
                          <? } else {?>
                            <i class="fas fa-check-circle status-icon green"></i>
                          <? } ?>
                      <? } else {?>
                          <? if($data[$key]['FWD'] == ''){ ?>
                            <i class="fas fa-minus-circle"></i>
                          <? } else {?>
                            <i class="fas fa-check-circle"></i>
                          <? } ?>
                       <? } ?>
                    </b>
                </div>
                <div class="clearfix l-unit__stat-col--left text-center"><b>
                      <? if($data[$key]['SUSPENDED'] == 'no'){ ?>
                          <? if($data[$key]['AUTOREPLY'] == 'no'){ ?>
                            <i class="fas fa-minus-circle"></i>
                          <? } else {?>
                            <i class="fas fa-check-circle status-icon green"></i>
                          <? } ?>
                      <? } else {?>
                          <? if($data[$key]['AUTOREPLY'] == 'no'){ ?>
                            <i class="fas fa-minus-circle"></i>
                          <? } else {?>
                            <i class="fas fa-check-circle"></i>
                          <? } ?>
                          <? } ?>
                    </b>
                </div>
            </div>
      </div>
      <?}?>
    </div>

    <div id="vstobjects">
      <div class="l-separator"></div>
      <div class="l-center">
        <div class="l-unit-ft">
          <table class='data'></table>
          <div class="data-count l-unit__col l-unit__col--right clearfix">
            <?php
              if ( $i == 1) {
                echo __('1 mail account');
              } else {
                echo __('%s mail accounts',$i);
              }
            ?>
          </div>
          <div class="data-count l-unit__col l-unit__col--right back clearfix">
          </div>
        </div>
      </div>
    </div>