Stub out reference widget, #10552

arches/app/media/js/views/components/widgets/reference-select.js

@@ -0,0 +1,15 @@
+define([
+    'knockout',
+    'viewmodels/widget',
+    'templates/views/components/widgets/reference-select.htm',
+    'bindings/select2-query',
+], function(ko, WidgetViewModel, referenceSelectTemplate) {
+    const viewModel = function(params) {
+        WidgetViewModel.apply(this, [params]);
+    };
+
+    return ko.components.register('reference-select-widget', {
+        viewModel: viewModel,
+        template: referenceSelectTemplate,
+    });
+});

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

@@ -0,0 +1,43 @@
+{% extends "views/components/widgets/base.htm" %}
+{% load i18n %}
+
+{% block form %}
+<div class="row widget-wrapper" data-bind="class: nodeCssClasses">
+    <div class="form-group">
+        <span class="control-label widget-input-label" data-bind="text:label, class: nodeCssClasses"></span>
+        <!-- ko if: node -->
+        <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>
+        </div>
+    </div>
+</div>
+{% endblock form %}
+
+{% block config_form %}
+<div>
+    <div class="control-label">
+        <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>
+    </div>
+</div>
+{% endblock config_form %}
+
+{% block report %}
+<div>
+    <p>block report data here</p>
+</div>
+{% endblock report %}