remove previous theme-chooser

pull/1/head
Grandschtroumpf 6 years ago committed by yann300
parent ac45305d2c
commit 46bca1096c
  1. 60
      src/app/ui/styles-guide/theme-chooser.js

@ -1,60 +0,0 @@
var Storage = require('remix-lib').Storage
var EventEmitter = require('events')
// TODO : Put it somewhere else
const themes = [
{name: 'Cerulean', quality: 'light', url: 'https://bootswatch.com/4/cerulean/bootstrap.min.css'},
{name: 'Flatly', quality: 'light', url: 'https://bootswatch.com/4/flatly/bootstrap.min.css'},
{name: 'Lumen', quality: 'light', url: 'https://bootswatch.com/4/lumen/bootstrap.min.css'},
{name: 'Minty', quality: 'light', url: 'https://bootswatch.com/4/minty/bootstrap.min.css'},
{name: 'Pulse', quality: 'light', url: 'https://bootswatch.com/4/pulse/bootstrap.min.css'},
{name: 'Sandstone', quality: 'light', url: 'https://bootswatch.com/4/sandstone/bootstrap.min.css'},
{name: 'Spacelab', quality: 'light', url: 'https://bootswatch.com/4/spacelab/bootstrap.min.css'},
{name: 'Yeti', quality: 'light', url: 'https://bootswatch.com/4/yeti/bootstrap.min.css'},
{name: 'Cyborg', quality: 'dark', url: 'https://bootswatch.com/4/cyborg/bootstrap.min.css'},
{name: 'Darkly', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/darkly/bootstrap.min.css'},
{name: 'Slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'},
{name: 'Superhero', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/superhero/bootstrap.min.css'}
]
const defaultTheme = 'Cerulean'
module.exports = {
event: new EventEmitter(),
currentTheme: function () {
const themeStorage = new Storage('style:')
if (themeStorage.exists('theme')) {
const currThemeObj = this.isThere(themeStorage.get('theme'))
return currThemeObj ? currThemeObj.name : defaultTheme
} else {
return defaultTheme
}
},
isThere: function (themeName) {
// returns an object
return themes.find(obj => {
return obj.name === themeName
})
},
getThemes: function () {
return themes
},
switchTheme: function (theme) {
let themeStorage = new Storage('style:')
if (theme) {
themeStorage.set('theme', theme)
}
let theTheme
if (theme) {
theTheme = theme
} else {
theTheme = this.currentTheme()
}
let themeObj = this.isThere(theTheme)
if (themeObj) {
document.getElementById('theme-link').setAttribute('href', themeObj.url)
document.documentElement.style.setProperty('--theme', themeObj.quality)
this.event.emit('switchTheme', themeObj.quality)
}
}
}
Loading…
Cancel
Save