1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

CShow clock in TV layout

This commit is contained in:
adamanth 2023-03-22 20:30:06 +03:00
parent 1c9b6005ef
commit ffb5d2129b
2 changed files with 21 additions and 0 deletions

View file

@ -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');