Adds a loading indicator to the record finder

modules/backend/formwidgets/recordfinder/assets/js/recordfinder.js

@@ -33,6 +33,7 @@
         var self = this
         $(this.options.dataLocker).val(recordId)
 
+        this.$el.loadIndicator({ opaque: true })
         this.$el.request(this.options.refreshHandler, {
             success: function(data) {
                 this.success(data)

modules/backend/formwidgets/recordfinder/partials/_recordfinder.htm

@@ -1,9 +1,9 @@
 <div
-    class="field-recordfinder"
+    id="<?= $this->getId() ?>"
+    class="field-recordfinder loading-indicator-container size-input-text"
     data-control="recordfinder"
     data-refresh-handler="<?= $this->getEventHandler('onRefresh') ?>"
-    data-data-locker="#<?= $field->getId() ?>"
-    id="<?= $this->getId() ?>">
+    data-data-locker="#<?= $field->getId() ?>">
     <span class="form-control">
         <?php if ($value): ?>
             <span class="primary"><?= e($nameValue) ?: 'Undefined' ?></span>
@@ -29,4 +29,4 @@
         id="<?= $field->getId() ?>"
         value="<?= e($value) ?>"
         />
-</div>
+</div>