mysqlsyncr 1.0.44 → 1.0.48

package/ui/src/css/quasar.variables.scss

@@ -1,25 +1,25 @@
-// Quasar SCSS (& Sass) Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
-
-// Check documentation for full list of Quasar variables
-
-// Your own variables (that are declared here) and Quasar's own
-// ones will be available out of the box in your .vue/.scss/.sass files
-
-// It's highly recommended to change the default colors
-// to match your app's branding.
-// Tip: Use the "Theme Builder" on Quasar's documentation website.
-
-$primary   : #1976D2;
-$secondary : #26A69A;
-$accent    : #9C27B0;
-
-$dark      : #1D1D1D;
-$dark-page : #121212;
-
-$positive  : #21BA45;
-$negative  : #C10015;
-$info      : #31CCEC;
-$warning   : #F2C037;
+// Quasar SCSS (& Sass) Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
+
+// Check documentation for full list of Quasar variables
+
+// Your own variables (that are declared here) and Quasar's own
+// ones will be available out of the box in your .vue/.scss/.sass files
+
+// It's highly recommended to change the default colors
+// to match your app's branding.
+// Tip: Use the "Theme Builder" on Quasar's documentation website.
+
+$primary   : #1976D2;
+$secondary : #26A69A;
+$accent    : #9C27B0;
+
+$dark      : #1D1D1D;
+$dark-page : #121212;
+
+$positive  : #21BA45;
+$negative  : #C10015;
+$info      : #31CCEC;
+$warning   : #F2C037;

package/ui/src/layouts/MainLayout.vue

@@ -1,13 +1,13 @@
-<template>
-  <q-layout view="lHh Lpr lFf">
-
-
-    <q-page-container>
-      <router-view />
-    </q-page-container>
-  </q-layout>
-</template>
-
-<script setup>
-
-</script>
+<template>
+  <q-layout view="lHh Lpr lFf">
+
+
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script setup>
+
+</script>

package/ui/src/pages/ApplyChanges.vue

@@ -1,46 +1,46 @@
-<template>
-  <q-page>
-    <q-btn @click="applyChanges" label="Apply Changes" color="primary" />
-    <q-spinner v-if="loading" />
-    <div v-if="message">{{ message }}</div>
-  </q-page>
-</template>
-
-<script>
-import axios from 'axios';
-
-export default {
-  data() {
-    return {
-      loading: false,
-      message: '',
-    };
-  },
-  methods: {
-    async applyChanges() {
-      this.loading = true;
-      try {
-        const response = await axios.post('http://localhost:3000/api/apply', {
-          config: {
-            host: this.$store.state.db.host,
-            port: this.$store.state.db.port,
-            user: this.$store.state.db.user,
-            password: this.$store.state.db.password,
-          },
-          database: this.$store.state.db.database,
-          diffs: this.getSelectedDiffs(), // Get selected differences to apply
-        });
-        this.message = response.data.message;
-      } catch (error) {
-        this.message = error.response.data.message;
-      } finally {
-        this.loading = false;
-      }
-    },
-    getSelectedDiffs() {
-      // Logic to get selected differences from the comparison view
-      return []; // Placeholder
-    },
-  },
-};
-</script>
+<template>
+  <q-page>
+    <q-btn @click="applyChanges" label="Apply Changes" color="primary" />
+    <q-spinner v-if="loading" />
+    <div v-if="message">{{ message }}</div>
+  </q-page>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      loading: false,
+      message: '',
+    };
+  },
+  methods: {
+    async applyChanges() {
+      this.loading = true;
+      try {
+        const response = await axios.post('http://localhost:3000/api/apply', {
+          config: {
+            host: this.$store.state.db.host,
+            port: this.$store.state.db.port,
+            user: this.$store.state.db.user,
+            password: this.$store.state.db.password,
+          },
+          database: this.$store.state.db.database,
+          diffs: this.getSelectedDiffs(), // Get selected differences to apply
+        });
+        this.message = response.data.message;
+      } catch (error) {
+        this.message = error.response.data.message;
+      } finally {
+        this.loading = false;
+      }
+    },
+    getSelectedDiffs() {
+      // Logic to get selected differences from the comparison view
+      return []; // Placeholder
+    },
+  },
+};
+</script>

