From 6c7050b0f4d53e8de658d4f26e27f825f003da25 Mon Sep 17 00:00:00 2001
From: inportb <inportb@gmail.com>
Date: Mon, 26 Sep 2022 17:58:03 -0400
Subject: [PATCH] Expansile resource table

---
 htdocs/ViewResourceLookup.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/htdocs/ViewResourceLookup.vue b/htdocs/ViewResourceLookup.vue
index 0abead8..b263a07 100644
--- a/htdocs/ViewResourceLookup.vue
+++ b/htdocs/ViewResourceLookup.vue
@@ -1,9 +1,9 @@
 <template>
 	<div class="input-group">
 		<span class="input-group-text">🔎</span>
-		<input class="form-control" v-model="query_raw" />
+		<input class="form-control" v-model="query_raw" @focus="collapsed = false" @blur="collapsed = true" />
 	</div>
-	<div style="max-height: 30em; overflow-y: auto;">
+	<div :class="{ collapsed }" style="max-height: 30em; overflow-y: auto;">
 		<table class="table table-striped" style="font-family: monospace;" v-if="resultset_raw && resultset_raw.length > 0">
 			<thead>
 				<tr><th></th><th>ID</th><th>Name</th><th>Type</th><th>User</th></tr>
@@ -27,6 +27,12 @@
 	</div>
 </template>
 
+<style scoped>
+	.collapsed {
+		height: 0;
+	}
+</style>
+
 <script>
 	import { debounce } from './util.mjs';
 
@@ -57,7 +63,8 @@
 			return {
 				resultset_raw: [],
 				query_raw: '',
-				query_view: ''
+				query_view: '',
+				collapsed: true
 			};
 		},
 		computed: {