diff options
author | Christopher Ng <chrng8@gmail.com> | 2022-09-24 00:02:50 +0000 |
---|---|---|
committer | Christopher Ng <chrng8@gmail.com> | 2022-09-28 17:12:56 +0000 |
commit | 295d03869eabcb67bddf14dbde09b36c2e291a18 (patch) | |
tree | 2fd3bbe9b080b2a7df031a6e808096339a554bc8 /apps/dashboard | |
parent | f6f0195a3f6643db871f9b857de5e6864a800863 (diff) | |
download | nextcloud-server-295d03869eabcb67bddf14dbde09b36c2e291a18.tar.gz nextcloud-server-295d03869eabcb67bddf14dbde09b36c2e291a18.zip |
Fix various theming bugs
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/dashboard')
-rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 28 | ||||
-rw-r--r-- | apps/dashboard/src/helpers/getBackgroundUrl.js | 49 | ||||
-rw-r--r-- | apps/dashboard/src/helpers/prefixWithBaseUrl.js | 25 |
3 files changed, 1 insertions, 101 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 6d7288b69f4..4323d8e1192 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -88,7 +88,7 @@ </template> <script> -import { generateUrl, imagePath } from '@nextcloud/router' +import { generateUrl } from '@nextcloud/router' import { getCurrentUser } from '@nextcloud/auth' import { loadState } from '@nextcloud/initial-state' import axios from '@nextcloud/axios' @@ -99,13 +99,11 @@ import Pencil from 'vue-material-design-icons/Pencil.vue' import Vue from 'vue' import isMobile from './mixins/isMobile.js' -import { getBackgroundUrl } from './helpers/getBackgroundUrl.js' const panels = loadState('dashboard', 'panels') const firstRun = loadState('dashboard', 'firstRun') const background = loadState('theming', 'background') -const backgroundVersion = loadState('theming', 'backgroundVersion') const themingDefaultBackground = loadState('theming', 'themingDefaultBackground') const shippedBackgroundList = loadState('theming', 'shippedBackgrounds') @@ -155,19 +153,6 @@ export default { } }, computed: { - backgroundImage() { - return getBackgroundUrl(this.background, backgroundVersion, this.themingDefaultBackground) - }, - backgroundStyle() { - if ((this.background === 'default' && this.themingDefaultBackground === 'backgroundColor') - || this.background.match(/#[0-9A-Fa-f]{6}/g)) { - return null - } - - return { - backgroundImage: this.background === 'default' ? 'var(--image-main-background)' : `url('${this.backgroundImage}')`, - } - }, greeting() { const time = this.timer.getHours() @@ -286,17 +271,6 @@ export default { // document.body.removeAttribute('data-theme-light') // document.body.setAttribute('data-theme-dark', 'true') } - - const themeElements = [document.documentElement, document.querySelector('#header'), document.querySelector('body')] - for (const element of themeElements) { - if (this.background === 'default') { - element.style.setProperty('--image-main-background', `url('${imagePath('core', 'app-background.jpg')}')`) - } else if (this.background.match(/#[0-9A-Fa-f]{6}/g)) { - element.style.setProperty('--image-main-background', undefined) - } else { - element.style.setProperty('--image-main-background', this.backgroundStyle.backgroundImage) - } - } }, /** * Method to register panels that will be called by the integrating apps diff --git a/apps/dashboard/src/helpers/getBackgroundUrl.js b/apps/dashboard/src/helpers/getBackgroundUrl.js deleted file mode 100644 index 88a3ab57291..00000000000 --- a/apps/dashboard/src/helpers/getBackgroundUrl.js +++ /dev/null @@ -1,49 +0,0 @@ -/** - * @copyright Copyright (c) 2020 Julius Härtl <jus@bitgrid.net> - * - * @author Avior <florian.bouillon@delta-wings.net> - * @author Julien Veyssier <eneiluj@posteo.net> - * @author Julius Härtl <jus@bitgrid.net> - * - * @license AGPL-3.0-or-later - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see <http://www.gnu.org/licenses/>. - * - */ - -import { generateUrl } from '@nextcloud/router' -import { prefixWithBaseUrl } from './prefixWithBaseUrl.js' - -export const getBackgroundUrl = (background, time = 0, themingDefaultBackground = '') => { - const enabledThemes = window.OCA?.Theming?.enabledThemes || [] - const isDarkTheme = (enabledThemes.length === 0 || enabledThemes[0] === 'default') - ? window.matchMedia('(prefers-color-scheme: dark)').matches - : enabledThemes.join('').indexOf('dark') !== -1 - - if (background === 'default') { - if (themingDefaultBackground && themingDefaultBackground !== 'backgroundColor') { - return generateUrl('/apps/theming/image/background') + '?v=' + window.OCA.Theming.cacheBuster - } - - if (isDarkTheme) { - return prefixWithBaseUrl('eduardo-neves-pedra-azul.jpg') - } - - return prefixWithBaseUrl('kamil-porembinski-clouds.jpg') - } else if (background === 'custom') { - return generateUrl('/apps/theming/background') + '?v=' + time - } - - return prefixWithBaseUrl(background) -} diff --git a/apps/dashboard/src/helpers/prefixWithBaseUrl.js b/apps/dashboard/src/helpers/prefixWithBaseUrl.js deleted file mode 100644 index d2f42c93549..00000000000 --- a/apps/dashboard/src/helpers/prefixWithBaseUrl.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * @copyright Copyright (c) 2020 Julius Härtl <jus@bitgrid.net> - * - * @author Julius Härtl <jus@bitgrid.net> - * - * @license AGPL-3.0-or-later - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see <http://www.gnu.org/licenses/>. - * - */ - -import { generateFilePath } from '@nextcloud/router' - -export const prefixWithBaseUrl = (url) => generateFilePath('theming', '', 'img/background/') + url |