WIP: Lazy-load dropdown options

src/core/js/edit_mode.js

@@ -1389,6 +1389,24 @@ var edit_mode = new function () {
 
 
         // create inputs
+	if (property.reference && ("${BUILD_EDIT_MODE_LAZY_DROPDOWN_LOADING}" == "ENABLED")) {
+	    // Only add button to load reference options lazily.
+	    const editValueButton = $(`<button title="Edit this property" class="btn btn-link caosdb-update-entity-button-caosdb-f-list-item-button"><i class="bi-pencil"/></button>`);
+	    $(editValueButton).click(() => edit_mode._addPropertyEditInputs(property, editfield));
+	    $(editfield).append(editValueButton);
+	    // Trash button can exist without having to load all options
+	    edit_mode.add_property_trash_button($(element).find(".caosdb-property-edit")[0], element);
+	}
+	else {
+	    edit_mode._addPropertyEditInputs(property, editfield);
+	}
+    }
+    
+    /**
+     * Add input elements for value, units, list toggling, and
+     * deletion to a property row.
+     */
+    this._addPropertyEditInputs(property, editfield) {
 	var inputs = edit_mode.create_value_inputs(property);
         editfield.children().remove();
         editfield.append(inputs);