hestiacp/web/templates/pages/list_packages.html

<!-- Begin toolbar -->
<div class="l-center">
	<div class="l-sort clearfix noselect">
		<div class="l-unit-toolbar__buttonstrip">
			<a class="ui-button cancel" dir="ltr" id="btn-back" href="/list/user/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
			<a href="/add/package/" id="btn-create" class="ui-button cancel" dir="ltr"><i class="fas fa-plus-circle status-icon green"></i><?=_('Add Package');?></a>
		</div>
		<ul class="context-menu sort-order animated 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-sort-alpha-down"></i></span><span class="up"><i class="fas fa-sort-alpha-up"></i></span></li>
			<li entity="sort-name"><span class="name <?php if ($_SESSION['userSortOrder'] === 'name') { echo 'active'; } ?>"><?=_('Name');?> <i class="fas fa-sort-alpha-down"></i></span><span class="up"><i class="fas fa-sort-alpha-up"></i></span></li>
		</ul>
		<div class="l-sort-toolbar clearfix">
			<table>
				<tr>
					<td class="sort-by" title="<?=_('Sort items');?>">
						<?=_('sort by');?>: <span>
							<b>
								<?php if ($_SESSION['userSortOrder'] === 'name') { $label = _('Name'); } else { $label = _('Date'); } ?>
								<?=$label;?> <i class="fas fa-sort-alpha-down"></i>
							</b>
						</span>
					</td>
					<td>
						<form action="/bulk/package/" method="post" id="objects">
							<input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
							<div class="l-select">
								<select class="" name="action">
									<option value=""><?=_('apply to selected');?></option>
									<option value="delete"><?=_('delete');?></option>
								</select>
							</div>
							<button type="submit" class="l-sort-toolbar__filter-apply" value="" title="<?=_('apply to selected');?>"><i class="fas fa-arrow-right"></i></button>
						</form>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>
<!-- End toolbar -->

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

<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-hdd" title="<?=_('Quota');?>"></i></b></div>
			<div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-exchange-alt" title="<?=_('Bandwidth');?>"></i></b></div>
			<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-globe-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-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-mail-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-archive" title="<?=_('Backups');?>"></i></b></div>
		</div>
	</div>

	<!-- Begin package list item loop -->
	<?php
		foreach ($data as $key => $value) {
			++$i;
		?>
		<div class="l-unit animated 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?></b></a></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 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-alt 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="confirmation-text-delete hidden" title="<?=_('Confirmation');?>">
											<p class="confirmation"><?=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-minus-circle status-icon large" title="<?=_('SSH Access');?>: <?=$data[$key]['SHELL']?>"> </i>
					<?php } else {?>
						<i class="fas fa-check-circle 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="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="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 visible"></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 printf(ngettext('%d package', '%d packages', $i),$i); ?>
			</div>
		</div>
	</div>
</div>