fix: Pagination error(count timeout)

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

packages/nc-gui/components/project/spreadsheet/apis/restApi.js

@@ -19,15 +19,29 @@ export default class RestApi {
   }
 
   async count(params) {
-    const data = await this.get(`/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}/count`, params);
-    return data.data;
+    if (this.timeout) {
+      return this.timeout;
+    }
+    try {
+      const data = await this.get(`/nc/${this.$ctx.$route.params.project_id}/api/v1/${this.table}/count`, params, {
+        timeout: 10000,
+      });
+      return data && data.data;
+    } catch (e) {
+      if (e.code === "ECONNABORTED") {
+        return this.timeout = {count: Infinity};
+      } else {
+        throw e;
+      }
+    }
   }
 
 
-  get(url, params) {
+  get(url, params, extras = {}) {
     return this.$axios({
       url,
       params,
+      ...extras
     })
   }
 

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

@@ -57,7 +57,8 @@
       <x-btn tooltip="Reload view data" outlined small text @click="loadTableData">
         <v-icon small class="mr-1" color="grey  darken-3">mdi-reload</v-icon>
       </x-btn>
-      <x-btn tooltip="Add new row" v-if="relationType !== 'bt'" :disabled="isLocked" outlined small text @click="insertNewRow(true,true)">
+      <x-btn tooltip="Add new row" v-if="relationType !== 'bt'" :disabled="isLocked" outlined small text
+             @click="insertNewRow(true,true)">
         <v-icon small class="mr-1" color="grey  darken-3">mdi-plus</v-icon>
       </x-btn>
       <x-btn small text outlined tooltip="Save new rows" :disabled="!edited || isLocked" @click="save">
@@ -214,7 +215,7 @@
 
         </div>
         <v-pagination
-          v-if="data"
+          v-if="data && count !== Infinity"
           style="max-width: 100%"
           v-model="page"
           :length="Math.ceil(count / size)"
@@ -222,6 +223,23 @@
           @input="loadTableData"
           color="primary lighten-2"
         ></v-pagination>
+        <div class="mx-auto d-flex align-center mt-n1 " style="max-width:250px">
+          <span class="caption" style="white-space: nowrap"> Change page:</span>
+          <v-text-field
+            class="ml-1 caption"
+            :full-width="false"
+            outlined
+            dense
+            hide-details
+            v-model="page"
+            @keydown.enter="loadTableData"
+            type="number"
+          >
+            <template #append>
+              <x-icon tooltip="Change page" small icon.class="mt-1" @click="loadTableData">mdi-keyboard-return</x-icon>
+            </template>
+          </v-text-field>
+        </div>
         <!--      <div v-else class="d-flex justify-center py-4">-->
         <!--        <v-alert type="info" dense class="ma-1 flex-shrink-1">Table is empty</v-alert>-->
         <!--      </div>-->
@@ -655,7 +673,7 @@ export default {
         const {row: rowObj, rowMeta} = this.data[row];
         if (rowMeta.new) {
           try {
-            const pks =this.availableColumns.filter((col) => {
+            const pks = this.availableColumns.filter((col) => {
               return col.pk;
             });
             if (this.availableColumns.every((col) => {

packages/nc-gui/plugins/axiosInterceptor.js

@@ -33,14 +33,14 @@ export default ({store, $axios, redirect, $toast}) => {
     }
 
     // Return any error which is not due to authentication back to the calling service
-    if (error.response && error.response.status !== 401) {
+    if (!error.response || error.response.status !== 401) {
       return new Promise((resolve, reject) => {
         reject(error);
       });
     }
 
     // Logout user if token refresh didn't work or user is disabled
-    if (error.config.url == '/api/v1/auth/refresh-token') {
+    if (error.config.url == '/api/v1/auth/refresh-token' ) {
       store.dispatch('users/ActSignOut')