Add styleSwitcher.

This commit is contained in:
Roger Braun 2017-01-16 18:57:03 +01:00
parent afd90b84d0
commit d644887d4c
69 changed files with 2086 additions and 9 deletions

View file

@ -0,0 +1,20 @@
import StyleSetter from '../../services/style_setter/style_setter.js'
export default {
data: () => ({
availableStyles: [],
selected: false
}),
created () {
const self = this
window.fetch('/static/css/themes.json')
.then((data) => data.json())
.then((themes) => { self.availableStyles = themes })
},
watch: {
selected () {
const fullPath = `/static/css/${this.selected}`
StyleSetter.setStyle(fullPath)
}
}
}

View file

@ -0,0 +1,7 @@
<template>
<select v-model="selected">
<option v-for="style in availableStyles" >{{style}}</option>
</select>
</template>
<script src="./style_switcher.js"></script>