jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Improve Layout of BudgetSettings

Browse Source
This commit is contained in:
Jan Bader 2022-01-28 09:42:25 +00:00
parent b52c4cb787
commit 0334b35041
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/src/pages/Settings.vue
View File

@ -9,8 +9,8 @@ export default {
} }
}, },
computed: { computed: {
hasFiles() { filesIncomplete() {
return this.$data.transactionsFile != null && this.$data.assignmentsFile != null; return this.$data.transactionsFile == null || this.$data.assignmentsFile == null;
} }
}, },
mounted() { mounted() {
@ -49,7 +49,7 @@ export default {
<v-container> <v-container>
<h1>Danger Zone</h1> <h1>Danger Zone</h1>
<v-row> <v-row>
<v-col> <v-col cols="12" md="6" xl="3">
<v-card> <v-card>
<v-card-header> <v-card-header>
<v-card-header-text> <v-card-header-text>
@ -61,12 +61,12 @@ export default {
</v-card-subtitle> </v-card-subtitle>
</v-card-header-text> </v-card-header-text>
</v-card-header> </v-card-header>
<v-card-actions> <v-card-actions class="justify-center">
<v-btn @click="clearBudget">Clear budget</v-btn> <v-btn @click="clearBudget" color="error">Clear budget</v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-col> </v-col>
<v-col> <v-col cols="12" md="6" xl="3">
<v-card> <v-card>
<v-card-header> <v-card-header>
<v-card-header-text> <v-card-header-text>
@ -78,19 +78,21 @@ export default {
</v-card-subtitle> </v-card-subtitle>
</v-card-header-text> </v-card-header-text>
</v-card-header> </v-card-header>
<v-card-actions> <v-card-actions class="justify-center">
<v-btn @click="cleanNegative">Fix negative</v-btn> <v-btn @click="cleanNegative" color="primary">Fix negative</v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-col> </v-col>
<v-col> <v-col cols="12" xl="6">
<v-card> <v-card>
<v-card-header> <v-card-header>
<v-card-header-text> <v-card-header-text>
<v-card-title> <v-card-title>
Import YNAB Budget Import YNAB Budget
</v-card-title> </v-card-title>
<v-card-content> </v-card-header-text>
</v-card-header>
<label for="transactions_file"> <label for="transactions_file">
Transaktionen: Transaktionen:
<input type="file" @change="gotTransactions" accept="text/*" /> <input type="file" @change="gotTransactions" accept="text/*" />
@ -100,11 +102,9 @@ export default {
Budget: Budget:
<input type="file" @change="gotAssignments" accept="text/*" /> <input type="file" @change="gotAssignments" accept="text/*" />
</label> </label>
</v-card-content>
</v-card-header-text> <v-card-actions class="justify-center">
</v-card-header> <v-btn :disabled="filesIncomplete" @click="ynabImport" color="primary">Importieren</v-btn>
<v-card-actions>
<button v-if="hasFiles" @click="ynabImport">Importieren</button>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-col> </v-col>