hestiacp/web/templates/pages/list_access_keys.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="/edit/user/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
			<a href="/add/access-key/" id="btn-create" class="ui-button cancel" dir="ltr"><i class="fas fa-plus-circle status-icon green"></i><?=_('Add Access Key');?></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-key"><span class="name"><?=_('Access Key');?> <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-comment"><span class="name"><?=_('Comment');?> <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><?=_('Date');?> <i class="fas fa-sort-alpha-down"></i></b></span>
					</td>
					<td>
						<form action="/bulk/access-key/" 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="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="header table-header">
		<div class="l-unit__col l-unit__col--right">
			<div>
				<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-6"><b><?=_('Access Key');?></b></div>
				<div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
				<div class="clearfix l-unit__stat-col--left text-center wide-2"><b><?=_('Comment');?></b></div>
				<div class="clearfix l-unit__stat-col--left text-center"><b><?=_('Date');?></b></div>
				<div class="clearfix l-unit__stat-col--left text-center"><b><?=_('Time');?></b></div>
			</div>
		</div>
	</div>

	<!-- Begin Access Keys list item loop -->
	<?php
		foreach ($data as $key => $value) {
			++$i;
            $key_user = !empty($value['USER']) ? $value['USER'] : 'admin';
            $key_comment = !empty($value['COMMENT']) ? $value['COMMENT'] : '-';
            //$key_permissions = !empty($value['PERMISSIONS']) ? $value['PERMISSIONS'] : '-';
            //$key_permissions = implode(' ', $key_permissions);
            $key_date = !empty($value['DATE']) ? $value['DATE'] : '-';
            $key_time = !empty($value['TIME']) ? $value['TIME'] : '-';
		?>
		<div class="l-unit animated fadeIn" v_unit_id="<?=$key?>"
			v_section="key" sort-key="<?=strtolower($key)?>"
            sort-comment="<?=strtolower($key_comment)?>"
            sort-date="<?=strtotime($data[$key]['DATE'] .' '. $data[$key]['TIME'] )?>">

			<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="key[]" value="<?=$key?>">
				</div>
                <div class="clearfix l-unit__stat-col--left wide-6">
                    <b><a href="/list/access-key/?key=<?=htmlentities($key);?>&token=<?=$_SESSION['token']?>" title="<?=_('Access Key');?>: <?=$key;?>"><?=$key;?></a></b>
                </div>

				<!-- START QUICK ACTION TOOLBAR AREA -->
				<div class="clearfix l-unit__stat-col--left compact text-right">
					<div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
						<div class="actions-panel clearfix">
							<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/access-key/?key=<?=$key?>&token=<?=$_SESSION['token']?>" />
									<div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=_('Confirmation');?>">
										<p class="confirmation"><?=sprintf(_('DELETE_ACCESS_KEY_CONFIRMATION'),$key)?></p>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- END QUICK ACTION TOOLBAR AREA -->
				<div class="clearfix l-unit__stat-col--left text-center wide-2"><b><?=_($key_comment)?></b></div>
                <div class="clearfix l-unit__stat-col--left text-center"><b><?=$key_date?></b></div>
                <div class="clearfix l-unit__stat-col--left text-center"><b><?=$key_time?></b></div>
			</div>
		</div>
	<?php } ?>
</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 printf(ngettext('%d Access Key', '%d Access Keys', $i),$i); ?>
			</div>
		</div>
	</div>
</div>