From 0b9ccdb505ef5241e27e00d469091690be2dcbe7 Mon Sep 17 00:00:00 2001
From: Kelani Tolulope <kelanik8@gmail.com>
Date: Tue, 27 Jun 2023 13:37:55 +0100
Subject: [PATCH] Add inline editing to record block

---
 .../compose/src/components/Common/Hint.vue    |   2 +-
 .../ModuleFields/Editor/DateTime.vue          |  35 +++---
 .../components/ModuleFields/Editor/Email.vue  |  35 +++---
 .../components/ModuleFields/Editor/File.vue   |  35 +++---
 .../ModuleFields/Editor/Geometry.vue          |  35 +++---
 .../components/ModuleFields/Editor/Number.vue |  35 +++---
 .../components/ModuleFields/Editor/Record.vue |  35 +++---
 .../components/ModuleFields/Editor/Select.vue |  35 +++---
 .../components/ModuleFields/Editor/String.vue |  35 +++---
 .../components/ModuleFields/Editor/Url.vue    |  35 +++---
 .../components/ModuleFields/Editor/User.vue   |  35 +++---
 .../src/components/PageBlocks/RecordBase.vue  | 112 ++++++++++++++++--
 .../PageBlocks/RecordConfigurator.vue         |  20 ++++
 .../components/PageBlocks/RecordEditor.vue    |   4 +-
 lib/js/src/compose/types/page-block/record.ts |   5 +-
 locale/en/corteza-webapp-compose/block.yaml   |   8 ++
 16 files changed, 288 insertions(+), 213 deletions(-)

diff --git a/client/web/compose/src/components/Common/Hint.vue b/client/web/compose/src/components/Common/Hint.vue
index f22b108aa..def0a938b 100644
--- a/client/web/compose/src/components/Common/Hint.vue
+++ b/client/web/compose/src/components/Common/Hint.vue
@@ -2,7 +2,7 @@
   <div
     v-if="text"
     :id="id"
-    class="ml-1"
+    class="d-flex align-items-center ml-2"
   >
     <font-awesome-icon
       :icon="['far', 'question-circle']"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue b/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
index b026bc057..da0415d85 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       v-slot="ctx"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Email.vue b/client/web/compose/src/components/ModuleFields/Editor/Email.vue
index d1c7d5193..527c6b12c 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Email.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Email.vue
@@ -1,6 +1,6 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :state="state"
     :class="formGroupStyleClasses"
   >
@@ -8,28 +8,23 @@
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       v-slot="ctx"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/File.vue b/client/web/compose/src/components/ModuleFields/Editor/File.vue
index 36a8f7c4d..54ed75ecd 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/File.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/File.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <uploader
       :endpoint="endpoint"
       :accepted-files="mimetypes"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Geometry.vue b/client/web/compose/src/components/ModuleFields/Editor/Geometry.vue
index 9de99ebb2..b242e291e 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Geometry.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Geometry.vue
@@ -1,6 +1,6 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :state="state"
     :class="formGroupStyleClasses"
   >
@@ -8,28 +8,23 @@
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <div class="d-flex w-100">
       <b-button
         v-if="field.isMulti"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Number.vue b/client/web/compose/src/components/ModuleFields/Editor/Number.vue
index 5588ad890..ad4cad408 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Number.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Number.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       v-slot="ctx"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Record.vue b/client/web/compose/src/components/ModuleFields/Editor/Record.vue
index 836efd0c3..6f4547e0d 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Record.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Record.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       :value.sync="value"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Select.vue b/client/web/compose/src/components/ModuleFields/Editor/Select.vue
index e6583ca00..df5030f53 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Select.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Select.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <template v-if="field.isMulti">
       <multi
         :value.sync="value"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/String.vue b/client/web/compose/src/components/ModuleFields/Editor/String.vue
index 1a25ad3b2..596c6c556 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/String.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/String.vue
@@ -1,6 +1,6 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :state="state"
     :class="formGroupStyleClasses"
   >
@@ -8,28 +8,23 @@
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       v-slot="ctx"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/Url.vue b/client/web/compose/src/components/ModuleFields/Editor/Url.vue
index 91ff7972f..7a47f4471 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Url.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Url.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="form-text font-weight-light text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       v-slot="ctx"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/User.vue b/client/web/compose/src/components/ModuleFields/Editor/User.vue
index 45f488c25..3cb3478c7 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/User.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/User.vue
@@ -1,34 +1,29 @@
 <template>
   <b-form-group
-    label-class="text-primary"
+    label-class="d-flex align-items-center text-primary p-0"
     :class="formGroupStyleClasses"
   >
     <template
       v-if="!valueOnly"
       #label
     >
-      <div
-        class="d-flex align-items-top"
-      >
-        <label
-          class="mb-0"
-        >
-          {{ label }}
-        </label>
+      <span class="d-inline-block text-truncate mw-100 py-1">
+        {{ label }}
+      </span>
 
