From 9f86429a1252b45c95b7c62fbaa1b82de3723997 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 05 Jan 2026 18:16:07 +0000
Subject: [PATCH] =Complete TaxonomySelector.js and TaxonomyCreator.js refactor

---
 inc/forms/TaxonomySelector.php |   17 ++++++++++++-----
 1 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/inc/forms/TaxonomySelector.php b/inc/forms/TaxonomySelector.php
index e79834d..8156ebb 100644
--- a/inc/forms/TaxonomySelector.php
+++ b/inc/forms/TaxonomySelector.php
@@ -32,6 +32,7 @@
 		$this->id = sanitize_key($id);
 		$this->taxonomy = jvbCheckBase($taxonomy);
 		$this->name = jvbNoBase($taxonomy);
+
 		$this->title = JVB_TAXONOMY[$this->name]['plural'];
 		$this->base = $config['base']??'';
 
@@ -143,10 +144,10 @@
 				</div>
 
 				<!-- Create new term section -->
-				<details class="create-new-term" hidden>
+				<details class="create-term" hidden>
 					<summary class="row btw">Add New Term</summary>
 					<div class="create-new-term-section">
-						<form class="create-term-form" data-nocache data-form-id="create-term" data-save="terms">
+						<form class="create-term" data-nocache data-form-id="create-term" data-save="terms">
 							<div class="form-group">
 								<label for="term_name">Term Name:</label>
 								<input type="text" name="term_name" id="term_name" required>
@@ -161,7 +162,7 @@
 
 							<button type="button" class="submit-term">Add Term</button>
 						</form>
-
+						<div class="term-suggestions" hidden><h4></h4><ul class="term-suggestion-list"></ul></div>
 						<div class="loading-message create-term" hidden>
 							<span id="typed-text"></span>
 							<span class="cursor">|</span>
@@ -174,7 +175,13 @@
 		<template class="loadingItems">
 			<p>{ <span>loading items</span> }</p>
 		</template>
-		<template class="noResults">
+		<template class="autocompleteButton">
+			<button class="autocomplete submit-term" type="button"><strong>Create: </strong><span></span></button>
+		</template>
+		<template class="autocompleteItem">
+			<button class="autocomplete item" type="button" data-autocomplete-select></button>
+		</template>
+		<template class="noTermResults">
 			<p>{ <span>nothing found</span> }</p>
 		</template>
 		<template class="termListItem">
@@ -245,7 +252,7 @@
 				</button>
 				<?php if ($hasAutocomplete !== '') { ?>
 					<input type="text" id="<?= $this->base ?><?= esc_attr($this->config['name']) ?>-autocomplete" autocomplete="off" data-ignore data-autocomplete>
-					<ul class="autocomplete-dropdown" hidden>
+					<ul class="search-results" hidden>
 					</ul>
 				<?php } ?>
 			</div>

--
Gitblit v1.10.0