When users updated Traefik configuration or version and restarted the proxy, the warning triangle icon showing outdated version info persisted until the weekly CheckTraefikVersionJob ran (Sundays at 00:00). This was caused by the UI warning indicators reading from cached database columns (detected_traefik_version, traefik_outdated_info) that were only updated by the weekly scheduled job, not after proxy restarts. Solution: Add version check to ProxyStatusChangedNotification listener that triggers automatically after proxy status changes to "running". Changes: - Add Traefik version check in ProxyStatusChangedNotification::handle() - Triggers automatically when ProxyStatusChanged event fires with status="running" - Removed duplicate version check from Navbar::restart() (now handled by event) - Event fires after StartProxy/StopProxy actions complete via async jobs - Gracefully handles missing versions.json data with warning log Benefits: - Version check happens AFTER proxy is confirmed running (more accurate) - Reuses existing event infrastructure (ProxyStatusChanged) - Works for all proxy restart scenarios (manual restart, config save + restart, etc.) - No duplicate checks - single source of truth in event listener - Async job runs in background (5-10 seconds) to update database - User sees warning cleared after page refresh Flow: 1. User updates config and restarts proxy (or manually restarts) 2. StartProxy action completes async, dispatches ProxyStatusChanged event 3. ProxyStatusChangedNotification listener receives event 4. Listener checks proxy status = "running", dispatches CheckTraefikVersionForServerJob 5. Job detects version via SSH, updates database columns 6. UI re-renders with cleared warnings 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
188 lines
5.6 KiB
PHP
188 lines
5.6 KiB
PHP
<?php
|
|
|
|
namespace App\Livewire\Server;
|
|
|
|
use App\Actions\Proxy\CheckProxy;
|
|
use App\Actions\Proxy\StartProxy;
|
|
use App\Actions\Proxy\StopProxy;
|
|
use App\Models\Server;
|
|
use App\Services\ProxyDashboardCacheService;
|
|
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
|
|
use Livewire\Component;
|
|
|
|
class Navbar extends Component
|
|
{
|
|
use AuthorizesRequests;
|
|
|
|
public Server $server;
|
|
|
|
public bool $isChecking = false;
|
|
|
|
public ?string $currentRoute = null;
|
|
|
|
public bool $traefikDashboardAvailable = false;
|
|
|
|
public ?string $serverIp = null;
|
|
|
|
public ?string $proxyStatus = 'unknown';
|
|
|
|
public function getListeners()
|
|
{
|
|
$teamId = auth()->user()->currentTeam()->id;
|
|
|
|
return [
|
|
'refreshServerShow' => 'refreshServer',
|
|
"echo-private:team.{$teamId},ProxyStatusChangedUI" => 'showNotification',
|
|
];
|
|
}
|
|
|
|
public function mount(Server $server)
|
|
{
|
|
$this->server = $server;
|
|
$this->currentRoute = request()->route()->getName();
|
|
$this->serverIp = $this->server->id === 0 ? base_ip() : $this->server->ip;
|
|
$this->proxyStatus = $this->server->proxy->status ?? 'unknown';
|
|
$this->loadProxyConfiguration();
|
|
}
|
|
|
|
public function loadProxyConfiguration()
|
|
{
|
|
try {
|
|
if ($this->proxyStatus === 'running') {
|
|
$this->traefikDashboardAvailable = ProxyDashboardCacheService::isTraefikDashboardAvailableFromCache($this->server);
|
|
}
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
}
|
|
}
|
|
|
|
public function restart()
|
|
{
|
|
try {
|
|
$this->authorize('manageProxy', $this->server);
|
|
StopProxy::run($this->server, restarting: true);
|
|
|
|
$this->server->proxy->force_stop = false;
|
|
$this->server->save();
|
|
|
|
$activity = StartProxy::run($this->server, force: true, restarting: true);
|
|
$this->dispatch('activityMonitor', $activity->id);
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
}
|
|
}
|
|
|
|
public function checkProxy()
|
|
{
|
|
try {
|
|
$this->authorize('manageProxy', $this->server);
|
|
CheckProxy::run($this->server, true);
|
|
$this->dispatch('startProxy')->self();
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
}
|
|
}
|
|
|
|
public function startProxy()
|
|
{
|
|
try {
|
|
$this->authorize('manageProxy', $this->server);
|
|
$activity = StartProxy::run($this->server, force: true);
|
|
$this->dispatch('activityMonitor', $activity->id);
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
}
|
|
}
|
|
|
|
public function stop(bool $forceStop = true)
|
|
{
|
|
try {
|
|
$this->authorize('manageProxy', $this->server);
|
|
StopProxy::dispatch($this->server, $forceStop);
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
}
|
|
}
|
|
|
|
public function checkProxyStatus()
|
|
{
|
|
if ($this->isChecking) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
$this->isChecking = true;
|
|
CheckProxy::run($this->server, true);
|
|
} catch (\Throwable $e) {
|
|
return handleError($e, $this);
|
|
} finally {
|
|
$this->isChecking = false;
|
|
$this->showNotification();
|
|
}
|
|
}
|
|
|
|
public function showNotification()
|
|
{
|
|
$previousStatus = $this->proxyStatus;
|
|
$this->server->refresh();
|
|
$this->proxyStatus = $this->server->proxy->status ?? 'unknown';
|
|
|
|
switch ($this->proxyStatus) {
|
|
case 'running':
|
|
$this->loadProxyConfiguration();
|
|
// Only show "Proxy is running" notification when transitioning from a stopped/error state
|
|
// Don't show during normal start/restart flows (starting, restarting, stopping)
|
|
if (in_array($previousStatus, ['exited', 'stopped', 'unknown', null])) {
|
|
$this->dispatch('success', 'Proxy is running.');
|
|
}
|
|
break;
|
|
case 'exited':
|
|
// Only show "Proxy has exited" notification when transitioning from running state
|
|
// Don't show during normal stop/restart flows (stopping, restarting)
|
|
if (in_array($previousStatus, ['running'])) {
|
|
$this->dispatch('info', 'Proxy has exited.');
|
|
}
|
|
break;
|
|
case 'stopping':
|
|
$this->dispatch('info', 'Proxy is stopping.');
|
|
break;
|
|
case 'starting':
|
|
$this->dispatch('info', 'Proxy is starting.');
|
|
break;
|
|
case 'unknown':
|
|
$this->dispatch('info', 'Proxy status is unknown.');
|
|
break;
|
|
default:
|
|
$this->dispatch('info', 'Proxy status updated.');
|
|
break;
|
|
}
|
|
|
|
}
|
|
|
|
public function refreshServer()
|
|
{
|
|
$this->server->refresh();
|
|
$this->server->load('settings');
|
|
}
|
|
|
|
/**
|
|
* Check if Traefik has any outdated version info (patch or minor upgrade).
|
|
* This shows a warning indicator in the navbar.
|
|
*/
|
|
public function getHasTraefikOutdatedProperty(): bool
|
|
{
|
|
if ($this->server->proxyType() !== ProxyTypes::TRAEFIK->value) {
|
|
return false;
|
|
}
|
|
|
|
// Check if server has outdated info stored
|
|
$outdatedInfo = $this->server->traefik_outdated_info;
|
|
|
|
return ! empty($outdatedInfo) && isset($outdatedInfo['type']);
|
|
}
|
|
|
|
public function render()
|
|
{
|
|
return view('livewire.server.navbar');
|
|
}
|
|
}
|