fix: disable column attribute edit in SQLite

Enabled column rename and disabled column attribute update if database is SQLite

re #252

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

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

@@ -22,7 +22,9 @@
 
         </v-col>
 
-
+        <div :class="{
+          editDisabled : !isEditable
+        }">
           <v-col cols="12" v-if="relation">
             <div class="caption">
 
@@ -268,6 +270,15 @@
               </v-col>
             </template>
           </template>
+          <div class="disabled-info" :class="{'d-none':isEditable}">
+            <v-alert dense type="warning" icon="info" class="caption mx-2" outlined>
+              This spreadsheet is connected to an SQLite DB.<br>
+              For production please see <a href="https://github.com/nocodb/nocodb#production-setup"
+                                           target="_blank">here</a>.
+            </v-alert>
+          </div>
+        </div>
+
 
       </v-row>
     </v-container>
@@ -288,6 +299,7 @@ import CustomSelectOptions from "@/components/project/spreadsheet/editColumn/cus
 import RelationOptions from "@/components/project/spreadsheet/editColumn/relationOptions";
 import DlgLabelSubmitCancel from "@/components/utils/dlgLabelSubmitCancel";
 import LinkedToAnotherOptions from "@/components/project/spreadsheet/editColumn/linkedToAnotherOptions";
+import {SqliteUi} from "@/helpers/SqliteUi";
 
 export default {
   name: "editColumn",
@@ -476,6 +488,9 @@ export default {
     this.focusInput()
   },
   computed: {
+    isEditable() {
+      return !this.editColumn && this.sqlUi === SqliteUi;
+    },
     dataTypes() {
       return this.sqlUi.getDataTypeListForUiType(this.newColumn)
     },
@@ -542,4 +557,25 @@ export default {
   border-radius: 4px;
 }
 
+.editDisabled {
+  position: relative;
+
+  .disabled-info {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    bottom: 0;
+    background: var(--v-backgroundColor-base);
+    opacity: .9;
+
+    & > * {
+      opacity: 1;
+    }
+  }
+}
+
 </style>

packages/nocodb/package-lock.json

@@ -11126,9 +11126,9 @@
       "integrity": "sha512-3AryS9uwa5NfISLxMciUonrH7YfXp+nlahB9T7girXIsLQrmwX4MdnuKs32akduCOGpKmjTJSWmATULbuMkbfw=="
     },
     "nc-help": {
-      "version": "0.1.104",
+      "version": "0.1.107",
-      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.1.104.tgz",
+      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.1.107.tgz",
-      "integrity": "sha512-Tbn+RrRg8ELwXZtu+Lu0cunNKyB8fj7d91JAd5U2sjV3r+02PExpZ0PWT7bFwkNcEVDItQtAvzNl7uoLgchzzw==",
+      "integrity": "sha512-Lgqx9i1Oxt4WGTU+D35KyhKpwWgmHKzI7P1yPcqhsWNrLjnR7XHEumjKT1UovyJo5zkkiMCFnaxOGbWCnM9waA==",
       "requires": {
         "axios": "^0.21.1",
         "boxen": "^4.2.0",

packages/nocodb/package.json

@@ -55,6 +55,7 @@
     "copy-files": "copyfiles -u 1 \"src/**/*.ejs\" build/main && copyfiles -u 1 \"src/**/*.ejs\" build/module && copyfiles -u 1 \"src/**/*.ejs\" docker",
     "docker:build": "EE=\"true-xc-test\" webpack  --config docker/webpack.config.js",
     "docker:image:build": "docker build . -t nocodb/nocodb:latest -t nocodb/nocodb:0.9.25 --no-cache",
+    "docker:image:buildx": "docker buildx build . --platform linux/arm64 -t nocodb/nocodb:arm64 --no-cache",
     "docker:image:deploy": "docker push nocodb/nocodb:latest && docker push  nocodb/nocodb:0.9.25",
     "docker:build:publish:image": "npm run build && npm run docker:build && npm run docker:image:build  && npm run docker:image:deploy",
     "docker:s3:image:build": "docker build . --file litestream/Dockerfile -t xgenecloud/xc-s3:latest -t xgenecloud/xc-s3:0.0.1 --no-cache",
@@ -140,7 +141,7 @@
     "mysql2": "^2.2.5",
     "nanoid": "^3.1.20",
     "nc-common": "0.0.6",
-    "nc-help": "^0.1.104",
+    "nc-help": "^0.1.107",
     "nc-lib-gui": "^0.1.216",
     "nc-plugin": "^0.1.1",
     "nodemailer": "^6.4.10",