From 4855d29b33824c7000e735449e4d88c8f914d4bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20W=C3=B6lfer?= <lukas.woelfer@rwth-aachen.de>
Date: Thu, 9 Feb 2023 17:51:16 +0100
Subject: [PATCH] Implement mobile list option

---
 frontend/components/SettingsDialog.vue | 17 ++++++++++++++++-
 frontend/components/TaskList.vue       |  2 ++
 frontend/store/index.ts                |  3 ++-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/frontend/components/SettingsDialog.vue b/frontend/components/SettingsDialog.vue
index 48d4302..82ca09a 100644
--- a/frontend/components/SettingsDialog.vue
+++ b/frontend/components/SettingsDialog.vue
@@ -24,6 +24,20 @@
 						</v-list-item-action>
 					</v-list-item>
 
+					<v-list-item>
+						<v-list-item-content>
+							<v-list-item-title>
+								Mobile Tasklist
+							</v-list-item-title>
+							<v-list-item-subtitle>
+								multiple tasks per line
+							</v-list-item-subtitle>
+						</v-list-item-content>
+						<v-list-item-action>
+							<v-checkbox v-model="settings.mobilelist" />
+						</v-list-item-action>
+					</v-list-item>
+
 					<v-list-item>
 						<v-list-item-content>
 							<v-list-item-title>
@@ -106,7 +120,8 @@ export default defineComponent({
 		const settings = reactive({
 			dark: store.state.settings.dark,
 			autoRefresh: store.state.settings.autoRefresh,
-			autoSync: store.state.settings.autoSync
+			autoSync: store.state.settings.autoSync,
+			mobilelist: store.state.settings.mobilelist
 		});
 
 		const reset = () => {
diff --git a/frontend/components/TaskList.vue b/frontend/components/TaskList.vue
index 85b9652..77f0739 100644
--- a/frontend/components/TaskList.vue
+++ b/frontend/components/TaskList.vue
@@ -47,6 +47,7 @@
 			v-model="selected"
 			class="elevation-1"
 			style="width: 100%"
+			:mobile-breakpoint="store.state.settings.mobilelist ? undefined : 0"
 		>
 			<template v-slot:top>
 				<v-row class="px-4">
@@ -390,6 +391,7 @@ export default defineComponent({
 		};
 
 		return {
+			store,
 			linkify,
 			refresh,
 			headers,
diff --git a/frontend/store/index.ts b/frontend/store/index.ts
index e7252c6..4ad74fc 100644
--- a/frontend/store/index.ts
+++ b/frontend/store/index.ts
@@ -12,7 +12,8 @@ export const state = () => ({
 	settings: {
 		dark: false,
 		autoRefresh: '5', // in minutes
-		autoSync: '0' // in minutes
+		autoSync: '0', // in minutes
+		mobilelist: true
 	}
 });