From f8c3559f2dd540de8c0de717189590954c501a91 Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Fri, 24 Nov 2023 00:31:33 -0300
Subject: [PATCH] Add page to allow selection of which variables to show in the
 overlay subtitles log

---
 src/components/ConfigurationMenu.vue |  6 ++++++
 src/views/ConfigurationLogsView.vue  | 23 +++++++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 src/views/ConfigurationLogsView.vue

diff --git a/src/components/ConfigurationMenu.vue b/src/components/ConfigurationMenu.vue
index 64d529000..ab00c883e 100644
--- a/src/components/ConfigurationMenu.vue
+++ b/src/components/ConfigurationMenu.vue
@@ -41,6 +41,7 @@ import ConfigurationAlertsView from '../views/ConfigurationAlertsView.vue'
 import ConfigurationDevelopmentView from '../views/ConfigurationDevelopmentView.vue'
 import ConfigurationGeneralView from '../views/ConfigurationGeneralView.vue'
 import ConfigurationJoystickView from '../views/ConfigurationJoystickView.vue'
+import ConfigurationLogsView from '../views/ConfigurationLogsView.vue'
 
 const store = useMainVehicleStore()
 
@@ -58,6 +59,11 @@ const menus = [
     title: 'Joystick',
     component: ConfigurationJoystickView,
   },
+  {
+    icon: 'mdi-script',
+    title: 'Logs',
+    component: ConfigurationLogsView,
+  },
   {
     icon: 'mdi-bell-ring',
     title: 'Alerts',
diff --git a/src/views/ConfigurationLogsView.vue b/src/views/ConfigurationLogsView.vue
new file mode 100644
index 000000000..3013ecc95
--- /dev/null
+++ b/src/views/ConfigurationLogsView.vue
@@ -0,0 +1,23 @@
+<template>
+  <BaseConfigurationView>
+    <template #title>Logs configuration</template>
+    <template #content>
+      <h1 class="text-lg font-bold text-slate-600">Variables to be show in the overlay subtitles log:</h1>
+      <div class="flex w-[60%] flex-wrap">
+        <v-checkbox
+          v-for="variable in DatalogVariable"
+          :key="variable"
+          v-model="datalogger.selectedVariablesToShow.value"
+          :label="variable"
+          :value="variable"
+        ></v-checkbox>
+      </div>
+    </template>
+  </BaseConfigurationView>
+</template>
+
+<script setup lang="ts">
+import { datalogger, DatalogVariable } from '@/libs/logging'
+
+import BaseConfigurationView from './BaseConfigurationView.vue'
+</script>