Joseph.Rawlings/Virtnet.bond
Private
Public Access
1
0
Fork 0
Code Activity

feat: enhance loading button in Proxmox firewall view with improved visual feedback and loading state management

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-04 11:41:22 -05:00
parent a5795f94a7
commit b7bf8deaea
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
extensions/Servers/Proxmox/views/firewall.blade.php
View File

@@ -689,9 +689,14 @@
<button <button
wire:click="loadFirewallLogs" wire:click="loadFirewallLogs"
wire:loading.attr="disabled" wire:loading.attr="disabled"
class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium"> wire:loading.class="opacity-75 cursor-not-allowed"
<x-ri-refresh-line class="size-4 inline mr-1" /> class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-all duration-200 text-sm font-medium flex items-center gap-2 disabled:opacity-75 disabled:cursor-not-allowed">
Refresh <x-ri-refresh-line
class="size-4 transition-transform duration-500"
wire:loading.class="animate-spin"
wire:target="loadFirewallLogs" />
<span wire:loading.remove wire:target="loadFirewallLogs">Refresh</span>
<span wire:loading wire:target="loadFirewallLogs">Refreshing...</span>
</button> </button>
</div> </div>
@@ -717,6 +722,7 @@
perPage: 10, perPage: 10,
actionFilters: [], actionFilters: [],
protocolFilters: [], protocolFilters: [],
isRefreshing: false,
initialize(initialLogs) { initialize(initialLogs) {
console.log('Initializing logs, received:', initialLogs ? initialLogs.length : 0, 'entries'); console.log('Initializing logs, received:', initialLogs ? initialLogs.length : 0, 'entries');
this.logs = (initialLogs || []).map((log, index) => ({ this.logs = (initialLogs || []).map((log, index) => ({