Update index.js
Alessandro committed
Sep 20, 2024 at 06:05 UTC
c979301d64c30fb0e2ef331d52d8abe520608bb6
1 file changed
+31
-19
webui/index.js
+31
-19
@@ -10,30 +10,27 @@ const inputSection = document.getElementById('input-section');
10
const statusSection = document.getElementById('status-section');
11
const chatsSection = document.getElementById('chats-section');
12
13
-let isResizing = false;
13
let autoScroll = true;
15
-
14
let context = "";
15
18
-
19
-splitter.addEventListener('mousedown', (e) => {
20
- isResizing = true;
21
- document.addEventListener('mousemove', resize);
22
- document.addEventListener('mouseup', stopResize);
23
-});
24
-
25
-function resize(e) {
26
- if (isResizing) {
27
- const newWidth = e.clientX - container.offsetLeft;
28
- leftPanel.style.width = `${newWidth}px`;
16
+// Sidebar Toggle Setup:
17
+function setupSidebarToggle() {
18
+ const toggleSidebarButton = document.getElementById('toggle-sidebar');
19
+ const leftPanel = document.getElementById('left-panel');
20
+ const rightPanel = document.getElementById('right-panel');
21
+
22
+ if (toggleSidebarButton && leftPanel && rightPanel) {
23
+ toggleSidebarButton.addEventListener('click', () => {
24
+ leftPanel.classList.toggle('hidden');
25
+ rightPanel.classList.toggle('expanded');
26
+ });
27
+ } else {
28
+ setTimeout(setupSidebarToggle, 100);
29
}
30
}
31
32
-function stopResize() {
33
- isResizing = false;
34
- document.removeEventListener('mousemove', resize);
35
-}
36
-
32
+// Initialize the toggle button
33
+setupSidebarToggle();
34
async function sendMessage() {
35
const message = chatInput.value.trim();
36
if (message) {
@@ -55,6 +52,21 @@ chatInput.addEventListener('keydown', (e) => {
52
53
sendButton.addEventListener('click', sendMessage);
54
55
+
56
+function updateUTCTime() {
57
+ const now = new Date();
58
+ const hours = now.getUTCHours();
59
+ const minutes = now.getUTCMinutes();
60
+ const seconds = now.getUTCSeconds(); // Get UTC seconds
61
+ const ampm = hours >= 12 ? 'pm' : 'am';
62
+ const formattedHours = hours % 12 || 12;
63
+
64
+ document.getElementById('utc-time').textContent =
65
+ `${formattedHours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')} ${ampm} UTC`;
66
+ }
67
+
68
+updateUTCTime();
69
+setInterval(updateUTCTime, 1000);
70
function setMessage(id, type, heading, content, kvps = null) {
71
// Search for the existing message container by id
72
let messageContainer = document.getElementById(`message-${id}`);
@@ -245,4 +257,4 @@ function toggleCssProperty(selector, property, value) {
257
258
chatInput.addEventListener('input', adjustTextareaHeight);
259
248
-setInterval(poll, 250);
\ No newline at end of file
260
+setInterval(poll, 250);