From c23972f232eaa014bae6a1f7ef0385c7ff481012 Mon Sep 17 00:00:00 2001
From: zhangxiquan <zhangxiquan@chandao.com>
Date: Wed, 27 Nov 2024 01:17:07 +0000
Subject: [PATCH] + [task#133164,done,0.5h] Cne container logs.

---
 module/instance/js/logs.ui.js    | 79 ++++++++++++++++----------------
 module/instance/ui/logs.html.php |  3 +-
 2 files changed, 42 insertions(+), 40 deletions(-)

diff --git a/module/instance/js/logs.ui.js b/module/instance/js/logs.ui.js
index e46f88e135..9504622397 100644
--- a/module/instance/js/logs.ui.js
+++ b/module/instance/js/logs.ui.js
@@ -1,39 +1,40 @@
-window.initComponent = function (instanceID) {
-    toggleLoading('#logs-panel', true);
-    const $picker = $('[name=component]').zui('picker');
-    $picker.$.clear();
-
-    $.getJSON($.createLink('instance', 'ajaxGetComponents', 'id=' + instanceID), function (items) {
-        toggleLoading('#logs-panel', false);
-        $picker.render({items: items});
-        if (typeof (items) !== 'undefined') {
-            $picker.$.setValue(items.component);
-        }
-    });
-};
-
-window.changeComponent = function (instanceID) {
-    toggleLoading('#logs-panel', true);
-    const $picker = $('[name=pod]').zui('picker');
-    $picker.$.clear();
-    const component = $('[name=component]').val();
-    $.getJSON($.createLink('instance', 'ajaxGetPods', 'id=' + instanceID + '&component=' + component), function (items) {
-        $picker.render({items: items});
-        if (typeof (items) !== 'undefined') {
-            $picker.$.setValue(items.pod);
-        }
-        toggleLoading('#logs-panel', false);
-    });
-};
-
-window.showLogs = function (instanceID) {
-    const instanceComponent = $('[name=component]').val();
-    const instancePod = $('[name=pod]').val();
-    const previous = $('[name=previous]').val();
-    const target = $.createLink('instance', 'showlogs', 'id=' + instanceID + "&component=" + instanceComponent + "&pod=" + instancePod + "&previous=" + previous);
-    toggleLoading('#logs-panel', true);
-    $.getJSON(target, function (data) {
-        toggleLoading('#logs-panel', false);
-        $('#logs-content').html(data.data.map(item => item.timestamp + ' ' + item.content).join('\n'));
-    });
-};
+window.initComponent = function (instanceID) {
+    toggleLoading('#logs-panel', true);
+    const $picker = $('[name=component]').zui('picker');
+    $picker.$.clear();
+
+    $.getJSON($.createLink('instance', 'ajaxGetComponents', 'id=' + instanceID), function (items) {
+        toggleLoading('#logs-panel', false);
+        $picker.render({items: items});
+        if (typeof (items) !== 'undefined') {
+            $picker.$.setValue(items.component);
+        }
+    });
+};
+
+window.changeComponent = function (instanceID) {
+    toggleLoading('#logs-panel', true);
+    const $picker = $('[name=pod]').zui('picker');
+    $picker.$.clear();
+    const component = $('[name=component]').val();
+    $.getJSON($.createLink('instance', 'ajaxGetPods', 'id=' + instanceID + '&component=' + component), function (items) {
+        $picker.render({items: items});
+        if (typeof (items) !== 'undefined') {
+            $picker.$.setValue(items.pod);
+        }
+        toggleLoading('#logs-panel', false);
+        showLogs(instanceID);
+    });
+};
+
+window.showLogs = function (instanceID) {
+    const instanceComponent = $('[name=component]').val();
+    const instancePod = $('[name=pod]').val();
+    const previous = $('[name=previous]').val();
+    const target = $.createLink('instance', 'showlogs', 'id=' + instanceID + "&component=" + instanceComponent + "&pod=" + instancePod + "&previous=" + previous);
+    toggleLoading('#logs-panel', true);
+    $.getJSON(target, function (data) {
+        toggleLoading('#logs-panel', false);
+        $('#logs-content').html(data.data.map(item => item.timestamp + ' ' + item.content).join('\n'));
+    });
+};
diff --git a/module/instance/ui/logs.html.php b/module/instance/ui/logs.html.php
index 1aa4e5481a..d330012a31 100644
--- a/module/instance/ui/logs.html.php
+++ b/module/instance/ui/logs.html.php
@@ -73,6 +73,7 @@ formPanel
             set::label($lang->instance->isPrevious),
             set::items($lang->instance->isPreviousList),
             set::value(0),
+            on::change()->call('showLogs', $instance->id),
             on::inited()->call('initComponent', $instance->id)
         )
     ),
@@ -84,7 +85,7 @@ formPanel
             setClass('py-2'),
             form
             (
-                h::pre(setID('logs-content'), setClass('progress block h-96')),
+                h::pre(setID('logs-content'), setClass('bg-gray-800 text-white progress block h-96')),
                 set::actions(false)
             )
         )