Fix

pages/banking/statements/[mode]/[[id]].vue

@@ -12,7 +12,7 @@ defineShortcuts({
 })
 
 const dataStore = useDataStore()
-const profileStore = useProfileStore()
+const tempStore = useTempStore()
 const route = useRoute()
 const router = useRouter()
 const mode = ref(route.params.mode || "show")
@@ -177,7 +177,14 @@ const removeAllocation = async (allocationId) => {
   await setup()
 }
 
-const searchString = ref("")
+const searchString = ref(tempStore.searchStrings["bankstatementsedit"] ||'')
+
+const clearSearchString = () => {
+  searchString.value = ''
+  tempStore.clearSearchString("bankstatementsedit")
+
+}
+
 const filteredDocuments = computed(() => {
 
 
@@ -546,7 +553,15 @@ const archiveStatement = async () => {
               class="mr-3 mt-3"
               @click="removeAllocation(item.id)"
           />
+          <UButton
+              icon="i-heroicons-eye"
+              variant="outline"
+              color="primary"
+              class="mr-3 mt-3"
+              @click="navigateTo(`/createDocument/show/${item.createddocument}`)"
+          />
         </UCard>
+
       </div>
     </div>
 
@@ -780,6 +795,7 @@ const archiveStatement = async () => {
               placeholder="Suche..."
               class="hidden lg:block w-full mr-1"
               @keydown.esc="$event.target.blur()"
+              @change="tempStore.modifySearchString('bankstatementsedit',searchString)"
           >
             <template #trailing>
               <UKbd value="/" />
@@ -789,7 +805,7 @@ const archiveStatement = async () => {
               variant="outline"
               icon="i-heroicons-x-mark"
               color="rose"
-              @click="searchString = ''"
+              @click="clearSearchString"
           />
         </InputGroup>
       </div>