Add report display #10552

Author: chiatt

arches/app/media/js/viewmodels/reference-select.js

@@ -13,6 +13,7 @@ define([
         this.multiple = !!ko.unwrap(params.node.config.multiValue);
         this.displayName = ko.observable('');
         this.selectionValue = ko.observable([]); // formatted version of this.value that select2 can use
+        this.activeLanguage = arches.activeLanguage;
 
         WidgetViewModel.apply(this, [params]);
 

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

@@ -41,7 +41,13 @@
 {% endblock config_form %}
 
 {% block report %}
-<div>
-    <p>block report data here</p>
-</div>
+<dt data-bind="text: label, class: nodeCssClasses"></dt>
+<!-- ko foreach: value -->
+    <dd data-bind="text: labels[$parent.activeLanguage], class: $parent.nodeCssClasses"></dd>
+<!-- /ko -->
+<!-- ko ifnot: value().length -->
+<dd data-bind="class: nodeCssClasses">
+    <span data-bind="text: $root.translations.none"></span>
+</dd>
+<!-- /ko -->
 {% endblock report %}