From 0ea655eceec1a3f469a7feb5bdf21905aea4673c Mon Sep 17 00:00:00 2001
From: Dragory <2606411+Dragory@users.noreply.github.com>
Date: Mon, 22 Jul 2019 13:10:36 +0300
Subject: [PATCH] dashboard: fix space indents; code formatting

---
 .../components/DashboardGuildConfigEditor.vue | 117 +++++++++---------
 1 file changed, 61 insertions(+), 56 deletions(-)

diff --git a/dashboard/src/components/DashboardGuildConfigEditor.vue b/dashboard/src/components/DashboardGuildConfigEditor.vue
index 4c080259..e3953268 100644
--- a/dashboard/src/components/DashboardGuildConfigEditor.vue
+++ b/dashboard/src/components/DashboardGuildConfigEditor.vue
@@ -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>