-        <hint
-          :id="field.fieldID"
-          :text="hint"
-        />
-      </div>
-
-      <small
-        class="text-muted"
-      >
-        {{ description }}
-      </small>
+      <hint
+        :id="field.fieldID"
+        :text="hint"
+      />
     </template>
 
+    <div
+      class="small text-muted"
+      :class="{ 'mb-1': description }"
+    >
+      {{ description }}
+    </div>
+
     <multi
       v-if="field.isMulti"
       :value.sync="value"
diff --git a/client/web/compose/src/components/PageBlocks/RecordBase.vue b/client/web/compose/src/components/PageBlocks/RecordBase.vue
index bee8c6d76..b35a8434a 100644
--- a/client/web/compose/src/components/PageBlocks/RecordBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordBase.vue
@@ -17,31 +17,52 @@
       <div
         v-for="(field, index) in fields"
         :key="index"
-        :class="{ 'd-flex flex-column mb-3 px-3': canDisplay(field) }"
+        :class="{ 'd-flex flex-column mb-3 px-3 field-container': canDisplay(field) }"
       >
         <template
           v-if="canDisplay(field)"
         >
           <label
-            class="text-primary mb-0"
-            :class="{ 'mb-0': !!(field.options.description || {}).view || false }"
+            class="d-flex align-items-center text-primary mb-0"
           >
-            {{ field.label || field.name }}
+            <span class="d-inline-block text-truncate mw-100 py-1">
+              {{ field.label || field.name }}
+            </span>
+
             <hint
               :id="field.fieldID"
               :text="((field.options.hint || {}).view || '')"
-              class="d-inline-block"
             />
+
+            <div
+              v-if="options.inlineRecordEditEnabled && isFieldEditable(field)"
+              class="inline-actions ml-2"
+            >
+              <b-button
+                :title="$t('field.inlineEdit.button.title')"
+                variant="outline-light"
+                size="sm"
+                :disabled="editable"
+                class="text-secondary border-0"
+                @click="editInlineField(fieldRecord, field)"
+              >
+                <font-awesome-icon
+                  :icon="['fas', 'pen']"
+                />
+              </b-button>
+            </div>
           </label>
 
-          <small
-            class="text-muted"
+          <div
+            class="small text-muted"
+            :class="{ 'mb-1': !!(field.options.description || {}).view }"
           >
             {{ (field.options.description || {}).view }}
-          </small>
+          </div>
+
           <div
             v-if="field.canReadRecordValue"
-            class="value mt-2"
+            class="value mt-1"
           >
             <field-viewer
               v-bind="{ ...$props, field }"
@@ -58,6 +79,19 @@
         </template>
       </div>
     </div>
+
+    <!-- Modal for inline editing -->
+    <bulk-edit-modal
+      :namespace="namespace"
+      :module="fieldModule"
+      :selected-records="inlineEdit.recordIDs"
+      :selected-fields="inlineEdit.fields"
+      :initial-record="inlineEdit.record"
+      :query="inlineEdit.query"
+      :modal-title="$t('field.inlineEdit.modal.title')"
+      open-on-select
+      @save="onInlineEdit()"
+    />
   </wrap>
 </template>
 <script>
@@ -65,6 +99,7 @@ import { compose, NoID } from '@cortezaproject/corteza-js'
 import { mapActions } from 'vuex'
 import base from './base'
 import FieldViewer from 'corteza-webapp-compose/src/components/ModuleFields/Viewer'
+import BulkEditModal from 'corteza-webapp-compose/src/components/Public/Record/BulkEdit'
 import Hint from 'corteza-webapp-compose/src/components/Common/Hint.vue'
 import users from 'corteza-webapp-compose/src/mixins/users'
 import records from 'corteza-webapp-compose/src/mixins/records'
@@ -78,6 +113,7 @@ export default {
   components: {
     FieldViewer,
     Hint,
+    BulkEditModal,
   },
 
   extends: base,
@@ -92,6 +128,11 @@ export default {
     return {
       referenceRecord: undefined,
       referenceModule: undefined,
+      inlineEdit: {
+        fields: [],
+        recordIDs: [],
+        initialRecord: {},
+      },
     }
   },
 
@@ -216,6 +257,44 @@ export default {
           this.toastErrorHandler(this.$t('notification:record.loadFailed'))(e)
         })
     },
+
+    editInlineField (record, field) {
+      this.inlineEdit.fields = [field.name]
+      this.inlineEdit.record = record.clone()
+      this.inlineEdit.recordIDs = [record.recordID]
+      this.inlineEdit.query = `recordID = ${record.recordID}`
+    },
+
+    onInlineEdit () {
+      this.inlineEdit.fields = []
+      this.inlineEdit.recordIDs = []
+      this.inlineEdit.record = {}
+      this.inlineEdit.query = ''
+
+      this.$root.$emit('refetch-record-blocks')
+    },
+
+    isFieldEditable (field) {
+      if (!field) return false
+
+      const { canCreateOwnedRecord } = this.fieldModule || {}
+      const { createdAt, canManageOwnerOnRecord } = this.record || {}
+      const { name, canUpdateRecordValue, isSystem, expressions = {} } = field || {}
+
+      if (!canUpdateRecordValue) return false
+
+      if (isSystem) {
+        // Make ownedBy field editable if correct permissions
+        if (name === 'ownedBy') {
+          // If not created we check module permissions, otherwise the canManageOwnerOnRecord
+          return createdAt ? canManageOwnerOnRecord : canCreateOwnedRecord
+        }
+
+        return false
+      }
+
+      return !expressions.value
+    },
   },
 }
 </script>
