Add mising validations to admin definition UI.

knadh · Jun 26, 2022 · c873773 · c873773
1 parent 76cfdd8
commit c873773
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/admin/definition.html b/admin/definition.html
@@ -11,7 +11,7 @@ <h3>Add definition</h3>
 				<div>&darr;</div>
 				<div>
 					<label>Definition</label>
-					<textarea autofocus name="content" x-model="def.content"></textarea>
+					<textarea required autofocus name="content" x-ref="content" x-model="def.content"></textarea>
 				</div>
 				<br />
 				<template x-if="Object.keys(config.languages[parent.lang].types).length > 0">
@@ -27,7 +27,7 @@ <h3>Add definition</h3>
 
 						<div class="column four">
 							<label>Relation types</label>
-			    			<select name="lang" x-model="def.types" multiple>
+			    			<select name="lang" x-model="def.types" multiple required>
 							    <template x-for="[id, typ] in Object.entries(config.languages[def.lang].types)" :key="id">
 							      <option :value="id" x-text="typ"></option>
 							    </template>

diff --git a/admin/static/main.js b/admin/static/main.js
@@ -472,6 +472,9 @@ function definitionComponent() {
 
 			this.def = { ...e.detail, tags: e.detail.tags.join('\n') };
 			this.isVisible = true;
+			this.$nextTick(() => {
+				this.$refs.content.focus();
+			});
 		},
 
 		onSave() {