Add Settings.vue

web/src/pages/Settings.vue

@@ -0,0 +1,44 @@
+<script>
+import { TITLE } from "../store/mutation-types"
+
+export default {
+    mounted() {
+        this.$store.commit(TITLE, "Settings")
+    },
+    methods: {
+        clearBudget() {
+            // <a href="/budget/{{$store.getters.CurrentBudget.ID}}/settings/clear">Clear budget</a>
+        },
+        cleanNegative() {
+            // <a href="/budget/{{.Budget.ID}}/settings/clean-negative">Fix all historic negative category-balances</a>
+        }
+    }
+}
+</script>
+
+<template>
+    <h1>Danger Zone</h1>
+    <v-card>
+        <v-btn @click="clearBudget">Clear budget</v-btn>
+        <p>This removes transactions and assignments to start from scratch. Accounts and categories are kept. Not undoable!</p>
+    </v-card>
+    <v-card>
+        <v-btn @click="cleanNegative">Fix all historic negative category-balances</v-btn>
+        <p>This restores YNABs functionality, that would substract any overspent categories' balances from next months inflows.</p>
+    </v-card>
+    <v-card>
+        <form method="POST" action="/api/v1/transaction/import/ynab" enctype="multipart/form-data">
+            <input type="hidden" name="budget_id" value="{{$store.getters.CurrentBudget.ID}}" />
+            <label for="transactions_file">
+                Transaktionen:
+                <input type="file" name="transactions" accept="text/*" />
+            </label>
+            <br />
+            <label for="assignments_file">
+                Budget:
+                <input type="file" name="assignments" accept="text/*" />
+            </label>
+            <button type="submit">Importieren</button>
+        </form>
+    </v-card>
+</template>