From 9f0c08813fb9be2895ebfb8670252b12294db06f Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaroslav.drzik@gmail.com>
Date: Tue, 14 Feb 2023 23:03:37 +0100
Subject: [PATCH] visibility fix

---
 resources/js/Components/JsonQueryBuilder.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/Components/JsonQueryBuilder.vue b/resources/js/Components/JsonQueryBuilder.vue
index 2f6f16d..3c47399 100644
--- a/resources/js/Components/JsonQueryBuilder.vue
+++ b/resources/js/Components/JsonQueryBuilder.vue
@@ -11,7 +11,7 @@ defineProps(['query', 'queryOptions', 'i18n']);
 defineEmits(['update:query', 'update:queryOptions']);
 
 const level = ref(0);
-
+const isVisible = ref(true);
 </script>
 
 <template>
@@ -23,12 +23,12 @@ const level = ref(0);
           <div class="flex items-center justify-between border-b bg-red-300">
             <div class="p-3 text-gray-700 text-lg font-bold">Query Builder</div>
             <div class="p-3 flex">
-                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> v-if="!isVisible"</svg>
-                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>   v-else </svg>
+                <svg v-if="!isVisible" @click="isVisible = true" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
+                <svg v-else @click="isVisible = false" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
             </div>
           </div>
       
-          <JsonQueryBuilderGroup :currentQuery="query" :queryOptions="queryOptions" :level="level+1"> </JsonQueryBuilderGroup>
+          <JsonQueryBuilderGroup v-if="isVisible" :currentQuery="query" :queryOptions="queryOptions" :level="level+1"> </JsonQueryBuilderGroup>
     
         <div class="h-50 w-full rounded-lg bg-white ">
             <!-- Header -->