more bootstrap-5.3 adjustments in css-classes etc.
Signed-off-by: Michael Kaufmann <d00p@froxlor.org>
This commit is contained in:
Michael Kaufmann
@@ -20,9 +20,14 @@
|
||||
<div class="card h-100 mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ lng('opcacheinfo.memusage') }}</h5>
|
||||
<div class="progress position-relative">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: {{ opcacheinfo.overview.used_memory_percentage }}%" aria-valuenow="{{ opcacheinfo.overview.used_memory }}" aria-valuemin="0" aria-valuemax="{{ opcacheinfo.overview.total_memory }}"></div>
|
||||
<small class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.used_memory_percentage }}%</small>
|
||||
<div class="progress position-relative" role="progressbar"
|
||||
aria-valuenow="{{ opcacheinfo.overview.used_memory }}" aria-valuemin="0"
|
||||
aria-valuemax="{{ opcacheinfo.overview.total_memory }}">
|
||||
<div class="progress-bar bg-success"
|
||||
style="width: {{ opcacheinfo.overview.used_memory_percentage }}%"></div>
|
||||
<small
|
||||
class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.used_memory_percentage }}
|
||||
%</small>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
@@ -49,10 +54,22 @@
|
||||
<div class="card h-100 mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ lng('opcacheinfo.hitsc') }}</h5>
|
||||
<div class="progress position-relative">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: {{ opcacheinfo.overview.hit_rate_percentage }}%" aria-valuenow="{{ opcacheinfo.overview.hits }}" aria-valuemin="0" aria-valuemax="{{ opcacheinfo.overview.hits + opcacheinfo.overview.misses }}"></div>
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: {{ 100 - opcacheinfo.overview.hit_rate_percentage }}%" aria-valuenow="{{ opcacheinfo.overview.misses }}" aria-valuemin="0" aria-valuemax="{{ opcacheinfo.overview.hits + opcacheinfo.overview.misses }}"></div>
|
||||
<small class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.hit_rate_percentage }}%</small>
|
||||
<div class="progress-stacked position-relative">
|
||||
<div class="progress" role="progressbar" aria-valuenow="{{ opcacheinfo.overview.hits }}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="{{ opcacheinfo.overview.hits + opcacheinfo.overview.misses }}"
|
||||
style="width: {{ opcacheinfo.overview.hit_rate_percentage }}%">
|
||||
<div class="progress-bar bg-success"></div>
|
||||
</div>
|
||||
<div class="progress" role="progressbar" aria-valuenow="{{ opcacheinfo.overview.misses }}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="{{ opcacheinfo.overview.hits + opcacheinfo.overview.misses }}"
|
||||
style="width: {{ 100 - opcacheinfo.overview.hit_rate_percentage }}%">
|
||||
<div class="progress-bar bg-danger"></div>
|
||||
</div>
|
||||
<small
|
||||
class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.hit_rate_percentage }}
|
||||
%</small>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
@@ -80,8 +97,13 @@
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ lng('opcacheinfo.usedkey') }}</h5>
|
||||
<div class="progress position-relative">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: {{ opcacheinfo.overview.used_key_percentage }}%" aria-valuenow="{{ opcacheinfo.overview.num_cached_keys }}" aria-valuemin="0" aria-valuemax="{{ opcacheinfo.overview.max_cached_keys }}"></div>
|
||||
<small class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.used_key_percentage }}%</small>
|
||||
<div class="progress-bar bg-success" role="progressbar"
|
||||
style="width: {{ opcacheinfo.overview.used_key_percentage }}%"
|
||||
aria-valuenow="{{ opcacheinfo.overview.num_cached_keys }}" aria-valuemin="0"
|
||||
aria-valuemax="{{ opcacheinfo.overview.max_cached_keys }}"></div>
|
||||
<small
|
||||
class="justify-content-center d-flex position-absolute w-100 text-dark">{{ opcacheinfo.overview.used_key_percentage }}
|
||||
%</small>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
@@ -108,15 +130,18 @@
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
{{ lng('opcacheinfo.used') }}
|
||||
<span class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.strings_used_memory }}</span>
|
||||
<span
|
||||
class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.strings_used_memory }}</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
{{ lng('opcacheinfo.free') }}
|
||||
<span class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.strings_free_memory }}</span>
|
||||
<span
|
||||
class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.strings_free_memory }}</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
{{ lng('opcacheinfo.strcount') }}
|
||||
<span class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.number_of_strings }}</span>
|
||||
<span
|
||||
class="badge bg-secondary">{{ opcacheinfo.overview.readable.interned.number_of_strings }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -128,53 +153,53 @@
|
||||
<div class="card table-responsive mb-3">
|
||||
<table class="table table-borderless table-striped align-middle mb-0 px-3">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="text-center" colspan="2" scope="row">{{ lng('opcacheinfo.generaltitle') }}</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.version') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.version }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.phpversion') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.php }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('admin.hostname') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.host }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('admin.serversoftware') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.server }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.start') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.overview.start_time|date('d.m.Y H:i:s') }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.lastreset') }}</th>
|
||||
<td class="text-end">
|
||||
{% if opcacheinfo.overview.last_restart_time > 0 %}
|
||||
{{ opcacheinfo.overview.last_restart_time|date('d.m.Y H:i:s') }}
|
||||
{% else %}
|
||||
{{ lng('panel.never') }}
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="text-center" colspan="2" scope="row">{{ lng('opcacheinfo.generaltitle') }}</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.version') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.version }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.phpversion') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.php }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('admin.hostname') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.host }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('admin.serversoftware') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.version.server }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.start') }}</th>
|
||||
<td class="text-end">{{ opcacheinfo.overview.start_time|date('d.m.Y H:i:s') }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ lng('opcacheinfo.lastreset') }}</th>
|
||||
<td class="text-end">
|
||||
{% if opcacheinfo.overview.last_restart_time > 0 %}
|
||||
{{ opcacheinfo.overview.last_restart_time|date('d.m.Y H:i:s') }}
|
||||
{% else %}
|
||||
{{ lng('panel.never') }}
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card table-responsive">
|
||||
<table class="table table-borderless table-striped align-middle mb-0 px-3">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="text-center" scope="row">{{ lng('opcacheinfo.funcsavail') }}</th>
|
||||
</tr>
|
||||
{% for funcs in opcacheinfo.functions %}
|
||||
<tr>
|
||||
<th class="text-center" scope="row">{{ lng('opcacheinfo.funcsavail') }}</th>
|
||||
</tr>
|
||||
{% for funcs in opcacheinfo.functions %}
|
||||
<tr>
|
||||
<td>{{ funcs }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -183,29 +208,29 @@
|
||||
<div class="card table-responsive">
|
||||
<table class="table table-borderless table-striped align-middle mb-0 px-3">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="text-center" colspan="2" scope="row">{{ lng('opcacheinfo.runtimeconf') }}</th>
|
||||
</tr>
|
||||
{% for directive in opcacheinfo.directives %}
|
||||
<tr>
|
||||
<th class="text-center" colspan="2" scope="row">{{ lng('opcacheinfo.runtimeconf') }}</th>
|
||||
<th class="fw-bold" scope="row">{{ directive.k }}</th>
|
||||
<td class="text-end">
|
||||
{% if directive.v is iterable %}
|
||||
{% for vval in directive.v %}
|
||||
{% if vval is iterable %}
|
||||
{% for val2 in vval %}
|
||||
{{ val2|raw }}<br>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ vval|raw }}<br>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ directive.v|raw }}
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% for directive in opcacheinfo.directives %}
|
||||
<tr>
|
||||
<th class="fw-bold" scope="row">{{ directive.k }}</th>
|
||||
<td class="text-end">
|
||||
{% if directive.v is iterable %}
|
||||
{% for vval in directive.v %}
|
||||
{% if vval is iterable %}
|
||||
{% for val2 in vval %}
|
||||
{{ val2|raw }}<br>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ vval|raw }}<br>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ directive.v|raw }}
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user