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

Merge pull request #4441 from addamanth/tv-layout-clock

Show clock in TV layout
This commit is contained in:
Bill Thornton 2023-04-18 09:23:52 -04:00 committed by GitHub
commit 83f149c8c3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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.innerText = 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');