package/ui/src/pages/CompareDatabase.vue

@@ -1,57 +1,57 @@
-<template>
-  <q-page>
-    <q-btn @click="compareDatabases" label="Compare Databases" color="primary" />
-    <q-table v-if="differences.length" :rows="differences" :columns="columns" />
-    <q-spinner v-if="loading" />
-    <div v-if="message">{{ message }}</div>
-  </q-page>
-</template>
-
-<script>
-import axios from 'axios';
-
-export default {
-  data() {
-    return {
-      loading: false,
-      message: '',
-      differences: [],
-      columns: [
-        { name: 'table', label: 'Table', align: 'left', field: 'table' },
-        { name: 'difference', label: 'Difference', align: 'left', field: 'difference' },
-        { name: 'action', label: 'Action', align: 'center', field: 'action', sortable: false },
-      ],
-    };
-  },
-  methods: {
-    async compareDatabases() {
-      this.loading = true;
-      try {
-        const response = await axios.post('http://localhost:3000/api/compare', {
-          config: {
-            host: this.$store.state.db.host,
-            port: this.$store.state.db.port,
-            user: this.$store.state.db.user,
-            password: this.$store.state.db.password,
-          },
-          database: this.$store.state.db.database,
-          output: 'outputDir', // Specify output directory
-        });
-        this.differences = response.data.map(diff => ({
-          table: diff.table,
-          difference: diff.difference,
-          action: 'Apply', // Placeholder for action
-        }));
-      } catch (error) {
-        this.message = error.response.data.message;
-      } finally {
-        this.loading = false;
-      }
-    },
-    applyDifference(difference) {
-      // Logic to apply the individual difference
-      console.log('Applying difference:', difference);
-    },
-  },
-};
-</script>
+<template>
+  <q-page>
+    <q-btn @click="compareDatabases" label="Compare Databases" color="primary" />
+    <q-table v-if="differences.length" :rows="differences" :columns="columns" />
+    <q-spinner v-if="loading" />
+    <div v-if="message">{{ message }}</div>
+  </q-page>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      loading: false,
+      message: '',
+      differences: [],
+      columns: [
+        { name: 'table', label: 'Table', align: 'left', field: 'table' },
+        { name: 'difference', label: 'Difference', align: 'left', field: 'difference' },
+        { name: 'action', label: 'Action', align: 'center', field: 'action', sortable: false },
+      ],
+    };
+  },
+  methods: {
+    async compareDatabases() {
+      this.loading = true;
+      try {
+        const response = await axios.post('http://localhost:3000/api/compare', {
+          config: {
+            host: this.$store.state.db.host,
+            port: this.$store.state.db.port,
+            user: this.$store.state.db.user,
+            password: this.$store.state.db.password,
+          },
+          database: this.$store.state.db.database,
+          output: 'outputDir', // Specify output directory
+        });
+        this.differences = response.data.map(diff => ({
+          table: diff.table,
+          difference: diff.difference,
+          action: 'Apply', // Placeholder for action
+        }));
+      } catch (error) {
+        this.message = error.response.data.message;
+      } finally {
+        this.loading = false;
+      }
+    },
+    applyDifference(difference) {
+      // Logic to apply the individual difference
+      console.log('Applying difference:', difference);
+    },
+  },
+};
+</script>

package/ui/src/pages/DatabaseManager.vue

