refactor: update button click handling in Proxmox firewall view to use Alpine.js syntax for improved performance and consistency

This commit is contained in:
2025-12-04 13:51:23 -05:00
parent 0bdfa3c6c9
commit 1102bdd069

View File

@@ -856,8 +856,8 @@
</td>
<td class="py-3 px-4 text-sm">
<div class="flex gap-2">
<button
wire:click="toggleRule(rule.pos)"
<button
@click="$wire.toggleRule(rule.pos)"
wire:loading.attr="disabled"
class="transition-colors"
:class="rule.enable == 0 ? 'text-warning hover:text-warning/80' : 'text-success hover:text-success/80'"
@@ -865,14 +865,14 @@
<x-ri-toggle-line x-show="rule.enable == 0" class="size-4" />
<x-ri-toggle-fill x-show="rule.enable != 0" class="size-4" />
</button>
<button
wire:click="startEditRule(rule.pos)"
<button
@click="$wire.startEditRule(rule.pos)"
class="text-primary hover:text-primary/80 transition-colors"
title="Edit rule">
<x-ri-edit-line class="size-4" />
</button>
<button
wire:click="confirmDeleteRule(rule.pos)"
<button
@click="$wire.confirmDeleteRule(rule.pos)"
class="text-error hover:text-error/80 transition-colors"
title="Delete rule">
<x-ri-delete-bin-line class="size-4" />