From 1fad3cbaaebf077c2eef9d0b7dcc816106bf63f0 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 10 Oct 2018 21:23:38 +0900 Subject: :art: --- src/client/app/common/views/components/theme.vue | 40 +++++++++++++++++++----- 1 file changed, 33 insertions(+), 7 deletions(-) (limited to 'src/client/app/common') diff --git a/src/client/app/common/views/components/theme.vue b/src/client/app/common/views/components/theme.vue index 26e8148755..c1c73b97cd 100644 --- a/src/client/app/common/views/components/theme.vue +++ b/src/client/app/common/views/components/theme.vue @@ -219,7 +219,10 @@ export default Vue.extend({ try { theme = JSON5.parse(code); } catch (e) { - alert('%i18n:@invalid-theme%'); + this.$swal({ + type: 'error', + text: '%i18n:@invalid-theme%' + }); return; } @@ -229,12 +232,18 @@ export default Vue.extend({ } if (theme.id == null) { - alert('%i18n:@invalid-theme%'); + this.$swal({ + type: 'error', + text: '%i18n:@invalid-theme%' + }); return; } if (this.$store.state.device.themes.some(t => t.id == theme.id)) { - alert('%i18n:@already-installed%'); + this.$swal({ + type: 'info', + text: '%i18n:@already-installed%' + }); return; } @@ -243,7 +252,10 @@ export default Vue.extend({ key: 'themes', value: themes }); - alert('%i18n:@installed%'.replace('{}', theme.name)); + this.$swal({ + type: 'success', + text: '%i18n:@installed%'.replace('{}', theme.name) + }); }, uninstall() { @@ -252,7 +264,11 @@ export default Vue.extend({ this.$store.commit('device/set', { key: 'themes', value: themes }); - alert('%i18n:@uninstalled%'.replace('{}', theme.name)); + + this.$swal({ + type: 'info', + text: '%i18n:@uninstalled%'.replace('{}', theme.name) + }); }, import_() { @@ -284,16 +300,26 @@ export default Vue.extend({ gen() { const theme = this.myTheme; + if (theme.name == null || theme.name.trim() == '') { - alert('%i18n:@theme-name-required%'); + this.$swal({ + type: 'warning', + text: '%i18n:@theme-name-required%' + }); return; } + theme.id = uuid(); + const themes = this.$store.state.device.themes.concat(theme); this.$store.commit('device/set', { key: 'themes', value: themes }); - alert('%i18n:@saved%'); + + this.$swal({ + type: 'success', + text: '%i18n:@saved%' + }); } } }); -- cgit v1.2.3-freya