@@ -1,42 +1,42 @@
-<template>
-  <q-page>
-    <q-form @submit.prevent="connectToDatabase">
-      <q-input v-model="host" label="Database Host" required />
-      <q-input v-model="port" label="Database Port" type="number" required />
-      <q-input v-model="user" label="Database User" required />
-      <q-input v-model="password" label="Database Password" type="password" required />
-      <q-input v-model="database" label="Database Name" required />
-      <q-btn type="submit" label="Connect" color="primary" />
-    </q-form>
-
-    <q-btn @click="goToDump" label="Dump Database" color="secondary" />
-    <q-btn @click="goToCompare" label="Compare Database" color="secondary" />
-  </q-page>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      host: '',
-      port: 3306,
-      user: '',
-      password: '',
-      database: '',
-    };
-  },
-  methods: {
-    connectToDatabase() {
-      // Logic to connect to the database using the provided credentials
-      console.log('Connecting to database:', this.host, this.port, this.user, this.password, this.database);
-      // Emit connection details to the socket server if needed
-    },
-    goToDump() {
-      this.$router.push('/dump');
-    },
-    goToCompare() {
-      this.$router.push('/compare');
-    },
-  },
-};
-</script>
+<template>
+  <q-page>
+    <q-form @submit.prevent="connectToDatabase">
+      <q-input v-model="host" label="Database Host" required />
+      <q-input v-model="port" label="Database Port" type="number" required />
+      <q-input v-model="user" label="Database User" required />
+      <q-input v-model="password" label="Database Password" type="password" required />
+      <q-input v-model="database" label="Database Name" required />
+      <q-btn type="submit" label="Connect" color="primary" />
+    </q-form>
+
+    <q-btn @click="goToDump" label="Dump Database" color="secondary" />
+    <q-btn @click="goToCompare" label="Compare Database" color="secondary" />
+  </q-page>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      host: '',
+      port: 3306,
+      user: '',
+      password: '',
+      database: '',
+    };
+  },
+  methods: {
+    connectToDatabase() {
+      // Logic to connect to the database using the provided credentials
+      console.log('Connecting to database:', this.host, this.port, this.user, this.password, this.database);
+      // Emit connection details to the socket server if needed
+    },
+    goToDump() {
+      this.$router.push('/dump');
+    },
+    goToCompare() {
+      this.$router.push('/compare');
+    },
+  },
+};
+</script>

package/ui/src/pages/DumpDatabase.vue

@@ -1,41 +1,41 @@
-<template>
-  <q-page>
-    <q-btn @click="dumpDatabase" label="Dump Database" color="primary" />
-    <q-spinner v-if="loading" />
-    <div v-if="message">{{ message }}</div>
-  </q-page>
-</template>
-
-<script>
-import axios from 'axios';
-
-export default {
-  data() {
-    return {
-      loading: false,
-      message: '',
-    };
-  },
-  methods: {
-    async dumpDatabase() {
-      this.loading = true;
-      try {
-        const response = await axios.post('http://localhost:3000/api/dump', {
-          config: {
-            host: this.$store.state.db.host,
-            port: this.$store.state.db.port,
-            user: this.$store.state.db.user,
-            password: this.$store.state.db.password,
-          },
-          database: this.$store.state.db.database,
-        });
-        this.message = response.data.message;
-      } catch (error) {
-        this.message = error.response.data.message;
-      } finally {
-        this.loading = false;
-      }
-    },
-  },
-};
-</script>
+<template>
+  <q-page>
+    <q-btn @click="dumpDatabase" label="Dump Database" color="primary" />
+    <q-spinner v-if="loading" />
+    <div v-if="message">{{ message }}</div>
+  </q-page>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      loading: false,
+      message: '',
+    };
+  },
+  methods: {
+    async dumpDatabase() {
+      this.loading = true;
+      try {
+        const response = await axios.post('http://localhost:3000/api/dump', {
+          config: {
+            host: this.$store.state.db.host,
+            port: this.$store.state.db.port,
+            user: this.$store.state.db.user,
+            password: this.$store.state.db.password,
+          },
+          database: this.$store.state.db.database,
+        });
+        this.message = response.data.message;
+      } catch (error) {
+        this.message = error.response.data.message;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+};
+</script>

package/ui/src/pages/ErrorNotFound.vue

@@ -1,27 +1,27 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-//
-</script>
+<template>
+  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
+    <div>
+      <div style="font-size: 30vh">
+        404
+      </div>
+
+      <div class="text-h2" style="opacity:.4">
+        Oops. Nothing here...
+      </div>
+
+      <q-btn
+        class="q-mt-xl"
+        color="white"
+        text-color="blue"
+        unelevated
+        to="/"
+        label="Go Home"
+        no-caps
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+//
+</script>