From 76b620b6219f3ae7026a05f5662bcba9bc966035 Mon Sep 17 00:00:00 2001 From: Joe Rogers <1337joe@gmail.com> Date: Thu, 16 Mar 2023 16:07:27 -0400 Subject: [PATCH] Use form validation to ensure required fields are filled on submission --- .../mediaLibraryCreator.js | 6 +- .../mediaLibraryCreator.template.html | 72 ++++++++++--------- 2 files changed, 40 insertions(+), 38 deletions(-) diff --git a/src/components/mediaLibraryCreator/mediaLibraryCreator.js b/src/components/mediaLibraryCreator/mediaLibraryCreator.js index f717b0ae6..aa153c82d 100644 --- a/src/components/mediaLibraryCreator/mediaLibraryCreator.js +++ b/src/components/mediaLibraryCreator/mediaLibraryCreator.js @@ -25,7 +25,7 @@ import toast from '../toast/toast'; import alert from '../alert'; import template from './mediaLibraryCreator.template.html'; - function onAddLibrary() { + function onAddLibrary(e) { if (isCreating) { return false; } @@ -62,7 +62,7 @@ import template from './mediaLibraryCreator.template.html'; isCreating = false; loading.hide(); }); - return false; + e.preventDefault(); } function getCollectionTypeOptionsHtml(collectionTypeOptions) { @@ -96,7 +96,7 @@ import template from './mediaLibraryCreator.template.html'; $('.collectionTypeFieldDescription', dlg).html(folderOption?.message || ''); }); page.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick); - page.querySelector('.btnSubmit').addEventListener('click', onAddLibrary); + page.querySelector('.addLibraryForm').addEventListener('submit', onAddLibrary); page.querySelector('.folderList').addEventListener('click', onRemoveClick); } diff --git a/src/components/mediaLibraryCreator/mediaLibraryCreator.template.html b/src/components/mediaLibraryCreator/mediaLibraryCreator.template.html index d62919227..65c99b645 100644 --- a/src/components/mediaLibraryCreator/mediaLibraryCreator.template.html +++ b/src/components/mediaLibraryCreator/mediaLibraryCreator.template.html @@ -1,37 +1,39 @@ -
- -

${ButtonAddMediaLibrary}

-
- -
-
- -
- -
-
-
- -
- -
- -
-
-

${Folders}

- -
-
-
- -
+
+
+ +

${ButtonAddMediaLibrary}

-
-
- -
+
+
+ +
+ +
+
+
+ +
+ +
+ +
+
+

${Folders}

+ +
+
+
+ +
+
+
+ +
+ +
+