wagesj45/RocketChatCustomLayout
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Updating to match github version.

Browse source
This commit is contained in:
Jordan Wages 2020-11-27 16:53:23 -06:00
parent e8c0a99363
commit 7e758c8909
1 changed files with 10 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
custom.js
View file

@ -1,15 +1,3 @@
window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
window._paq.push(['trackPageView']);
window._paq.push(['enableLinkTracking']);
(function() {
var u="//t.thebreadsticks.com/";
window._paq.push(['setTrackerUrl', u+'js/']);
window._paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async="true"; g.defer="true"; g.src=u+'js/'; s.parentNode.insertBefore(g,s);
})();
const darkModeDefault = false; const darkModeDefault = false;
const darkModeSymbol = `<svg id="icon-darkmode" viewBox="0 0 468 468" fill="currentColor"> const darkModeSymbol = `<svg id="icon-darkmode" viewBox="0 0 468 468" fill="currentColor">
@ -31,22 +19,25 @@ const darkModeToggleText = {
'en': 'Toggle Dark Mode', 'en': 'Toggle Dark Mode',
'de': 'Dark Mode umschalten', 'de': 'Dark Mode umschalten',
'fr': 'Toggle Dark Mode', 'fr': 'Toggle Dark Mode',
'es': 'Toggle Dark Mode', 'es': 'Alternar Modo Obscuro',
'hu': 'Sötét mód be/ki',
'it': 'Toggle Dark Mode', 'it': 'Toggle Dark Mode',
'nl': 'Toggle Dark Mode', 'nl': 'Toggle Dark Mode',
'pl': 'Toggle Dark Mode', 'pl': 'Toggle Dark Mode',
'pt': 'Toggle Dark Mode', 'pt': 'Alternar Modo Escuro',
'ru': 'Смена оформления' 'ru': 'Смена оформления',
'he': 'מצב לילה',
'hi': 'डार्क मोड'
}[defaultUserLanguage()] || 'Toggle Dark Mode'; }[defaultUserLanguage()] || 'Toggle Dark Mode';
const toggleButton = `<button class="sidebar__toolbar-button rc-tooltip rc-tooltip--down js-button" aria-label="${darkModeToggleText}">D</button>`; const toggleButton = `<button id="dark-mode-button" class="rcx-box rcx-box--full rcx-button--small-square rcx-button--square rcx-button--small rcx-button--ghost rcx-button rcx-button-group__item rcx-@ue04p" aria-label="${darkModeToggleText}">D</button>`;
function isDarkModeSet() { function isDarkModeSet() {
return localStorage.getItem('dark-mode') === 'true'; return localStorage.getItem('dark-mode') === 'true';
} }
function getDarkModeIcon() { function getDarkModeIcon() {
return `<svg class="rc-icon sidebar__toolbar-button-icon sidebar__toolbar-button-icon--darkmode" aria-hidden="true"> return `<svg class="rcx-box rcx-box--full rcx-icon--name-darkmode rcx-icon rcx-@4pvxx3" aria-hidden="true">
<use xlink:href="#icon-darkmode"></use> <use xlink:href="#icon-darkmode"></use>
${isDarkModeSet() ? lightModeSymbol : darkModeSymbol} ${isDarkModeSet() ? lightModeSymbol : darkModeSymbol}
</svg>`; </svg>`;
@ -59,7 +50,7 @@ function toggleDarkMode() {
} }
function addDarkModeToggle() { function addDarkModeToggle() {
const sidebarToolbar = $('.sidebar__toolbar'); const sidebarToolbar = $('.rcx-\\@vi4iz8').first();
// wait for the sidebar toolbar to be visible // wait for the sidebar toolbar to be visible
// this will also be false if the toolbar doesn't exist yet // this will also be false if the toolbar doesn't exist yet
@ -68,7 +59,7 @@ function addDarkModeToggle() {
return; return;
} }
var darkModeButton = $(`.js-button[aria-label="${darkModeToggleText}"]`); var darkModeButton = $('#dark-mode-button');
// do nothing if button is already on the screen // do nothing if button is already on the screen
if (darkModeButton.is(':visible')) { if (darkModeButton.is(':visible')) {