This commit is contained in:
syuilo 2018-10-10 21:23:38 +09:00
parent f6582d2b90
commit a850236836
3 changed files with 57 additions and 15 deletions

View file

@ -131,15 +131,28 @@ pre
[data-fa]
display inline-block
.swal2-container
z-index 10000 !important
&.swal2-shown
background-color rgba(0, 0, 0, 0.5) !important
.swal2-popup
background var(--face) !important
.swal-icon-only
width 180px !important
.swal2-content
color var(--text) !important
> .swal2-header
> .swal2-icon
margin 1.25em auto 1.875em
.swal2-confirm
background-color var(--primary) !important
border-left-color var(--primary) !important
border-right-color var(--primary) !important
color var(--primaryForeground) !important
> .swal2-title
display none
&:hover
background-image none !important
background-color var(--primaryDarken5) !important
&:active
background-image none !important
background-color var(--primaryDarken5) !important

View file

@ -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%'
});
}
}
});

View file

@ -170,7 +170,10 @@ export default Vue.extend({
this.$store.state.i.bannerUrl = i.bannerUrl;
if (notify) {
alert('%i18n:@saved%');
this.$swal({
type: 'success',
text: '%i18n:@saved%'
});
}
});
}