Enable pagination and search on inline record editors

client/web/compose/src/components/PageBlocks/RecordListBase.vue

@@ -105,8 +105,8 @@
             </div>
           </div>
           <div
-            v-if="!options.hideSearch && !inlineEditing"
-            class="w-25"
+            v-if="!options.hideSearch"
+            class="flex-grow-1 w-25"
           >
             <c-input-search
               v-model.trim="query"
@@ -839,7 +839,7 @@ export default {
     },
 
     showFooter () {
-      return !this.options.hidePaging && !this.inlineEditing
+      return !this.options.hidePaging
     },
 
     getPagination () {
@@ -868,7 +868,7 @@ export default {
     },
 
     showPageNavigation () {
-      return this.items.length && !this.options.hidePaging && !this.inlineEditing
+      return this.items.length && !this.options.hidePaging
     },
 
     disableSelectAll () {
@@ -1265,7 +1265,7 @@ export default {
       }
 
       this.prefilter = filter.join(' AND ')
-      const limit = editable ? 0 : perPage
+      const limit = perPage
       this.filter = {
         limit,
         sort,

client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue

@@ -176,6 +176,7 @@
           </b-col>
         </b-row>
       </div>
+
       <hr v-if="options.editable">
 
       <div
@@ -397,10 +398,7 @@
       </div>
       <hr v-if="!options.positionField">
 
-      <div
-        v-if="!options.editable"
-        class="px-3"
-      >
+      <div class="px-3">
         <h5 class="mb-3">
           {{ $t('recordList.record.pagingLabel') }}
         </h5>
@@ -430,7 +428,6 @@
             md="6"
           >
             <b-form-group
-              v-if="!options.editable"
               horizontal
               breakpoint="md"
               :label="$t('recordList.record.perPage')"
@@ -483,8 +480,6 @@
         </b-row>
       </div>
 
-      <hr v-if="!options.editable">
-
       <div
         class="px-3"
       >
@@ -873,7 +868,6 @@ export default {
       if (value) {
         this.options.hideRecordEditButton = true
         this.options.hideRecordViewButton = true
-        this.options.hidePaging = true
         let f = null
         if (this.module && this.module.moduleID) f = this.recordListModule.fields.find(({ options: { moduleID } }) => moduleID === this.module.moduleID)
         this.options.refField = f ? f.name : undefined