feat: display plugin and Docker Compose versions in the credits section

Author: mstrhakr

source/compose.manager/compose.manager.settings.page

@@ -18,6 +18,9 @@ $ui_patch_help_class = $option_patch_ui ? "hidden" : "inline_help"; // hide help
 
 $projects_exist = intval(shell_exec("ls -l " . $compose_root . " | grep ^d | wc -l")) != 0;
 
+$pluginVersion = get_plugin_attr('version', '/var/log/plugins/compose.manager.plg') ?: 'unknown';
+$composeCliVersion = trim(shell_exec('docker compose version --short 2>/dev/null') ?? '');
+
 $acePath = file_exists('/usr/local/emhttp/plugins/dynamix/javascript/ace/ace.js')
     ? '/webGui/javascript/ace'
     : '/plugins/compose.manager/javascript/ace';
@@ -2477,6 +2480,13 @@ $acePath = file_exists('/usr/local/emhttp/plugins/dynamix/javascript/ace/ace.js'
 <div id="compose-tab-credits" class="compose-tab-content">
     <div class="title"><span class="left"><i class="fa fa-star icon"></i>_(Credits)_</span></div>
 
+    <div class="credits-section" style="padding:16px 12px;border-bottom:1px solid var(--dynamix-sb-border-color, #ccc);">
+        <span style="font-size:1.2em;font-weight:bold;">Plugin Version: <?= htmlspecialchars($pluginVersion) ?></span><br>
+        <?php if ($composeCliVersion): ?>
+        <span style="font-size:1.2em;font-weight:bold;">Docker Compose: v<?= htmlspecialchars($composeCliVersion) ?></span>
+        <?php endif; ?>
+    </div>
+
     <div class="credits-section" style="padding:12px;">
         <p><strong>Original GitHub repository:</strong> <a href="https://github.com/dcflachs/compose_plugin" target="_blank" rel="noopener noreferrer">dcflachs/compose_plugin</a></p>
         <p>Thanks to the original authors and all contributors for their work on the upstream project.</p>

source/compose.manager/include/ComposeManager.php

@@ -1632,15 +1632,7 @@ functionBefore: function(instance, helper) {
         } else {
             $('body').prepend($toggleContainer);
         }
-        // Inject Compose CLI version next to the page title
-        if (composeCliVersion) {
-            $('div.content').children('div.title').each(function() {
-                var txt = $(this).text().trim();
-                if (/Compose/i.test(txt) && !/Docker\s*Containers/i.test(txt)) {
-                    $(this).append(' <span class="compose-text-muted" style="font-size:0.75em;font-weight:normal;vertical-align:middle;">v' + composeEscapeHtml(composeCliVersion) + '</span>');
-                }
-            });
-        }
+
 
         // Initialize the Advanced/Basic view toggle.
         // labels_placement:'left' puts both labels to the left of the slider.