optimize gui loader
This commit is contained in:
@@ -24,27 +24,27 @@
|
|||||||
if (status === 'RUNNING') {
|
if (status === 'RUNNING') {
|
||||||
el.innerHTML = `
|
el.innerHTML = `
|
||||||
<div class="alert alert-info d-flex justify-content-between align-items-center">
|
<div class="alert alert-info d-flex justify-content-between align-items-center">
|
||||||
<div><strong>Rebuild läuft…</strong></div>
|
<div><strong>Dokument-Tag-Rebuild läuft…</strong></div>
|
||||||
<div class="spinner-border spinner-border-sm"></div>
|
<div class="spinner-border spinner-border-sm"></div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
} else if (status === 'QUEUED') {
|
} else if (status === 'QUEUED') {
|
||||||
el.innerHTML = `
|
el.innerHTML = `
|
||||||
<div class="alert alert-secondary">
|
<div class="alert alert-secondary">
|
||||||
Rebuild in Warteschlange…
|
Dokument-Tag-Rebuild in Warteschlange…
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
} else if (status === 'COMPLETED') {
|
} else if (status === 'COMPLETED') {
|
||||||
el.innerHTML = `
|
el.innerHTML = `
|
||||||
<div class="alert alert-success">
|
<div class="alert alert-success fw-bold">
|
||||||
Rebuild abgeschlossen.
|
Dokument-Tag-Rebuild erfolgreich abgeschlossen.
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
stopPolling();
|
stopPolling();
|
||||||
} else if (status === 'FAILED') {
|
} else if (status === 'FAILED') {
|
||||||
el.innerHTML = `
|
el.innerHTML = `
|
||||||
<div class="alert alert-danger">
|
<div class="alert alert-danger">
|
||||||
Rebuild fehlgeschlagen.
|
Dokument-Tag-Rebuild fehlgeschlagen.
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
stopPolling();
|
stopPolling();
|
||||||
|
|||||||
@@ -81,7 +81,10 @@
|
|||||||
|
|
||||||
{# Fehlerbereich #}
|
{# Fehlerbereich #}
|
||||||
<div id="job-error"
|
<div id="job-error"
|
||||||
class="alert alert-danger mt-3 d-none">
|
class="alert alert-danger mt-3 {% if not job.errorMessage %}d-none{% endif %}">
|
||||||
|
{% if job.errorMessage %}
|
||||||
|
{{ job.errorMessage }}
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,12 +11,20 @@
|
|||||||
{# ========================================================= #}
|
{# ========================================================= #}
|
||||||
{# Flash Messages #}
|
{# Flash Messages #}
|
||||||
{# ========================================================= #}
|
{# ========================================================= #}
|
||||||
|
{#{% if app.flashes('success') %}
|
||||||
|
<ul class="alert alert-success shadow-sm">
|
||||||
{% for message in app.flashes('success') %}
|
{% for message in app.flashes('success') %}
|
||||||
<div class="alert alert-success shadow-sm">{{ message }}</div>
|
<li>{{ message }}</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
|
{% if app.flashes('danger') %}
|
||||||
|
<ul class="alert alert-danger shadow-sm">
|
||||||
{% for message in app.flashes('danger') %}
|
{% for message in app.flashes('danger') %}
|
||||||
<div class="alert alert-danger shadow-sm">{{ message }}</div>
|
<li>{{ message }}</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}#}
|
||||||
|
|
||||||
{# ========================================================= #}
|
{# ========================================================= #}
|
||||||
{# LIVE REBUILD STATUS (SSE) #}
|
{# LIVE REBUILD STATUS (SSE) #}
|
||||||
@@ -44,34 +52,28 @@
|
|||||||
html = `
|
html = `
|
||||||
<div class="alert alert-info shadow-sm d-flex justify-content-between align-items-center">
|
<div class="alert alert-info shadow-sm d-flex justify-content-between align-items-center">
|
||||||
<div>
|
<div>
|
||||||
<strong>Rebuild läuft</strong><br>
|
<strong>Tag-Rebuild läuft</strong><br>
|
||||||
${data.startedAt ? 'Gestartet: ' + new Date(data.startedAt).toLocaleString() : ''}
|
${data.startedAt ? 'Gestartet: ' + new Date(data.startedAt).toLocaleString() : ''}
|
||||||
</div>
|
</div>
|
||||||
<div class="spinner-border spinner-border-sm"></div>
|
<div class="spinner-border spinner-border-sm"></div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
} else if (data.status === '{{ statusQueued }}') {
|
||||||
|
|
||||||
else if (data.status === '{{ statusQueued }}') {
|
|
||||||
html = `
|
html = `
|
||||||
<div class="alert alert-secondary shadow-sm">
|
<div class="alert alert-secondary shadow-sm">
|
||||||
<strong>Rebuild in Warteschlange</strong>
|
<strong>Tag-Rebuild in Warteschlange</strong>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
} else if (data.status === '{{ statusCompleted }}') {
|
||||||
|
|
||||||
else if (data.status === '{{ statusCompleted }}') {
|
|
||||||
html = `
|
html = `
|
||||||
<div class="alert alert-success shadow-sm">
|
<div class="alert alert-success shadow-sm">
|
||||||
<strong>Rebuild erfolgreich abgeschlossen</strong>
|
<strong>Tag-Rebuild erfolgreich abgeschlossen</strong>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
} else if (data.status === '{{ statusFailed }}') {
|
||||||
|
|
||||||
else if (data.status === '{{ statusFailed }}') {
|
|
||||||
html = `
|
html = `
|
||||||
<div class="alert alert-danger shadow-sm">
|
<div class="alert alert-danger shadow-sm">
|
||||||
<strong>Rebuild fehlgeschlagen</strong><br>
|
<strong>Tag-Rebuild fehlgeschlagen</strong><br>
|
||||||
${data.error ? '<code>' + data.error + '</code>' : ''}
|
${data.error ? '<code>' + data.error + '</code>' : ''}
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user