${sorted[app][0].toUpperCase() + sorted[app].slice(1)}
+
${sorted[app][0].toUpperCase() + sorted[app].slice(1)}
+ +
${sortedApps[app][0].toUpperCase() + sortedApps[app].slice(1)}
` allAppsDiv.innerHTML += newApp } + for (let option in sortedThemes) { + let newApp = ` + ` + allThemesDiv.innerHTML += newApp + } } -function fadeOutIn(speed ) { +function fadeOutIn(speed) { let theme = Object.keys(themeOptions)[~~(Math.random() * Object.keys(themeOptions).length)] if (!document.body.style.opacity) { document.body.style.opacity = 1; @@ -146,7 +139,29 @@ function fadeOutIn(speed ) { } -injectTheme(random); +// Smooth scrolling using anime.js +function smoothScroll() {$('a.js-scroll-trigger[href*="#"]:not([href="#"])').on('click', function () { + if ( + location.pathname.replace(/^\//, "") == + this.pathname.replace(/^\//, "") && + location.hostname == this.hostname + ) { + var target = $(this.hash); + target = target.length ? + target : + $("[name=" + this.hash.slice(1) + "]"); + if (target.length) { + anime({ + targets: 'html, body', + scrollTop: target.offset().top - 120, + duration: 1000, + easing: 'easeInOutExpo' + }); + return false; + } + } +})}; + addThemeData(); document.getElementById("switch-theme").addEventListener("click", () => { fadeOutIn(350); diff --git a/docker-mods/bazarr/root/etc/cont-init.d/98-themepark b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark index e46bc255..ab83d01e 100644 --- a/docker-mods/bazarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark @@ -8,6 +8,7 @@ echo '---------------------------' echo -e "Variables set:\\n\ 'TP_DOMAIN'=${TP_DOMAIN}\\n\ 'TP_ADDON'=${TP_ADDON}\\n\ +'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\ 'TP_THEME'=${TP_THEME}\\n" APP_FILEPATH='/app/bazarr/bin/frontend/build/index.html' @@ -16,6 +17,11 @@ if [ "${TP_HOTIO}" = true ]; then APP_FILEPATH='/app/bin/frontend/build/index.html' fi +THEME_TYPE='theme-options' +if [ "${TP_COMMUNITY_THEME}" = true ]; then + THEME_TYPE='community-theme-options' +fi + # Set default if [[ -z ${TP_DOMAIN} ]]; then echo 'No domain set, defaulting to theme-park.dev' @@ -39,8 +45,8 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then echo '---------------------------' echo '| Adding the stylesheet |' echo '---------------------------' - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then for addon in $(echo "$TP_ADDON" | tr "|" " "); do diff --git a/index.html b/index.html index f5ae4ab5..b9e38ca7 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@ - + @@ -99,7 +99,6 @@}.png)
+ 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-