You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hestiacp/web/templates/pages/list_firewall.php

189 lines
7.9 KiB

<!-- Begin toolbar -->
<div class="toolbar">
<div class="toolbar-inner">
<div class="toolbar-buttons">
<a class="button button-secondary button-back js-button-back" href="/list/server/">
<i class="fas fa-arrow-left icon-blue"></i><?= _("Back") ?>
</a>
<a href="/add/firewall/" class="button button-secondary js-button-create">
<i class="fas fa-circle-plus icon-green"></i><?= _("Add Rule") ?>
</a>
<?php if (!empty($_SESSION["FIREWALL_EXTENSION"])): ?>
<a class="button button-secondary" href="/list/firewall/banlist/">
<i class="fas fa-eye icon-red"></i><?= _("Banned IP Addresses") ?>
</a>
<?php endif; ?>
<a class="button button-secondary" href="/list/firewall/ipset/">
<i class="fas fa-list icon-blue"></i><?= _("IPset IP Lists") ?>
</a>
</div>
<div class="toolbar-right">
<div class="toolbar-sorting">
<button class="toolbar-sorting-toggle js-toggle-sorting-menu" type="button" title="<?= _("Sort items") ?>">
<?= _("Sort by") ?>:
<span class="u-text-bold">
<?= _("Action") ?> <i class="fas fa-arrow-up-a-z"></i>
</span>
</button>
<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
<li data-entity="sort-action">
<span class="name"><?= _("Action") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up active"><i class="fas fa-arrow-up-a-z"></i></span>
</li>
<li data-entity="sort-protocol">
<span class="name"><?= _("Protocol") ?> <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 data-entity="sort-port">
<span class="name"><?= _("Port") ?> <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 data-entity="sort-ip" data-sort-as-int="1">
<span class="name"><?= _("IP Address") ?> <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 data-entity="sort-comment">
<span class="name"><?= _("Comment") ?> <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>
<form x-data x-bind="BulkEdit" action="/bulk/firewall/" method="post">
<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="toolbar-input-submit" title="<?= _("Apply to selected") ?>">
<i class="fas fa-arrow-right"></i>
</button>
</form>
</div>
</div>
</div>
</div>
<!-- End toolbar -->
<div class="container">
<h1 class="u-text-center u-hide-desktop u-mt20 u-pr30 u-mb20 u-pl30"><?= _("Firewall Rules") ?></h1>
<div class="units-table js-units-container">
<div class="units-table-header">
<div class="units-table-cell">
<input type="checkbox" class="js-toggle-all-checkbox" title="<?= _("Select all") ?>">
</div>
<div class="units-table-cell"><?= _("Action") ?></div>
<div class="units-table-cell"></div>
<div class="units-table-cell"><?= _("Comment") ?></div>
<div class="units-table-cell u-text-center"><?= _("Protocol") ?></div>
<div class="units-table-cell u-text-center"><?= _("Port") ?></div>
<div class="units-table-cell u-text-center"><?= _("IP Address") ?></div>
</div>
<!-- Begin firewall chain/action list item loop -->
<?php
foreach ($data as $key => $value) {
++$i;
if ($data[$key]['SUSPENDED'] == 'yes') {
$status = 'suspended';
$spnd_action = 'unsuspend';
$spnd_action_title = _('Unsuspend');
$spnd_icon = 'fa-play';
$spnd_icon_class = 'icon-green';
$spnd_confirmation = _('Are you sure you want to unsuspend rule #%s?') ;
} else {
$status = 'active';
$spnd_action = 'suspend';
$spnd_action_title = _('Suspend');
$spnd_icon = 'fa-pause';
$spnd_icon_class = 'icon-highlight';
$spnd_confirmation = _('Are you sure you want to suspend rule #%s?') ;
}
?>
<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
data-sort-action="<?= $data[$key]['ACTION'] ?>"
data-sort-protocol="<?= $data[$key]['PROTOCOL'] ?>"
data-sort-port="<?= $data[$key]['PORT'] ?>"
data-sort-ip="<?= str_replace('.', '', $data[$key]['IP']) ?>"
data-sort-comment="<?= $data[$key]['COMMENT'] ?>">
<div class="units-table-cell">
<div>
<input id="check<?= $i ?>" class="js-unit-checkbox" type="checkbox" title="<?= _("Select") ?>" name="rule[]" value="<?= $key ?>">
<label for="check<?= $i ?>" class="u-hide-desktop"><?= _("Select") ?></label>
</div>
</div>
<div class="units-table-cell units-table-heading-cell u-text-bold">
<span class="u-hide-desktop"><?= _("Action") ?>:</span>
<a href="/edit/firewall/?rule=<?= $key ?>&token=<?= $_SESSION["token"] ?>" title="<?= _("Edit Firewall Rule") ?>">
<?php
$suspended = $data[$key]["SUSPENDED"] == "no";
$action = $data[$key]["ACTION"];
$iconClass = $action == "DROP" ? "fa-circle-minus" : "fa-circle-check";
$colorClass = $action == "DROP" ? "icon-red" : "icon-green";
?>
<i class="fas <?= $iconClass ?> u-mr5 <?= $suspended ? $colorClass : "" ?>"></i> <?= $action ?>
</a>
</div>
<div class="units-table-cell">
<ul class="units-table-row-actions">
<li class="units-table-row-action shortcut-enter" data-key-action="href">
<a
class="units-table-row-action-link"
href="/edit/firewall/?rule=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
title="<?= _("Edit Firewall Rule") ?>"
>
<i class="fas fa-pencil icon-orange"></i>
<span class="u-hide-desktop"><?= _("Edit Firewall Rule") ?></span>
</a>
</li>
<li class="units-table-row-action shortcut-s" data-key-action="js">
<a
class="units-table-row-action-link data-controls js-confirm-action"
href="/<?= $spnd_action ?>/firewall/?rule=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
title="<?= $spnd_action_title ?>"
data-confirm-title="<?= $spnd_action_title ?>"
data-confirm-message="<?= sprintf($spnd_confirmation, $key) ?>"
>
<i class="fas <?= $spnd_icon ?> <?= $spnd_icon_class ?>"></i>
<span class="u-hide-desktop"><?= $spnd_action_title ?></span>
</a>
</li>
<li class="units-table-row-action shortcut-delete" data-key-action="js">
<a
class="units-table-row-action-link data-controls js-confirm-action"
href="/delete/firewall/?rule=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
title="<?= _("Delete") ?>"
data-confirm-title="<?= _("Delete") ?>"
data-confirm-message="<?= sprintf(_("Are you sure you want to delete rule %s"), $key) ?>"
>
<i class="fas fa-trash icon-red"></i>
<span class="u-hide-desktop"><?= _("Delete") ?></span>
</a>
</li>
</ul>
</div>
<div class="units-table-cell u-text-bold">
<span class="u-hide-desktop"><?= _("Comment") ?>:</span>
<?php if (!empty($data[$key]['COMMENT'])) { echo $data[$key]['COMMENT']; } ?>
</div>
<div class="units-table-cell u-text-center-desktop">
<span class="u-hide-desktop u-text-bold"><?= _("Protocol") ?>:</span>
<?= _($data[$key]["PROTOCOL"]) ?>
</div>
<div class="units-table-cell u-text-bold u-text-center-desktop">
<span class="u-hide-desktop"><?= _("Port") ?>:</span>
<?= $data[$key]["PORT"] ?>
</div>
<div class="units-table-cell u-text-center-desktop">
<span class="u-hide-desktop u-text-bold"><?= _("IP Address") ?>:</span>
<?= $data[$key]["IP"] ?>
</div>
</div>
<?php } ?>
</div>
</div>
<footer class="app-footer">
<div class="container app-footer-inner">
<p>
<?php printf(ngettext("%d firewall rule", "%d firewall rules", $i), $i); ?>
</p>
</div>
</footer>