Fix display module version on configuration

Author: Matt75

ps17/views/templates/admin/configuration.tpl

@@ -44,19 +44,17 @@
   #content.nobootstrap div.bootstrap.panel {
     display: none;
   }
-  #content.nobootstrap .page-head h4.page-subtitle {
-    display: none;
-  }
 </style>
 
 <script>
-  // Enhance page title with subtitle and module version
-  const pageTitle = document.querySelector('#content.nobootstrap .page-head h2.page-title');
-  const pageSubtitle = document.querySelector('#content.nobootstrap .page-head h4.page-subtitle');
+    // Enhance page subtitle with module version
+    const pageSubtitles = document.querySelectorAll('#content.nobootstrap .page-head .page-subtitle, #content.bootstrap .page-head .page-subtitle');
+    const moduleVersion = window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '';
 
-  if (pageTitle) {
-    pageTitle.textContent = pageTitle.textContent
-      + (pageSubtitle ? ' ' + pageSubtitle.textContent : '')
-      + (window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '')
-  }
+    pageSubtitles?.forEach((pageSubtitle) => {
+        if (pageSubtitle) {
+            pageSubtitle.textContent = pageSubtitle.textContent
+                + moduleVersion;
+        }
+    });
 </script>

ps8/views/templates/admin/configuration.tpl

@@ -44,19 +44,17 @@
   #content.nobootstrap div.bootstrap.panel {
     display: none;
   }
-  #content.nobootstrap .page-head h4.page-subtitle {
-    display: none;
-  }
 </style>
 
 <script>
-  // Enhance page title with subtitle and module version
-  const pageTitle = document.querySelector('#content .page-head .page-title');
-  const pageSubtitle = document.querySelector('#content .page-head .page-subtitle');
+    // Enhance page subtitle with module version
+    const pageSubtitles = document.querySelectorAll('#content.nobootstrap .page-head .page-subtitle, #content.bootstrap .page-head .page-subtitle');
+    const moduleVersion = window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '';
 
-  if (pageTitle) {
-    pageTitle.textContent = pageTitle.textContent
-      + (pageSubtitle ? ' ' + pageSubtitle.textContent : '')
-      + (window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '')
-  }
+    pageSubtitles?.forEach((pageSubtitle) => {
+        if (pageSubtitle) {
+            pageSubtitle.textContent = pageSubtitle.textContent
+                + moduleVersion;
+        }
+    });
 </script>

ps9/views/templates/admin/configuration.tpl

@@ -44,19 +44,17 @@
   #content.nobootstrap div.bootstrap.panel {
     display: none;
   }
-  #content.nobootstrap .page-head h4.page-subtitle {
-    display: none;
-  }
 </style>
 
 <script>
-  // Enhance page title with subtitle and module version
-  const pageTitle = document.querySelector('#content .page-head .page-title');
-  const pageSubtitle = document.querySelector('#content .page-head .page-subtitle');
+    // Enhance page subtitle with module version
+    const pageSubtitles = document.querySelectorAll('#content.nobootstrap .page-head .page-subtitle, #content.bootstrap .page-head .page-subtitle');
+    const moduleVersion = window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '';
 
-  if (pageTitle) {
-    pageTitle.textContent = pageTitle.textContent
-      + (pageSubtitle ? ' ' + pageSubtitle.textContent : '')
-      + (window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '')
-  }
+    pageSubtitles?.forEach((pageSubtitle) => {
+        if (pageSubtitle) {
+            pageSubtitle.textContent = pageSubtitle.textContent
+                + moduleVersion;
+        }
+    });
 </script>