fix: maintain fields order in shared form view

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue

@@ -758,6 +758,7 @@ export default {
             fields: Object.keys(this.showFields)
               .filter(f => this.showFields[f])
               .join(','),
+            fieldsOrder: this.fieldsOrder,
             extraViewParams: this.extraViewParams,
             selectedViewId: this.selectedViewId
           },

packages/nc-gui/components/project/spreadsheet/public/xcForm.vue

@@ -33,7 +33,8 @@
                   <!--                  <v-chip small color="backgroundColorDefault caption grey--text">
                   Add cover image
                 </v-chip>-->
-                  <v-img src="./icon.png" width="50" class="mx-4" /> <span class="display-1 font-weight-bold">NocoDB</span>
+                  <v-img src="./icon.png" width="50" class="mx-4" />
+                  <span class="display-1 font-weight-bold">NocoDB</span>
                 </div>
               </div>
             </div>
@@ -273,7 +274,7 @@ export default {
         this.dbAlias = dbAlias
         this.metas = relatedTableMetas
 
-        const fields = this.query_params.fields.split(',')
+        const fields = this.query_params.fieldsOrder || []
         // eslint-disable-next-line camelcase
 
         let columns = this.meta.columns
@@ -306,7 +307,6 @@ export default {
             }
           })
         }
-        debugger
         // this.modelName = model_name
         this.columns = columns.filter(c => fields.includes(c.alias)).sort((a, b) => fields.indexOf(a.alias) - fields.indexOf(b.alias))
 

packages/nc-gui/components/project/spreadsheet/views/formView.vue

@@ -477,7 +477,6 @@ export default {
         return this.allColumns.filter(c => this.showFields[c.alias] && !hiddenCols.includes(c.cn)).sort((a, b) => ((this.fieldsOrder.indexOf(a.alias) + 1) || Infinity) - ((this.fieldsOrder.indexOf(b.alias) + 1) || Infinity))
       },
       set(val) {
-        debugger
         const showFields = val.reduce((o, v) => {
           o[v.alias] = true
           return o