Update reference select form and config form, #10552

Author: chiatt

arches/app/templates/views/components/widgets/reference-select.htm

@@ -9,7 +9,14 @@
         <i data-bind="css: {'ion-asterisk widget-label-required': node.isrequired}"></i>
         <!-- /ko -->
         <div class="col-xs-12 resource-instance-wrapper" data-bind="class: nodeCssClasses">
-            <div>Put dropdown here</div>
+            <select style="display:inline-block;"
+                data-bind="
+                    disable: false,
+                    select2Query: {
+                        select2Config: select2Config
+                    },
+                    attr: {'data-label': label}
+                ">
         </div>
     </div>
 </div>
@@ -21,17 +28,14 @@
         <span data-bind="text: $root.translations.placeholder"></span>
     </div>
     <div class="col-xs-12 pad-no crud-widget-container">
-        <p>Put form here</p>
-    </div>
-</div>
-<div class="control-label">
-    <span data-bind="text: $root.translations.defaultValue"></span>
-</div>
-<div>
-    <div class="form-group">
-        <div class="col-xs-12 resource-instance-wrapper">
-            </div> Put content here </div>
-        </div>
+        <input
+            class="form-control input-md widget-input"
+            data-bind="
+                attr: {placeholder: $root.translations.placeholder, 'aria-label': $root.translations.placeholder},
+                value: placeholder,
+                valueUpdate: 'keyup'
+            "
+        >
     </div>
 </div>
 {% endblock config_form %}