hestiacp/web/templates/pages/list_packages.html

<!-- Begin toolbar -->
<div class="l-sort">
  <div class="l-sort__inner">
    <div class="l-unit-toolbar__buttonstrip">
      <a class="button button-secondary" id="btn-back" href="/list/user/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
      <a href="/add/package/" class="button button-secondary" id="btn-create"><i class="fas fa-circle-plus status-icon green"></i><?=_('Add Package');?></a>
    </div>
    <div class="l-sort-toolbar">
      <ul class="context-menu sort-order animate__animated animate__fadeIn" style="display:none;">
        <li entity="sort-date" sort_as_int="1"><span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?=_('Date');?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span></li>
        <li entity="sort-name"><span class="name <?php if ($_SESSION['userSortOrder'] === 'name') { echo 'active'; } ?>"><?=_('Name');?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span></li>
      </ul>
      <div class="sort-by" title="<?=_('Sort items');?>">
        <?=_('sort by');?>:
        <b>
          <?php if ($_SESSION['userSortOrder'] === 'name') { $label = _('Name'); } else { $label = _('Date'); } ?>
          <?=$label;?> <i class="fas fa-arrow-down-a-z"></i>
        </b>
      </div>
      <form action="/bulk/package/" method="post" id="objects">
        <input type="hidden" name="token" value="<?=$_SESSION['token']?>">
        <select class="form-select" name="action">
          <option value=""><?=_('apply to selected');?></option>
          <option value="delete"><?=_('delete');?></option>
        </select>
        <button type="submit" class="l-sort-toolbar__filter-apply" value="" title="<?=_('apply to selected');?>">
          <i class="fas fa-arrow-right"></i>
        </button>
      </form>
    </div>
  </div>
</div>
<!-- End toolbar -->

