interru/admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add cofirm message dialog on clicking remove button

Browse source
This commit is contained in:
Angelina Filippova 2020-05-03 20:30:44 +03:00
parent 99ce098c37
commit 35a9ef2ca9
2 changed files with 26 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/lang/en.js
View file

@ -387,7 +387,8 @@ export default {
corsPlug: 'CORS plug config', corsPlug: 'CORS plug config',
instanceReboot: 'Reboot Instance', instanceReboot: 'Reboot Instance',
restartApp: 'You must restart the instance to apply settings', restartApp: 'You must restart the instance to apply settings',
restartSuccess: 'Instance rebooted successfully!' restartSuccess: 'Instance rebooted successfully!',
removeSettingConfirmation: 'Are you sure you want to remove this setting\'s value from the database?'
}, },
invites: { invites: {
inviteTokens: 'Invite tokens', inviteTokens: 'Invite tokens',

35
src/views/settings/components/Inputs.vue
View file

@ -296,17 +296,30 @@ export default {
{ group, key: parentKey, input: setting.key, value: valueForState }) { group, key: parentKey, input: setting.key, value: valueForState })
}, },
async removeSetting() { async removeSetting() {
const config = this.settingGroup.key this.$confirm(
? [{ group: this.settingGroup.group, key: this.settingGroup.key, delete: true, subkeys: [this.setting.key] }] this.$t('settings.removeSettingConfirmation'),
: [{ group: this.settingGroup.group, key: this.setting.key, delete: true }] {
try { confirmButtonText: this.$t('users.ok'),
await this.$store.dispatch('RemoveSetting', config) cancelButtonText: this.$t('users.cancel'),
} catch (e) { type: 'warning'
return }).then(async() => {
} const config = this.settingGroup.key
this.$message({ ? [{ group: this.settingGroup.group, key: this.settingGroup.key, delete: true, subkeys: [this.setting.key] }]
type: 'success', : [{ group: this.settingGroup.group, key: this.setting.key, delete: true }]
message: i18n.t('settings.successfullyRemoved') try {
await this.$store.dispatch('RemoveSetting', config)
} catch (e) {
return
}
this.$message({
type: 'success',
message: i18n.t('settings.successfullyRemoved')
})
}).catch(() => {
this.$message({
type: 'info',
message: this.$t('users.canceled')
})
}) })
}, },
renderMultipleSelect(type) { renderMultipleSelect(type) {