GUI code refactoring (#2051)

* refactor: update vue component filenames Signed-off-by: Pranav C <pranavxc@gmail.com> * refactor: update store and state variable names Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: store module name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com>
2026-05-04 12:26:41 +00:00 · 2022-05-15 16:43:39 +05:30
parent 194b205a92
commit 9540ca672e
267 changed files with 2118 additions and 2839 deletions
--- a/packages/nc-gui/components/project/SqlLogAndOutput.vue
+++ b/packages/nc-gui/components/project/SqlLogAndOutput.vue
@@ -0,0 +1,90 @@
+<template>
+  <splitpanes horizontal class="xc-theme">
+    <pane :size=" mainPanelSize" min-size="50" style="overflow: auto">
+      <slot />
+    </pane>
+
+    <pane v-if="$store.state.settings.outputWindow && !hide" :size="50" min-size="10" style="overflow: auto">
+      <ProjectOutput />
+    </pane>
+    <!--    <pane v-if="$store.state.settings.logWindow && !$store.state.settings.outputWindow && !hide" :size="10" min-size="10"-->
+    <!--          style="overflow: auto">-->
+    <!--      <ProjectLogs/>-->
+    <!--    </pane>-->
+    <!--    <pane v-if="$store.state.settings.logWindow && $store.state.settings.outputWindow && !hide" :size="10" min-size="10"-->
+    <!--          style="overflow: auto">-->
+    <!--      <ProjectLogs/>-->
+    <!--    </pane>-->
+  </splitpanes>
+</template>
+
+<script>
+
+import { Splitpanes, Pane } from 'splitpanes'
+import 'splitpanes/dist/splitpanes.css'
+// import ProjectLogs from '~/components/projectLogs'
+import ProjectOutput from '~/components/ProjectOutput'
+
+export default {
+  name: 'SqlLogAndOutput',
+  components: {
+    // ProjectLogs,
+    ProjectOutput,
+    Splitpanes,
+    Pane
+  },
+  props: {
+    hide: Boolean
+  },
+  data() {
+    return {
+      mainPanelSize: 50
+    }
+  },
+  created() {
+    if (!this.$store.state.settings.outputWindow && !this.$store.state.settings.logWindow) {
+      this.$nextTick(() => {
+        this.mainPanelSize = 100
+      })
+    }
+    this.$store.watch(
+      state => !state.settings.outputWindow && !state.settings.logWindow,
+      (newState) => {
+        if (newState) {
+          this.$nextTick(() => {
+            this.mainPanelSize = 100
+          })
+        }
+      }
+    )
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
+<!--
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Naveen MR <oof1lab@gmail.com>
+ * @author Pranav C Balan <pranavxc@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+-->