NobGit
public nobgit read

NobMail

Based on mailcow: dockerized

Languages

Repository composition by tracked source files.

PHP
PHP 49% JavaScript 35% HTML 9% CSS 4% Shell 2% Python 1% Lua 0% Perl 0% Ruby 0% SCSS 0%
Create file Wiki Documentation
Clone
https://nobgit.com/orgs/nobgit/nobmail.git
ssh://[email protected]:2222/orgs/nobgit/nobmail.git

Commit

[BS5] make container status more visible

2fec7ccd
FreddleSpl0it <[email protected]> 4 years, 1 month ago
data/web/css/build/013-mailcow.css | 15 +++++++++++++++
 data/web/lang/lang.de.json         |  2 ++
 data/web/lang/lang.en.json         |  2 ++
 data/web/templates/debug.twig      | 15 ++++++++++++++-
 4 files changed, 33 insertions(+), 1 deletion(-)

Diff

diff --git a/data/web/css/build/013-mailcow.css b/data/web/css/build/013-mailcow.css
index 24cf47bf..a06d97ed 100644
--- a/data/web/css/build/013-mailcow.css
+++ b/data/web/css/build/013-mailcow.css
@@ -121,6 +121,21 @@
     transform: rotate(359deg);
   }
 }
+@keyframes blink {
+  50% { 
+    color: transparent 
+  }
+}
+.loader-dot { 
+  animation: 1s blink infinite 
+}
+.loader-dot:nth-child(2) { 
+  animation-delay: 250ms 
+}
+.loader-dot:nth-child(3) { 
+  animation-delay: 500ms 
+}
+
 pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
 /* Fix modal moving content left */
 body.modal-open {
diff --git a/data/web/lang/lang.de.json b/data/web/lang/lang.de.json
index 3ebd16a0..04b63c69 100644
--- a/data/web/lang/lang.de.json
+++ b/data/web/lang/lang.de.json
@@ -492,6 +492,8 @@
     "debug": {
         "chart_this_server": "Chart (dieser Server)",
         "containers_info": "Container-Information",
+        "container_running": "Läuft",
+        "container_stopped": "Angehalten",
         "disk_usage": "Festplattennutzung",
         "docs": "Dokumente",
         "external_logs": "Externe Logs",
diff --git a/data/web/lang/lang.en.json b/data/web/lang/lang.en.json
index 90279b0b..7a5d3baf 100644
--- a/data/web/lang/lang.en.json
+++ b/data/web/lang/lang.en.json
@@ -492,6 +492,8 @@
     "debug": {
         "chart_this_server": "Chart (this server)",
         "containers_info": "Container information",
+        "container_running": "Running",
+        "container_stopped": "Stopped",
         "disk_usage": "Disk usage",
         "docs": "Docs",
         "external_logs": "External logs",
diff --git a/data/web/templates/debug.twig b/data/web/templates/debug.twig
index b4601094..672b9b9b 100644
--- a/data/web/templates/debug.twig
+++ b/data/web/templates/debug.twig
@@ -89,9 +89,22 @@
                     <span>{{ container }}</span>
                     <span class="d-block d-md-inline">({{ container_info.Config.Image }})</span>
                     <small class="d-block">({{ lang.debug.started_on }} <span class="parse_date">{{ container_info.State.StartedAtHR }}</span>)</small>
+                    {% if container_info.State.Running == 1 %}
+                      <span class="badge fs-7 bg-success loader" style="min-width:100px">
+                        {{ lang.debug.container_running }}
+                        <span class="loader-dot">.</span>
+                        <span class="loader-dot">.</span>
+                        <span class="loader-dot">.</span>
+                      </span>
+                    {% elseif container_info.State %}
+                      <span class="badge fs-7 bg-danger" style="min-width:100px">
+                        {{ lang.debug.container_stopped }}
+                        <i class="bi-x ms-1"></i>
+                      </span>
+                    {% endif %}
                   </div>
                   <a href data-bs-toggle="modal" data-container="{{ container }}" data-bs-target="#RestartContainer" class="ms-auto btn btn-xs btn-secondary d-flex align-items-center">{{ lang.debug.restart_container }}
-                    <i class="ms-auto bi
+                    <i class="ms-1 bi
                     {% if container_info.State.Running == 1 %}
                     bi-record-fill text-success
                     {% elseif container_info.State %}