refactor: update caching duration for network analysis and enhance layout structure in statistics view for improved readability
This commit is contained in:
@@ -1229,98 +1229,87 @@
|
||||
|
||||
|
||||
<div class="hidden lg:flex flex-row gap-2 ml-auto justify-end items-center">
|
||||
<button wire:click="do('start')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'stopped') disabled @endif
|
||||
class="lte-btn lte-btn-success"
|
||||
style="border-radius: 0.375rem;">
|
||||
<span wire:loading wire:target="do('start')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-play-fill wire:loading.remove wire:target="do('start')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('start')">Start</span>
|
||||
<span wire:loading wire:target="do('start')">Starting...</span>
|
||||
</button>
|
||||
<x-button.primary wire:click="do('start')" class="disabled:cursor-not-allowed"
|
||||
wire:loading.attr="disabled" wire:loading.class="opacity-50 cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'stopped'">
|
||||
<x-loading target="do('start')" />
|
||||
<x-ri-play-fill class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('start')">
|
||||
Start
|
||||
</div>
|
||||
</x-button.primary>
|
||||
<div x-show="isAdvancedView" x-transition>
|
||||
<button wire:click="do('shutdown')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-warning"
|
||||
style="border-radius: 0.375rem;">
|
||||
<span wire:loading wire:target="do('shutdown')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-stop-fill wire:loading.remove wire:target="do('shutdown')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('shutdown')">Stop (ACPI)</span>
|
||||
<span wire:loading wire:target="do('shutdown')">Stopping...</span>
|
||||
</button>
|
||||
<x-button.secondary wire:click="do('shutdown')" class="text-nowrap disabled:cursor-not-allowed"
|
||||
wire:loading.attr="disabled" wire:loading.class="opacity-50 cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('shutdown')" />
|
||||
<x-ri-stop-fill class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('shutdown')">
|
||||
Stop (ACPI)
|
||||
</div>
|
||||
</x-button.secondary>
|
||||
</div>
|
||||
<div x-show="isAdvancedView" x-transition>
|
||||
<button wire:click="do('reboot')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-info"
|
||||
style="border-radius: 0.375rem;">
|
||||
<span wire:loading wire:target="do('reboot')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-restart-line wire:loading.remove wire:target="do('reboot')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('reboot')">Reboot (ACPI)</span>
|
||||
<span wire:loading wire:target="do('reboot')">Rebooting...</span>
|
||||
</button>
|
||||
<x-button.secondary wire:click="do('reboot')" class="text-nowrap disabled:cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('reboot')" />
|
||||
<x-ri-loop-left-line class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('reboot')">
|
||||
Reboot (ACPI)
|
||||
</div>
|
||||
</x-button.secondary>
|
||||
</div>
|
||||
<button wire:click="do('stop')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-danger"
|
||||
style="border-radius: 0.375rem;">
|
||||
<span wire:loading wire:target="do('stop')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-shut-down-line wire:loading.remove wire:target="do('stop')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('stop')">Power Off</span>
|
||||
<span wire:loading wire:target="do('stop')">Powering Off...</span>
|
||||
</button>
|
||||
<x-button.danger wire:click="do('stop')" class="text-nowrap disabled:cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('stop')" />
|
||||
<x-ri-shut-down-line class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('stop')">
|
||||
Power Off
|
||||
</div>
|
||||
</x-button.danger>
|
||||
</div>
|
||||
|
||||
<div class="flex lg:hidden w-full flex-col gap-2">
|
||||
<div class="flex flex-col gap-2 w-full">
|
||||
<button wire:click="do('start')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'stopped') disabled @endif
|
||||
class="lte-btn lte-btn-success"
|
||||
style="width: 100%; justify-content: center; border-radius: 0.375rem; padding: 0.625rem 1rem;">
|
||||
<span wire:loading wire:target="do('start')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-play-fill wire:loading.remove wire:target="do('start')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('start')">Start</span>
|
||||
<span wire:loading wire:target="do('start')">Starting...</span>
|
||||
</button>
|
||||
<x-button.primary wire:click="do('start')" class="w-full disabled:cursor-not-allowed"
|
||||
wire:loading.attr="disabled" wire:loading.class="opacity-50 cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'stopped'">
|
||||
<x-loading target="do('start')" />
|
||||
<x-ri-play-fill class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('start')">
|
||||
Start
|
||||
</div>
|
||||
</x-button.primary>
|
||||
<div x-show="isAdvancedView" x-transition>
|
||||
<button wire:click="do('shutdown')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-warning"
|
||||
style="width: 100%; justify-content: center; border-radius: 0.375rem; padding: 0.625rem 1rem;">
|
||||
<span wire:loading wire:target="do('shutdown')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-stop-fill wire:loading.remove wire:target="do('shutdown')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('shutdown')">Stop (ACPI)</span>
|
||||
<span wire:loading wire:target="do('shutdown')">Stopping...</span>
|
||||
</button>
|
||||
<x-button.secondary wire:click="do('shutdown')" class="w-full text-nowrap disabled:cursor-not-allowed"
|
||||
wire:loading.attr="disabled" wire:loading.class="opacity-50 cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('shutdown')" />
|
||||
<x-ri-stop-fill class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('shutdown')">
|
||||
Stop (ACPI)
|
||||
</div>
|
||||
</x-button.secondary>
|
||||
</div>
|
||||
<div x-show="isAdvancedView" x-transition>
|
||||
<button wire:click="do('reboot')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-info"
|
||||
style="width: 100%; justify-content: center; border-radius: 0.375rem; padding: 0.625rem 1rem;">
|
||||
<span wire:loading wire:target="do('reboot')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-restart-line wire:loading.remove wire:target="do('reboot')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('reboot')">Reboot (ACPI)</span>
|
||||
<span wire:loading wire:target="do('reboot')">Rebooting...</span>
|
||||
</button>
|
||||
<x-button.secondary wire:click="do('reboot')" class="w-full text-nowrap disabled:cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('reboot')" />
|
||||
<x-ri-loop-left-line class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('reboot')">
|
||||
Reboot (ACPI)
|
||||
</div>
|
||||
</x-button.secondary>
|
||||
</div>
|
||||
<button wire:click="do('stop')"
|
||||
wire:loading.attr="disabled"
|
||||
@if($vmStatus !== 'running') disabled @endif
|
||||
class="lte-btn lte-btn-danger"
|
||||
style="width: 100%; justify-content: center; border-radius: 0.375rem; padding: 0.625rem 1rem;">
|
||||
<span wire:loading wire:target="do('stop')" class="lte-spinner lte-spinner-sm" style="margin-right: 0.5rem;"></span>
|
||||
<x-ri-shut-down-line wire:loading.remove wire:target="do('stop')" class="size-4" />
|
||||
<span wire:loading.remove wire:target="do('stop')">Power Off</span>
|
||||
<span wire:loading wire:target="do('stop')">Powering Off...</span>
|
||||
</button>
|
||||
<x-button.danger wire:click="do('stop')"
|
||||
class="text-nowrap w-full disabled:cursor-not-allowed"
|
||||
:disabled="$vmStatus !== 'running'">
|
||||
<x-loading target="do('stop')" />
|
||||
<x-ri-shut-down-line class="size-4" />
|
||||
<div wire:loading.remove wire:target="do('stop')">
|
||||
Power Off
|
||||
</div>
|
||||
</x-button.danger>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user