From a389164cea276c9efae0b3c543065326db3ec744 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 29 Jun 2022 12:52:10 +0200
Subject: [PATCH] fix: index ui

---
 app/views/console/databases/collection.phtml | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/views/console/databases/collection.phtml b/app/views/console/databases/collection.phtml
index e8ede3df5d..e6a9b0d59c 100644
--- a/app/views/console/databases/collection.phtml
+++ b/app/views/console/databases/collection.phtml
@@ -1161,11 +1161,15 @@ $logs = $this->getParam('logs', null);
             <div data-forms-clone="" data-label="Add Attribute" data-target="attributes-section" data-first="1">
                 <div class="row responsive thin margin-bottom-tiny">
                     <div class="col span-7 margin-bottom-small">
-                        <select data-duplications data-ls-attrs="name=attributes" class="margin-bottom-no">
-                            <option value="$id">$id</option>
-                            <option value="$createdAt">$createdAt</option>
-                            <option value="$updatedAt">$updatedAt</option>
-                            <option data-ls-loop="project-collection.attributes" data-ls-as="option" data-cast-to="array" data-ls-attrs="value={{option.key}}" data-ls-bind="{{option.key}}"></option>
+                        <select data-duplications data-ls-attrs="name=attributes" data-cast-to="array" class="margin-bottom-no">
+                            <optgroup label="Internal">
+                                <option value="$id">$id</option>
+                                <option value="$createdAt">$createdAt</option>
+                                <option value="$updatedAt">$updatedAt</option>
+                            </optgroup>
+                            <optgroup label="Attributes" data-ls-loop="project-collection.attributes" data-ls-as="option">
+                                <option data-ls-attrs="value={{option.key}}" data-ls-bind="{{option.key}}"></option>
+                            </optgroup>
                         </select>
                     </div>
                     <div class="col span-4 margin-bottom-small">