From c80b82a6d6eb5c9e322429ff16c112dc648c6d25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Florian=20W=C3=B6rister?=
 <florian.woerister@technikum-wien.at>
Date: Thu, 5 Feb 2026 08:25:49 +0100
Subject: [PATCH] determine coding mode by tan-prefix

---
 src/App.vue                               | 2 ++
 src/components/BlocksemblerNavigation.vue | 6 +++---
 src/components/modals/TanModal.vue        | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6f4effb..e345b17 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,7 @@ import Blocksembler404 from "@/components/Blocksembler404.vue";
 import {initLogSync} from "@/logging";
 import TanModal from "@/components/modals/TanModal.vue";
 import {BACKEND_API_URL, BACKEND_DISABLED} from "@/config";
+import {codingWorkspaceState} from "@/state";
 
 
 const routes: Record<string, any> = {
@@ -69,6 +70,7 @@ onMounted(async () => {
   console.log(`tanCode: ${tanCode}`);
 
   if (tanCode && await isValidTan(tanCode)) {
+    codingWorkspaceState.blocksEnabled = tanCode.startsWith("bbp");
     return
   }
 
diff --git a/src/components/BlocksemblerNavigation.vue b/src/components/BlocksemblerNavigation.vue
index 5009351..3b19d61 100644
--- a/src/components/BlocksemblerNavigation.vue
+++ b/src/components/BlocksemblerNavigation.vue
@@ -6,7 +6,7 @@ import * as bootstrap from "bootstrap";
 import NewProjectModal from "@/components/modals/NewProjectModal.vue";
 import SettingsModal from "@/components/modals/SettingsModal.vue";
 import {ref} from "vue";
-import {RESOURCE_LINKS} from "@/config";
+import {BACKEND_DISABLED, RESOURCE_LINKS} from "@/config";
 
 let resources = ref(RESOURCE_LINKS);
 
@@ -151,7 +151,7 @@ let onModeChangeHandler = (e: Event) => {
               </a>
               <ul class="dropdown-menu">
                 <li v-for="resource in resources">
-                  <a class="dropdown-item" :href="resource.url" target="_blank">
+                  <a :href="resource.url" class="dropdown-item" target="_blank">
                     {{ resource.name }}
                   </a>
                 </li>
@@ -160,7 +160,7 @@ let onModeChangeHandler = (e: Event) => {
           </ul>
         </div>
         <div>
-          <div class="form-check form-switch">
+          <div v-if="BACKEND_DISABLED" class="form-check form-switch">
             <label class="form-check-label text-white" for="switchCheckDefault">Blockbased Mode</label>
             <input id="switchCheckDefault" checked class="form-check-input" role="switch" type="checkbox"
                    @change="onModeChangeHandler">
diff --git a/src/components/modals/TanModal.vue b/src/components/modals/TanModal.vue
index ac019c2..1bca712 100644
--- a/src/components/modals/TanModal.vue
+++ b/src/components/modals/TanModal.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import BaseModal from "@/components/base/BaseModal.vue";
-import {deleteLogData} from "@/logging";
 import {Ref, ref} from "vue";
 import {Modal} from "bootstrap";
 import {BACKEND_API_URL} from "@/config";
+import {codingWorkspaceState} from "@/state";
 
 let props = defineProps<{
   id: string;
@@ -45,6 +45,7 @@ const consentHandler = (): void => {
         } else {
           window.localStorage?.setItem('blocksembler-tan-code', tanCode.value);
           window.localStorage?.setItem('blocksembler-tracking-consent', 'true');
+          codingWorkspaceState.blocksEnabled = tanCode.value.startsWith("bbp");
           modal?.hide();
         }
       })