From ffb5d2129bd97eeacf2110be81f3ab03c4f72a62 Mon Sep 17 00:00:00 2001
From: adamanth <adamanth@outlook.com>
Date: Wed, 22 Mar 2023 20:30:06 +0300
Subject: [PATCH] CShow clock in TV layout

---
 src/scripts/libraryMenu.js     | 16 ++++++++++++++++
 src/styles/librarybrowser.scss |  5 +++++
 2 files changed, 21 insertions(+)

diff --git a/src/scripts/libraryMenu.js b/src/scripts/libraryMenu.js
index 77b38ab46a..24ac43b128 100644
--- a/src/scripts/libraryMenu.js
+++ b/src/scripts/libraryMenu.js
@@ -19,6 +19,7 @@ import ServerConnections from '../components/ServerConnections';
 import { PluginType } from '../types/plugin.ts';
 import Events from '../utils/events.ts';
 import { getParameterByName } from '../utils/url.ts';
+import datetime from '../scripts/datetime';
 
 import '../elements/emby-button/paper-icon-button-light';
 
@@ -44,6 +45,7 @@ import '../styles/flexstyles.scss';
         html += '<button is="paper-icon-button-light" class="headerCastButton castButton headerButton headerButtonRight hide"><span class="material-icons cast" aria-hidden="true"></span></button>';
         html += '<button type="button" is="paper-icon-button-light" class="headerButton headerButtonRight headerSearchButton hide"><span class="material-icons search" aria-hidden="true"></span></button>';
         html += '<button is="paper-icon-button-light" class="headerButton headerButtonRight headerUserButton hide"><span class="material-icons person" aria-hidden="true"></span></button>';
+        html += '<div class="currentTimeText hide"></div>';
         html += '</div>';
         html += '</div>';
         html += '<div class="headerTabs sectionTabs hide">';
@@ -61,11 +63,13 @@ import '../styles/flexstyles.scss';
         headerAudioPlayerButton = skinHeader.querySelector('.headerAudioPlayerButton');
         headerSearchButton = skinHeader.querySelector('.headerSearchButton');
         headerSyncButton = skinHeader.querySelector('.headerSyncButton');
+        currentTimeText = skinHeader.querySelector('.currentTimeText');
 
         retranslateUi();
         lazyLoadViewMenuBarImages();
         bindMenuEvents();
         updateCastIcon();
+        updateClock();
     }
 
     function getCurrentApiClient() {
@@ -189,6 +193,17 @@ import '../styles/flexstyles.scss';
         }
     }
 
+    function updateClock() {
+        if (layoutManager.tv) {
+            currentTimeText.classList.remove('hide');
+            setInterval(function() {
+                 currentTimeText.innerHTML = datetime.getDisplayTime(new Date());
+            }, 1000);
+        } else {
+            currentTimeText.classList.add('hide');
+        }
+    }
+
     function showSearch() {
         inputManager.handleCommand('search');
     }
@@ -940,6 +955,7 @@ import '../styles/flexstyles.scss';
     let headerSearchButton;
     let headerAudioPlayerButton;
     let headerSyncButton;
+    let currentTimeText;
     const enableLibraryNavDrawer = layoutManager.desktop;
     const enableLibraryNavDrawerHome = !layoutManager.tv;
     const skinHeader = document.querySelector('.skinHeader');
diff --git a/src/styles/librarybrowser.scss b/src/styles/librarybrowser.scss
index 66e9aad7d8..8b2361e069 100644
--- a/src/styles/librarybrowser.scss
+++ b/src/styles/librarybrowser.scss
@@ -1515,3 +1515,8 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
         line-clamp: 6;
     }
 }
+
+.currentTimeText {
+    padding-left: 0.8em;
+    padding-right: 0.8em;
+}
\ No newline at end of file