fix errors

panoptic_front/src/components/inputs/PropertyInputTable.vue

@@ -7,7 +7,6 @@ import PropInput from './PropInput.vue';
 import TagBadge from '../tagtree/TagBadge.vue';
 import { useDataStore } from '@/data/dataStore';
 
-const project = useProjectStore()
 const data = useDataStore()
 
 const props = defineProps<{
@@ -51,7 +50,7 @@ function toggleProperty(property: Property) {
                         <p v-if="property.type != PropertyType._folders" class="m-0 p-0">{{
                     image.properties[property.id] }}</p>
                         <span v-else>
-                            <TagBadge :tag="project.data.folders[image.properties[property.id]].name" :color="-1" />
+                            <TagBadge :tag="data.folders[image.properties[property.id]].name" :color="-1" />
                         </span>
                     </td>
 

panoptic_front/src/components/menu/Menu.vue

@@ -9,7 +9,7 @@ import { useProjectStore } from '@/data/projectStore';
 import { usePanopticStore } from '@/data/panopticStore';
 import { goNext } from '@/utils/utils';
 import TaskStatus from './TaskStatus.vue';
-import { useDataStore } from '@/data/dataStore';
+import { deletedID, useDataStore } from '@/data/dataStore';
 
 const project = useProjectStore()
 const data = useDataStore()
@@ -164,7 +164,7 @@ watch(() => project.status.import.to_import, () => showImport.value = true)
                     }}</b></wTT>
                     <div class="mt-2" v-if="project.status.loaded">
                         <template v-for="property in data.properties">
-                            <div class="property-item" v-if="property.id < 0">
+                            <div class="property-item" v-if="property.id < 0 && property.id != deletedID">
                                 <wTT pos="bottom"
                                     :message="'main.nav.computed.' + Math.abs(property.id).toString() + '_tooltip'">
                                     <PropertyOptions :property="property" />

panoptic_front/src/components/modals/image/ImagePropertyCol.vue

@@ -3,7 +3,7 @@ import Zoomable from '@/components/Zoomable.vue';
 import CenteredImage from '@/components/images/CenteredImage.vue';
 import PropertyInputTable from '@/components/inputs/PropertyInputTable.vue';
 import { GroupManager, ImageIterator } from '@/core/GroupManager';
-import { useDataStore } from '@/data/dataStore';
+import { deletedID, useDataStore } from '@/data/dataStore';
 import { PropertyMode } from '@/data/models';
 import { Ref, computed, inject, ref } from 'vue';
 
@@ -41,7 +41,7 @@ const properties = computed(() => {
     if (mode.value == 2) {
         res.push(...data.propertyList.filter(p => p.computed))
     }
-    return res
+    return res.filter(p => p.id != deletedID)
 })
 
 function setMode(value) {

panoptic_front/src/components/scrollers/tree/PropInput.vue

@@ -68,7 +68,7 @@ const width = computed(() => props.size ?? 100)
     <div v-else class="d-felx flex-row overflow-hidden text-nowrap" style="line-height: 26px;" >
         <PropertyIcon :type="property.type" style="margin-right: 3px;"/>
         <span v-if="property.type == PropertyType._folders">
-            <TagBadge :tag="project.data.folders[data.instances[props.image.id].properties[props.property.id]].name" :color="-1" />
+            <TagBadge :tag="data.folders[data.instances[props.image.id].properties[props.property.id]].name" :color="-1" />
         </span>
         <span v-else>{{ data.instances[props.image.id].properties[props.property.id] }}</span>
     </div>

panoptic_front/src/core/GroupManager.ts

@@ -632,7 +632,7 @@ export class GroupManager {
 
     verifyState(properties: PropertyIndex) {
         this.state.groupBy = this.state.groupBy.filter(id => properties[id] && properties[id].id != deletedID)
-        Object.keys(this.state.options).filter(id => !properties[id] || properties[id].id != deletedID).forEach(id => delete this.state.options[id])
+        Object.keys(this.state.options).filter(id => !properties[id] || properties[id].id == deletedID).forEach(id => delete this.state.options[id])
     }
 
     registerIterator(it: GroupIterator) {

panoptic_front/src/core/TabManager.ts

@@ -4,6 +4,7 @@ import { useProjectStore } from "@/data/projectStore"
 import { reactive, toRefs } from "vue"
 import { EventEmitter } from "@/utils/utils"
 import { useDataStore } from "@/data/dataStore"
+import { defaultPropertyOption } from "@/data/builder"
 
 export class TabManager {
     isLoaded: boolean
@@ -34,7 +35,14 @@ export class TabManager {
     }
 
     verifyState() {
+        const data = useDataStore()
         this.collection.verifyState()
+        if (this.state.propertyOptions == undefined) {
+            this.state.propertyOptions = {}
+        }
+        for (let propId in data.properties) {
+            this.state.propertyOptions[propId] = Object.assign(defaultPropertyOption(), this.state.propertyOptions[propId])
+        }
     }
 
     saveState() {

panoptic_front/src/data/dataStore.ts

@@ -92,12 +92,18 @@ export const useDataStore = defineStore('dataStore', () => {
     }
 
     function importProperties(toImport: Property[]) {
+        const someNew = toImport.some(p => properties.value[p.id] == undefined)
         for (let property of toImport) {
             if (property.id in properties.value) {
                 property.tags = properties.value[property.id].tags
             }
             properties.value[property.id] = property
         }
+        if(someNew) {
+            const project = useProjectStore()
+            const tab = project.getTabManager()
+            tab.verifyState()
+        }
     }
 
     function importTags(toImport: Tag[]) {

panoptic_front/src/data/projectStore.ts

@@ -60,7 +60,7 @@ export const useProjectStore = defineStore('projectStore', () => {
 
         console.log('init')
         if (!tabManager) {
-            tabManager = new TabManager((data.tabs[data.selectedTabId]))
+            tabManager = new TabManager()
         }
         // Execute all async functions here before setting any data into the store
         // This avoids other UI elements to react to changes before the init function is finished
@@ -103,6 +103,7 @@ export const useProjectStore = defineStore('projectStore', () => {
         await loadTabs(tabs)
         verifyData()
 
+
         status.loaded = true
     }
 
@@ -321,7 +322,7 @@ export const useProjectStore = defineStore('projectStore', () => {
         actions,
         // setActionFunctions, hasGroupFunction, hasSimilaryFunction,
         setDefaultVectors,
-        backendStatus, reload,
+        backendStatus, reload, updatePropertyOptions,
         showTutorial
     }