diff --git a/packages/nc-gui/components/project/spreadsheet/components/editable.vue b/packages/nc-gui/components/project/spreadsheet/components/editable.vue
index 9ee52a1096..f79e0d993b 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editable.vue
@@ -30,15 +30,17 @@ export default {
}
diff --git a/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue b/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
index b01d0b1c28..95df3289ba 100644
--- a/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue
@@ -282,6 +282,7 @@
Add cover image-->
+
+
@@ -104,7 +119,7 @@
:is="isEditable ? 'editable' : 'div'"
v-model.lazy="localParams.description"
:class="{'nc-meta-inputs': isEditable}"
- class="caption text-center"
+ class="body-1 text-center"
placeholder="Add form description"
>
{{ localParams.description }}
@@ -140,18 +155,22 @@
+
@@ -232,37 +253,38 @@
Submit
+
-
-
+
+
After form is submitted:
-
+
-
+
Show "Submit another response" button
-
+
Show a blank form after 5 seconds
-
+
Email me at {{
$store.state.users.user.email
@@ -335,8 +357,24 @@ export default {
}
}
},
+ watch: {
+ 'meta.columns'() {
+ this.meta.columns.forEach((c) => {
+ this.localParams.fields[c.alias] = this.localParams.fields[c.alias] || {}
+ })
+ }
+ },
mounted() {
- this.localParams = Object.assign({ name: this.meta._tn, description: 'Form view description' }, this.localParams)
+ const localParams = Object.assign({
+ name: this.meta._tn,
+ description: 'Form view description',
+ submit: {},
+ fields: {}
+ }, this.localParams)
+ this.meta.columns.forEach((c) => {
+ localParams.fields[c.alias] = localParams.fields[c.alias] || {}
+ })
+ this.localParams = localParams
// this.columns = [...this.availableColumns]
// this.hiddenColumns = this.meta.columns.filter(c => this.availableColumns.find(c1 => c.cn === c1.cn && c._cn === c1._cn))
},
@@ -367,7 +405,7 @@ export default {
// }, {})
// if (this.isNew) {
- //const data =
+ // const data =
await this.api.insert(this.localState)
this.localState = {} // { ...this.localState, ...data }
@@ -541,4 +579,33 @@ export default {
background: var(--v-backgroundColorDefault-base);
}
+.nc-form-banner {
+ width: 100%;
+ height: 200px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+
+ .nc-form-logo {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ height: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: start;
+ width: 70%;
+ padding: 0 20px;
+ background: var(--v-backgroundColorDefault-base);
+
+ .nc-form-add-logo {
+ border-radius: 4px;
+ color: grey;
+ border: 2px dashed var(--v-backgroundColor-darken1);
+ padding: 15px 15px;
+ }
+ }
+}
+