UI improvements to Server Health page

This commit is contained in:
Pinga 2025-02-07 09:44:30 +02:00
parent 7c52826fee
commit 7bb9385af7
2 changed files with 69 additions and 16 deletions

View file

@ -135,12 +135,16 @@ class ReportsController extends Controller
$whoisStatus = $checkServiceStatus('whois'); $whoisStatus = $checkServiceStatus('whois');
$rdapStatus = $checkServiceStatus('rdap'); $rdapStatus = $checkServiceStatus('rdap');
$dasStatus = $checkServiceStatus('das'); $dasStatus = $checkServiceStatus('das');
$msgbStatus = $checkServiceStatus('msg_producer');
$msgwStatus = $checkServiceStatus('msg_worker');
// Get log lines as strings // Get log lines as strings
$eppLogs = $getLogLines('epp'); $eppLogs = $getLogLines('epp');
$whoisLogs = $getLogLines('whois'); $whoisLogs = $getLogLines('whois');
$rdapLogs = $getLogLines('rdap'); $rdapLogs = $getLogLines('rdap');
$dasLogs = $getLogLines('das'); $dasLogs = $getLogLines('das');
$msgbLogs = $getLogLines('msg_producer');
$msgwLogs = $getLogLines('msg_worker');
$system = new System(); $system = new System();
@ -206,6 +210,10 @@ class ReportsController extends Controller
'whoisLogs' => $whoisLogs, 'whoisLogs' => $whoisLogs,
'rdapLogs' => $rdapLogs, 'rdapLogs' => $rdapLogs,
'dasLogs' => $dasLogs, 'dasLogs' => $dasLogs,
'msgbStatus' => $msgbStatus,
'msgwStatus' => $msgwStatus,
'msgbLogs' => $msgbLogs,
'msgwLogs' => $msgwLogs,
]); ]);
} }

View file

@ -113,74 +113,97 @@
</div> </div>
<!-- EPP Card --> <!-- EPP Card -->
<div class="col-md-3"> <div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center flex-wrap">
<div class="subheader me-2">{{ __('EPP Server') }}:</div> <div class="subheader me-2">{{ __('EPP Server') }}:</div>
<span class="status {{ eppStatus == 'Running' ? 'status-green' : 'status-red' }}"> <span class="status {{ eppStatus == 'Running' ? 'status-green' : 'status-red' }}">
<span class="status-dot status-dot-animated"></span> <span class="status-dot status-dot-animated"></span>
{{ eppStatus == 'Running' ? __('Running') : __('Stopped') }} {{ eppStatus == 'Running' ? __('Running') : __('Stopped') }}
</span> </span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service epp restart</code></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- RDAP Card --> <!-- RDAP Card -->
<div class="col-md-3"> <div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center flex-wrap">
<div class="subheader me-2">{{ __('RDAP Server') }}:</div> <div class="subheader me-2">{{ __('RDAP Server') }}:</div>
<span class="status {{ rdapStatus == 'Running' ? 'status-green' : 'status-red' }}"> <span class="status {{ rdapStatus == 'Running' ? 'status-green' : 'status-red' }}">
<span class="status-dot status-dot-animated"></span> <span class="status-dot status-dot-animated"></span>
{{ rdapStatus == 'Running' ? __('Running') : __('Stopped') }} {{ rdapStatus == 'Running' ? __('Running') : __('Stopped') }}
</span> </span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service rdap restart</code></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- WHOIS Card --> <!-- WHOIS Card -->
<div class="col-md-3"> <div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center flex-wrap">
<div class="subheader me-2">{{ __('WHOIS Server') }}:</div> <div class="subheader me-2">{{ __('WHOIS Server') }}:</div>
<span class="status {{ whoisStatus == 'Running' ? 'status-green' : 'status-red' }}"> <span class="status {{ whoisStatus == 'Running' ? 'status-green' : 'status-red' }}">
<span class="status-dot status-dot-animated"></span> <span class="status-dot status-dot-animated"></span>
{{ whoisStatus == 'Running' ? __('Running') : __('Stopped') }} {{ whoisStatus == 'Running' ? __('Running') : __('Stopped') }}
</span> </span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service whois restart</code></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- DAS Card --> <!-- DAS Card -->
<div class="col-md-3"> <div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center flex-wrap">
<div class="subheader me-2">{{ __('DAS Server') }}:</div> <div class="subheader me-2">{{ __('DAS Server') }}:</div>
<span class="status {{ dasStatus == 'Running' ? 'status-green' : 'status-red' }}"> <span class="status {{ dasStatus == 'Running' ? 'status-green' : 'status-red' }}">
<span class="status-dot status-dot-animated"></span> <span class="status-dot status-dot-animated"></span>
{{ dasStatus == 'Running' ? __('Running') : __('Stopped') }} {{ dasStatus == 'Running' ? __('Running') : __('Stopped') }}
</span> </span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service das restart</code></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-12"> <!-- Msg_Producer Card -->
<div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<p> <div class="d-flex align-items-center flex-wrap">
{{ __('If you encounter an issue with a specific service, log in via SSH and run the appropriate command to reload it:') }} <code>service epp restart</code>, <code>service whois restart</code>, <code>service rdap restart</code>, <code>service das restart</code> <div class="subheader me-2">{{ __('Message Producer') }}:</div>
</p> <span class="status {{ msgbStatus == 'Running' ? 'status-green' : 'status-red' }}">
<p class="text-muted"> <span class="status-dot status-dot-animated"></span>
{{ __('If you need assistance, please contact support.') }} {{ msgbStatus == 'Running' ? __('Running') : __('Stopped') }}
</p> </span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service msg_producer restart</code></div>
</div>
</div>
</div>
</div>
<!-- Msg_Worker Card -->
<div class="col-md-4">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center flex-wrap">
<div class="subheader me-2">{{ __('Message Worker') }}:</div>
<span class="status {{ msgwStatus == 'Running' ? 'status-green' : 'status-red' }}">
<span class="status-dot status-dot-animated"></span>
{{ msgwStatus == 'Running' ? __('Running') : __('Stopped') }}
</span>
<div class="w-100 mt-2 text-secondary">{{ __('Issue detected? Restart with:') }} <code>service msg_worker restart</code></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -228,6 +251,28 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ __('Msg_Producer Log') }}</h3>
</div>
<div class="card-body">
<pre style="white-space: pre-wrap;">{{ msgbLogs|raw }}</pre>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ __('Msg_Broker Log') }}</h3>
</div>
<div class="card-body">
<pre style="white-space: pre-wrap;">{{ msgwLogs|raw }}</pre>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>