StyAndCo/zappyzep
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dashboard: fix space indents; code formatting

Browse source
This commit is contained in:
Dragory 2019-07-22 13:10:36 +03:00
parent 00e34b322d
commit 0ea655ecee
1 changed files with 61 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
dashboard/src/components/DashboardGuildConfigEditor.vue
View file

@ -1,10 +1,10 @@
<template>
<div v-if="loading">
Loading...
</div>
<div v-else>
<h2 class="title is-1">Config for {{ guild.name }}</h2>
<codemirror v-model="editableConfig" :options="cmConfig"></codemirror>
<div v-if="loading">
Loading...
</div>
<div v-else>
<h2 class="title is-1">Config for {{ guild.name }}</h2>
<codemirror v-model="editableConfig" :options="cmConfig"></codemirror>
<div class="editor-footer">
<div class="actions">
<button class="button" v-on:click="save" :disabled="saving">Save</button>
@ -16,7 +16,7 @@
</div>
</div>
</div>
</div>
</div>
</template>
<style scoped>
@ -30,75 +30,80 @@
</style>
<script>
import {mapState} from "vuex";
import { codemirror } from "vue-codemirror";
import "codemirror/lib/codemirror.css";
import "codemirror/theme/oceanic-next.css";
import "codemirror/mode/yaml/yaml.js";
import {mapState} from "vuex";
import { codemirror } from "vue-codemirror";
import "codemirror/lib/codemirror.css";
import "codemirror/theme/oceanic-next.css";
import "codemirror/mode/yaml/yaml.js";
import {ApiError} from "../api";
export default {
components: {
codemirror,
},
async mounted() {
export default {
components: {
codemirror,
},
async mounted() {
await this.$store.dispatch("guilds/loadAvailableGuilds");
if (this.guild == null) {
this.$router.push('/dashboard/guilds');
return;
}
await this.$store.dispatch("guilds/loadConfig", this.$route.params.guildId);
this.editableConfig = this.config || "";
this.loading = false;
},
data() {
return {
loading: true,
saving: false,
editableConfig: null,
await this.$store.dispatch("guilds/loadConfig", this.$route.params.guildId);
this.editableConfig = this.config || "";
this.loading = false;
},
data() {
return {
loading: true,
saving: false,
editableConfig: null,
errors: [],
cmConfig: {
indentWithTabs: false,
indentUnit: 2,
lineNumbers: true,
mode: "text/x-yaml",
theme: "oceanic-next",
},
};
},
computed: {
...mapState('guilds', {
guild() {
return this.$store.state.guilds.available.find(g => g.id === this.$route.params.guildId);
},
config() {
return this.$store.state.guilds.configs[this.$route.params.guildId];
},
}),
},
methods: {
async save() {
this.saving = true;
this.errors = [];
cmConfig: {
indentWithTabs: false,
indentUnit: 2,
smartIndent: false,
lineNumbers: true,
mode: "text/x-yaml",
theme: "oceanic-next",
extraKeys: {
Tab: cm => cm.execCommand("indentMore"),
"Shift-Tab": cm => cm.execCommand("indentLess"),
},
},
};
},
computed: {
...mapState('guilds', {
guild() {
return this.$store.state.guilds.available.find(g => g.id === this.$route.params.guildId);
},
config() {
return this.$store.state.guilds.configs[this.$route.params.guildId];
},
}),
},
methods: {
async save() {
this.saving = true;
this.errors = [];
try {
try {
await this.$store.dispatch("guilds/saveConfig", {
guildId: this.$route.params.guildId,
config: this.editableConfig,
});
} catch (e) {
if (e instanceof ApiError && (e.status === 400 || e.status === 422)) {
if (e instanceof ApiError && (e.status === 400 || e.status === 422)) {
this.errors = e.body.errors || ['Error while saving config'];
this.saving = false;
return;
}
throw e;
throw e;
}
this.$router.push("/dashboard");
},
},
};
this.$router.push("/dashboard");
},
},
};
</script>