From a5fd32ba7954e66d36ac3f49ad50f1c7eb2e2611 Mon Sep 17 00:00:00 2001
From: Siau Pheng <siaupheng@3fonia.com>
Date: Mon, 2 Nov 2026 15:23:36 +0700
Subject: [PATCH] Update last modified date in AboutController and about.js;
 enhance version display logic in about.js for better readability

---
 app/Controller/System/AboutController.php |  8 ++++----
 app/Scripts/system/about.js               | 12 ++++++++++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/Controller/System/AboutController.php b/app/Controller/System/AboutController.php
index 7842b26..28bc99c 100644
--- a/app/Controller/System/AboutController.php
+++ b/app/Controller/System/AboutController.php
@@ -6,7 +6,7 @@
     Description   : Informasi Aplikasi
     Created By    : Siau Pheng (siaupheng@3fonia.com).
     Created Date  : November 23th, 2011.
-    Last Modified : August 13th, 2026.
+    Last Modified : November 2nd, 2026.
 
     (c) 3FONIA Software; WWW.3FONIA.COM.
 
@@ -107,9 +107,9 @@ class AboutController {
             }, $packages);
             usort($packages, fn($a, $b): int => $a->name <=> $b->name);
         }
-        $text = '';
-        foreach ($packages as $item) {
-            $text .= '- ' .$item->name. ' Version ' .$item->version. '<br>';
+        $text = ''; $last = array_key_last((array) $packages);
+        foreach ($packages as $key => $item) {
+            $text .= $item->name. ' v' .$item->version. ($key === $last ? '' : '<i class="bi-gear px-1"></i>');
         }
         $this->app->json([ 'html' => $text ]);
     }
diff --git a/app/Scripts/system/about.js b/app/Scripts/system/about.js
index 85a5e70..0856079 100644
--- a/app/Scripts/system/about.js
+++ b/app/Scripts/system/about.js
@@ -4,7 +4,7 @@
     Description   : Informasi Aplikasi
     Created By    : Siau Pheng (siaupheng@3fonia.com).
     Created Date  : November 23th, 2011.
-    Last Modified : August 13th, 2026.
+    Last Modified : November 2nd, 2026.
 
     (c) 3FONIA Software; WWW.3FONIA.COM.
 
@@ -15,7 +15,15 @@ var AboutJS = {
     KODE: '',
 
     index() {
-        $('#win'+this.KODE).find('#divBuildInfo').html('<p>- jQuery Version '+$().jquery+' <br>- Bootstrap Version '+$.fn.tooltip.Constructor.VERSION+' <br>- FoniaJS Version '+FoniaJS.version+'</p>');
+        let _html = [];
+        if (typeof jQuery !== undefined) _html.push('jQuery v'+$().jquery);
+        if (typeof bootstrap !== undefined) _html.push('Bootstrap v'+$.fn.tooltip.Constructor.VERSION);
+        if (typeof DataTable !== undefined) _html.push('DataTable v'+DataTable.version);
+        if (typeof Chart !== undefined) _html.push('Chart.js v'+Chart.version);
+        if (typeof qz !== undefined) _html.push('QZ Connector v'+qz.version);
+        if (typeof FoniaJS !== undefined) _html.push('FoniaJS v'+FoniaJS.version);
+        $('#win'+this.KODE).find('#divBuildInfo').html(`<p>${_html.join('<i class="bi-nut px-1"></i>')}</p>`);
+        
         $('#butDBCek').click(() => this.db_check());
         $('#butDBOpti').click(() => this.db_opti());
         $('#butUpdateCek').click(() => this.update_check());