@@ -224,3 +303,18 @@ export default {
   min-height: 1.2rem;
 }
 </style>
+
+<style lang="scss" scoped>
+.inline-actions {
+  opacity: 0;
+  transition: opacity 0.25s;
+}
+
+.field-container:hover .inline-actions {
+  opacity: 1;
+
+  button:hover {
+    color: $primary !important;
+  }
+}
+</style>
diff --git a/client/web/compose/src/components/PageBlocks/RecordConfigurator.vue b/client/web/compose/src/components/PageBlocks/RecordConfigurator.vue
index 3257fd495..98ea9c55c 100644
--- a/client/web/compose/src/components/PageBlocks/RecordConfigurator.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordConfigurator.vue
@@ -64,6 +64,22 @@
             />
           </b-form-group>
         </b-col>
+
+        <b-col
+          cols="12"
+          md="6"
+        >
+          <b-form-group
+            :label="$t('record.inlineEdit.enabled')"
+            label-class="text-primary"
+          >
+            <c-input-checkbox
+              v-model="options.inlineRecordEditEnabled"
+              switch
+              :labels="checkboxLabel"
+            />
+          </b-form-group>
+        </b-col>
       </b-row>
     </div>
 
@@ -219,6 +235,10 @@ export default {
   data () {
     return {
       referenceModule: undefined,
+      checkboxLabel: {
+        on: this.$t('general:label.yes'),
+        off: this.$t('general:label.no'),
+      },
     }
   },
 
diff --git a/client/web/compose/src/components/PageBlocks/RecordEditor.vue b/client/web/compose/src/components/PageBlocks/RecordEditor.vue
index e98773e5e..8b1ddd89f 100644
--- a/client/web/compose/src/components/PageBlocks/RecordEditor.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordEditor.vue
@@ -13,12 +13,12 @@
 
     <div
       v-else-if="module"
-      class="mt-3 px-3"
+      class="mt-3"
     >
       <div
         v-for="field in fields"
         :key="field.id"
-        :class="{ 'd-flex flex-column': canDisplay(field) }"
+        :class="{ 'd-flex flex-column mb-3 px-3': canDisplay(field) }"
       >
         <template
           v-if="canDisplay(field)"
diff --git a/lib/js/src/compose/types/page-block/record.ts b/lib/js/src/compose/types/page-block/record.ts
index f90a35d55..e38d7bf4f 100644
--- a/lib/js/src/compose/types/page-block/record.ts
+++ b/lib/js/src/compose/types/page-block/record.ts
@@ -15,6 +15,7 @@ interface Options {
   recordSelectorDisplayOption: string;
   referenceField?: string;
   referenceModuleID?: string;
+  inlineRecordEditEnabled: boolean;
 }
 
 const defaults: Readonly<Options> = Object.freeze({
@@ -23,7 +24,8 @@ const defaults: Readonly<Options> = Object.freeze({
   magnifyOption: '',
   recordSelectorDisplayOption: 'sameTab',
   referenceField: '',
-  referenceModuleID: undefined
+  referenceModuleID: undefined,
+  inlineRecordEditEnabled: false,
 })
 
 export class PageBlockRecord extends PageBlock {
@@ -40,6 +42,7 @@ export class PageBlockRecord extends PageBlock {
     if (!o) return
 
     Apply(this.options, o, String, 'magnifyOption', 'recordSelectorDisplayOption', 'referenceField', 'referenceModuleID')
+    Apply(this.options, o, Boolean, 'inlineRecordEditEnabled')
 
     if (o.fields) {
       this.options.fields = o.fields
diff --git a/locale/en/corteza-webapp-compose/block.yaml b/locale/en/corteza-webapp-compose/block.yaml
index c84d4e4a2..fb6fb61d0 100644
--- a/locale/en/corteza-webapp-compose/block.yaml
+++ b/locale/en/corteza-webapp-compose/block.yaml
@@ -245,6 +245,8 @@ record:
   listLoadFailed: Could not load record list
   moduleOrPageNotSet: 'RecordList block error: module or page option not set'
   moduleMismatch: Module incompatible, module mismatch
+  inlineEdit:
+    enabled: Inline value editing enabled
   preview:
     blockNoRecord: Cannot render this block without a record
     fieldsFromModule: Single record block, displaying fields ({{0}}) from module {{1}}
@@ -580,6 +582,12 @@ field:
   selector:
     available: Available fields
     systemField: (system field)
+  inlineEdit:
+    enabled: Inline value editing enabled
+    button:
+      title: Edit value
+    modal:
+      title: Update record values
 comment:
   label: 'Comments'
   titleField: