From f6568b3cf59b5e4fe1821b55270b08f2bb1618fd Mon Sep 17 00:00:00 2001
From: Matej Baco <matejbacocom@gmail.com>
Date: Wed, 26 Jan 2022 16:04:50 +0100
Subject: [PATCH] Imroved UI of required and optional enum

---
 app/views/console/database/document.phtml | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/views/console/database/document.phtml b/app/views/console/database/document.phtml
index 308629c60..8c8de7429 100644
--- a/app/views/console/database/document.phtml
+++ b/app/views/console/database/document.phtml
@@ -169,8 +169,11 @@ $logs = $this->getParam('logs', null);
                                                             </template>
                                                             <template x-if="attr.format === 'enum'">
                                                                 <select
+                                                                    :required="attr.required"
                                                                     :name="attr.key"
                                                                     data-cast-to="string">
+                                                                    <option :disabled="attr.required" selected label=" "></option>
+
                                                                     <template x-for="element in attr.elements">
                                                                         <option
                                                                             :value="element"
@@ -261,9 +264,12 @@ $logs = $this->getParam('logs', null);
                                                                         </template>
                                                                         <template x-if="attr.format === 'enum'">
                                                                             <select
+                                                                                :required="attr.required"
                                                                                 :name="attr.key"
                                                                                 data-cast-to="string">
                                                                                 <template x-for="element in attr.elements">
+                                                                                    <option :disabled="attr.required" selected label=" "></option>
+
                                                                                     <option
                                                                                         :value="element"
                                                                                         x-text="element"