controller: Allow user to decide upon holding last joystick input whe…

…n window is hidden

src/stores/controller.ts

@@ -39,6 +39,7 @@ export const useControllerStore = defineStore('controller', () => {
   const availableAxesActions = allAvailableAxes
   const availableButtonActions = allAvailableButtons
   const enableForwarding = ref(true)
+  const holdLastInputWhenWindowHidden = ref(false)
 
   const protocolMapping = computed<JoystickProtocolActionsMapping>({
     get() {
@@ -98,6 +99,10 @@ export const useControllerStore = defineStore('controller', () => {
   // Disable joystick forwarding if the window/tab is not visible (using VueUse)
   const windowVisibility = useDocumentVisibility()
   watch(windowVisibility, (value) => {
+    // Disable this failcheck if the user explicitly wants to hold the last input when the window is hidden
+    // This can be considered unsafe, as the user might not be aware of the joystick input being forwarded to the vehicle
+    if (holdLastInputWhenWindowHidden.value) return
+
     if (value === 'hidden') {
       console.warn('Window/tab hidden. Disabling joystick forwarding.')
       enableForwarding.value = false
@@ -289,6 +294,7 @@ export const useControllerStore = defineStore('controller', () => {
   return {
     registerControllerUpdateCallback,
     enableForwarding,
+    holdLastInputWhenWindowHidden,
     joysticks,
     protocolMapping,
     protocolMappings,

src/views/ConfigurationJoystickView.vue

@@ -167,6 +167,11 @@
             </div>
           </div>
         </div>
+        <v-switch
+          v-model="controllerStore.holdLastInputWhenWindowHidden"
+          label="Hold last joystick input when window is hidden (tab changed or window minimized)"
+          class="m-2 text-slate-800"
+        />
       </div>
     </template>
   </BaseConfigurationView>