<div class="l-center units">
  <div class="table-header">
    <div class="l-unit__col l-unit__col--right">
      <div class="clearfix l-unit__stat-col--left super-compact">
        <input id="toggle-all" type="checkbox" name="toggle-all" value="toggle-all" title="<?=_('Select all');?>" onchange="checkedAll('objects');">
      </div>
      <div class="clearfix l-unit__stat-col--left wide-2"><b><?=_('Package');?></b></div>
      <div class="clearfix l-unit__stat-col--left compact-3 text-right"><b>&nbsp;</b></div>
      <div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-terminal" title="<?=_('Shell');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-hard-drive" title="<?=_('Quota');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-right-left" title="<?=_('Bandwidth');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-earth-americas" title="<?=_('Web Domains');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-link" title="<?=_('Web Aliases');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-book-atlas" title="<?=_('DNS Domains');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-globe" title="<?=_('DNS Records');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-envelopes-bulk" title="<?=_('Mail Domains');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-inbox" title="<?=_('Mail Accounts');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-database" title="<?=_('Databases');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-clock" title="<?=_('Cron Jobs');?>"></i></b></div>
      <div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-file-zipper" title="<?=_('Backups');?>"></i></b></div>
    </div>
  </div>

  <!-- Begin package list item loop -->
  <?php
    foreach ($data as $key => $value) {
      ++$i;
    ?>
    <div class="l-unit animate__animated animate__fadeIn" v_section="user"
      v_unit_id="<?=$key?>" sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>" sort-name="<?=$key?>"
      sort-bandwidth="<?=$data[$key]['BANDWIDTH']?>" sort-disk="<?=$data[$key]['DISK_QUOTA']?>">
      <div class="l-unit__col l-unit__col--right">
        <div class="clearfix l-unit__stat-col--left super-compact">
          <input id="check<?=$i?>" class="ch-toggle" type="checkbox" title="<?=_('Select');?>" name="user[]" value="<?=$key?>">
        </div>
        <?php if ($key == 'system'){ ?>
          <div class="clearfix l-unit__stat-col--left wide-2 truncate"><b><?=$key?></b></div>
        <?php } else {?>
          <div class="clearfix l-unit__stat-col--left wide-2 truncate"><b><a href="/edit/package/?package=<?=$key?>&token=<?=$_SESSION['token']?>" title="<?=_('Editing Package');?>: <?=$key?>"><?=$key?></a></b></div>
        <?php } ?>
        <!-- START QUICK ACTION TOOLBAR AREA -->
        <div class="clearfix l-unit__stat-col--left text-right compact-3">
          <div class="l-unit-toolbar__col l-unit-toolbar__col--right u-noselect">
            <div class="actions-panel clearfix">
              <?php if (($key == 'system')) { ?>
                <!-- Restrict editing system package -->
              <?php } else {?>
                <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/package/?package=<?=$key?>&token=<?=$_SESSION['token']?>" title="<?=_('Editing Package');?>"><i class="fas fa-pencil status-icon orange status-icon dim"></i></a></div>
              <?php } ?>
              <div class="actions-panel__col actions-panel__edit" key-action="href"><a href="/copy/package/?package=<?=$key?>&token=<?=$_SESSION['token']?>" title="<?=_('Copy');?>"><i class="fas fa-clone status-icon teal status-icon dim"></i></a></div>
              <?php if ($key == 'system') { ?>
                <!-- Restrict deleting system package -->
              <?php } else {?>
                <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
                  <a id="delete_link_<?=$i?>" class="data-controls do_delete" title="<?=_('Delete');?>">
                    <i class="fas fa-trash status-icon red status-icon dim do_delete"></i>
                    <input type="hidden" name="delete_url" value="/delete/package/?package=<?=$key?>&token=<?=$_SESSION['token']?>">
                    <div id="delete_dialog_<?=$i?>" class="dialog js-confirm-dialog-delete" title="<?=_('Confirmation');?>">
                      <p><?=sprintf(_('DELETE_PACKAGE_CONFIRMATION'),$key)?></p>
                    </div>
                  </a>
                </div>
              <?php } ?>
            </div>
          </div>
        </div>
        <!-- END QUICK ACTION TOOLBAR AREA -->
        <div class="clearfix l-unit__stat-col--left text-center compact">
          <?php if ($data[$key]['SHELL'] == 'nologin'){ ?>
            <i class="fas fa-circle-minus status-icon large" title="<?=_('SSH Access');?>: <?=$data[$key]['SHELL']?>"> </i>
          <?php } else {?>
            <i class="fas fa-circle-check status-icon green large"></i>
          <?php } ?>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center compact">
          <span title="<?=_('Quota');?>: <?=humanize_usage_size($data[$key]['DISK_QUOTA'])?> <?=humanize_usage_measure($data[$key]['DISK_QUOTA'])?>">
            <?php if (preg_match('/[a-z]/i', $data[$key]['DISK_QUOTA'])): ?>
              <b>&infin;</b>
            <?php else: ?>
              <b><?=humanize_usage_size($data[$key]['DISK_QUOTA'])?></b> <span class="u-text-small"><?=humanize_usage_measure($data[$key]['DISK_QUOTA'])?></span>
            <?php endif; ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center compact">
          <span title="<?=_('Bandwidth');?>: <?=humanize_usage_size($data[$key]['BANDWIDTH'])?> <?=humanize_usage_measure($data[$key]['BANDWIDTH'])?>">
            <?php if ($data[$key]['BANDWIDTH'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=humanize_usage_size($data[$key]['BANDWIDTH'])?></b> <span class="u-text-small"><?=humanize_usage_measure($data[$key]['BANDWIDTH'])?></span>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Web Domains');?>: <?=$data[$key]['WEB_DOMAINS']?>">
            <?php if ($data[$key]['WEB_DOMAINS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['WEB_DOMAINS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Web Aliases');?>: <?=$data[$key]['WEB_ALIASES']?>">
            <?php if ($data[$key]['WEB_ALIASES'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['WEB_ALIASES']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('DNS Domains');?>: <?=$data[$key]['DNS_DOMAINS']?>">
            <?php if ($data[$key]['DNS_DOMAINS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['DNS_DOMAINS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('DNS Records');?>: <?=$data[$key]['DNS_RECORDS']?>">
            <?php if ($data[$key]['DNS_RECORDS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['DNS_RECORDS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Mail Domains');?>: <?=$data[$key]['MAIL_DOMAINS']?>">
            <?php if ($data[$key]['MAIL_DOMAINS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['MAIL_DOMAINS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Mail Accounts');?>: <?=$data[$key]['MAIL_ACCOUNTS']?>">
            <?php if ($data[$key]['MAIL_ACCOUNTS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['MAIL_ACCOUNTS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Databases');?>: <?=$data[$key]['DATABASES']?>">
            <?php if ($data[$key]['DATABASES'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['DATABASES']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Cron Jobs');?>: <?=$data[$key]['CRON_JOBS']?>">
            <?php if ($data[$key]['CRON_JOBS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['CRON_JOBS']?></b>
            <?php } ?>
          </span>
        </div>
        <div class="clearfix l-unit__stat-col--left text-center super-compact">
          <span class="jump-top badge gray raised" title="<?=_('Backups');?>: <?=$data[$key]['BACKUPS']?>">
            <?php if ($data[$key]['BACKUPS'] == 'unlimited'){ ?>
              <b>&infin;</b>
            <?php } else {?>
              <b><?=$data[$key]['BACKUPS']?></b>
            <?php } ?>
          </span>
        </div>
      </div>
    </div>
  <?php } ?>
</div>

<div id="vstobjects">
  <div class="l-separator"></div>
  <div class="l-center">
    <div class="l-unit-ft">
      <div class="l-unit__col l-unit__col--right">
        <?php printf(ngettext('%d package', '%d packages', $i),$i); ?>
      </div>
    </div>
  </div>
</div>