Insert tag and close modal

rocklobster-in#1464

admin/includes/js/src/index.js

@@ -1,11 +1,11 @@
-import './tag-generator';
+import { generateTag } from './tag-generator';
 
 document.querySelectorAll(
 	'#tag-generator-list button'
 ).forEach( button => {
 	button.addEventListener( 'click', event => {
-		const modal = document.querySelector( `#${ button.dataset.target }` );
-		modal?.showModal();
+		const dialog = document.querySelector( `#${ button.dataset.target }` );
+		dialog?.showModal();
 	} );
 } );
 
@@ -14,11 +14,20 @@ document.querySelectorAll(
 ).forEach( dialog => {
 
 	dialog.querySelectorAll(
-		'button.close-modal'
+		'.close-modal'
 	).forEach( button => {
 		button.addEventListener( 'click', event => dialog.close() );
 	} );
 
+	dialog.querySelectorAll(
+		'.insert-tag'
+	).forEach( button => {
+		button.addEventListener( 'click', event => {
+			const tagField = dialog.querySelector( '.tag' );
+			dialog.close( tagField?.value );
+		} );
+	} );
+
 	dialog.addEventListener( 'close', event => {
 		const textarea = document.querySelector( 'textarea#wpcf7-form' );
 

admin/includes/js/src/tag-generator.js

@@ -0,0 +1,3 @@
+export const generateTag = form => {
+
+};