@mongoosejs/studio 0.0.94 → 0.0.96

package/frontend/src/api.js

@@ -43,9 +43,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return client.post('', { action: 'Dashboard.getDashboards', ...params }).then(res => res.data);
     },
     updateDashboard(params) {
-      return client.post('', { action: 'Dashboard.updateDashboard', ...params}).then(res => res.data);
+      return client.post('', { action: 'Dashboard.updateDashboard', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.ChatThread = {
     createChatMessage(params) {
       return client.post('', { action: 'ChatThread.createChatMessage', ...params }).then(res => res.data);
@@ -59,24 +59,24 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     listChatThreads(params) {
       return client.post('', { action: 'ChatThread.listChatThreads', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.ChatMessage = {
     executeScript(params) {
       return client.post('', { action: 'ChatMessage.executeScript', ...params }).then(res => res.data);
     }
-  }
+  };
   exports.Model = {
     createChart(params) {
-      return client.post('', { action: 'Model.createChart', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.createChart', ...params }).then(res => res.data);
     },
     createDocument(params) {
-      return client.post('', { action: 'Model.createDocument', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.createDocument', ...params }).then(res => res.data);
     },
     deleteDocument(params) {
-      return client.post('', { action: 'Model.deleteDocument', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.deleteDocument', ...params }).then(res => res.data);
     },
     deleteDocuments(params) {
-      return client.post('', { action: 'Model.deleteDocuments', ...params}).then(res => res.data);
+      return client.post('', { action: 'Model.deleteDocuments', ...params }).then(res => res.data);
     },
     exportQueryResults(params) {
       const accessToken = window.localStorage.getItem('_mongooseStudioAccessToken') || null;
@@ -84,8 +84,8 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return fetch(window.MONGOOSE_STUDIO_CONFIG.baseURL + new URLSearchParams({ ...params, action: 'Model.exportQueryResults' }).toString(), {
         method: 'GET',
         headers: {
-          'Authorization': `${accessToken}`, // Set your authorization token here
-          'Accept': 'text/csv'
+          Authorization: `${accessToken}`, // Set your authorization token here
+          Accept: 'text/csv'
         }
       })
         .then(response => {
@@ -136,7 +136,7 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return client.post('/Dashboard/createDashboard', params).then(res => res.data);
     },
     deleteDashboard: function deleteDashboard(params) {
-      return client.post('/Dashboard/deleteDashboard', params).then(res => res.data)
+      return client.post('/Dashboard/deleteDashboard', params).then(res => res.data);
     },
     getDashboard: function getDashboard(params) {
       return client.put('/Dashboard/getDashboard', params).then(res => res.data);
@@ -147,7 +147,7 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     updateDashboard: function updateDashboard(params) {
       return client.post('/Dashboard/updateDashboard', params).then(res => res.data);
     }
-  }
+  };
   exports.ChatThread = {
     createChatMessage: function createChatMessage(params) {
       return client.post('/ChatThread/createChatMessage', params).then(res => res.data);
@@ -168,13 +168,13 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     }
   };
   exports.Model = {
-    createChart: function (params) {
+    createChart: function(params) {
       return client.post('/Model/createChart', params).then(res => res.data);
     },
     createDocument: function(params) {
       return client.post('/Model/createDocument', params).then(res => res.data);
     },
-    deleteDocument: function (params) {
+    deleteDocument: function(params) {
       return client.post('/Model/deleteDocument', params).then(res => res.data);
     },
     deleteDocuments: function(params) {
@@ -186,8 +186,8 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
       return fetch(window.MONGOOSE_STUDIO_CONFIG.baseURL + '/Model/exportQueryResults?' + new URLSearchParams(params).toString(), {
         method: 'GET',
         headers: {
-          'Authorization': `${accessToken}`, // Set your authorization token here
-          'Accept': 'text/csv'
+          Authorization: `${accessToken}`, // Set your authorization token here
+          Accept: 'text/csv'
         }
       })
         .then(response => {

package/frontend/src/chat/chat-message/chat-message.html

@@ -1,6 +1,6 @@
 <div class="relative flex items-start space-x-3" :class="{'justify-end': message.role === 'user'}">
   <div
-    class="min-w-0 max-w-[calc(100%-6.5rem)]"
+    class="min-w-0 max-w-[calc(100vw-4rem)]"
     :class="{'text-right': message.role === 'user'}">
 
     <div class="text-sm text-gray-900 p-3 rounded-md inline-block" :class="styleForMessage">

package/frontend/src/chat/chat-message/chat-message.js

@@ -61,6 +61,6 @@ module.exports = app => app.component('chat-message', {
       });
       message.executionResult = chatMessage.executionResult;
       console.log(message);
-    },
+    }
   }
 });

package/frontend/src/chat/chat-message-script/chat-message-script.html

@@ -37,9 +37,9 @@
     </div>
   </div>
 
-  <pre class="p-3 whitespace-pre-wrap max-h-[30vh] max-w-[calc(100vw-25rem)] overflow-y-auto" v-show="activeTab === 'code'"><code v-text="script" ref="code" :class="'language-' + language"></code></pre>
+  <pre class="p-3 whitespace-pre-wrap max-h-[30vh] max-w-[calc(100vw-4rem)] overflow-y-auto" v-show="activeTab === 'code'"><code v-text="script" ref="code" :class="'language-' + language"></code></pre>
 
-  <div class="p-3 whitespace-pre-wrap max-h-[30vh] overflow-y-auto bg-white border-t max-w-[calc(100vw-25rem)] relative" v-show="activeTab === 'output'">
+  <div class="p-3 whitespace-pre-wrap max-h-[30vh] overflow-y-auto bg-white border-t max-w-[calc(100vw-4rem)] relative" v-show="activeTab === 'output'">
     <dashboard-chart v-if="message.executionResult?.output?.$chart" :value="message.executionResult?.output" />
     <pre v-else>{{ message.executionResult?.output || 'No output' }}</pre>
   </div>

package/frontend/src/chat/chat-message-script/chat-message-script.js

@@ -1,12 +1,11 @@
 'use strict';
 
 const api = require('../../api');
-const marked = require('marked').marked;
 const template = require('./chat-message-script.html');
 const vanillatoasts = require('vanillatoasts');
 
 module.exports = app => app.component('chat-message-script', {
-  template: template,
+  template,
   props: ['message', 'script', 'language'],
   data: () => ({ activeTab: 'code', showDetailModal: false }),
   computed: {

package/frontend/src/chat/chat.html

@@ -1,8 +1,20 @@
 <div class="flex" style="height: calc(100vh - 55px)">
-    <!-- Sidebar: Chat Threads -->
-  <aside class="w-64 bg-gray-100 border-r overflow-y-auto h-full">
-    <div class="p-4 font-bold text-lg border-b">Chat Threads</div>
-    <div class="p-4">
+  <div class="fixed top-[65px] cursor-pointer bg-gray-100 rounded-r-md z-10" @click="hideSidebar = false">
+    <svg xmlns="http://www.w3.org/2000/svg" style="h-5 w-5" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M360-120v-720h80v720h-80Zm160-160v-400l200 200-200 200Z"/></svg>
+  </div>
+  <!-- Sidebar: Chat Threads -->
+  <aside class="bg-gray-50 border-r overflow-y-auto overflow-x-hidden h-full transition-all duration-300 ease-in-out z-20 w-0 md:w-64 fixed md:relative" :class="hideSidebar === true ? '!w-0' : hideSidebar === false ? '!w-64' : ''">
+    <div class="flex items-center border-b border-gray-100 w-64 overflow-x-hidden">
+      <div class="p-4 font-bold text-lg">Chat Threads</div>
+      <button
+        @click="hideSidebar = true"
+        class="ml-auto mr-2 p-2 rounded hover:bg-gray-200 focus:outline-none"
+        aria-label="Close sidebar"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" style="h-5 w-5" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M660-320v-320L500-480l160 160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm120-80v-560H200v560h120Zm80 0h360v-560H400v560Zm-80 0H200h120Z"/></svg>
+      </button>
+    </div>
+    <div class="p-4 w-64">
       <async-button
         @click="createNewThread"
         class="w-full bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
@@ -13,12 +25,12 @@
     <div v-if="status === 'loaded' && chatThreads.length === 0" class="p-4 text-sm text-gray-700">
       No threads yet
     </div>
-    <ul vif="status === 'loaded'">
+    <ul v-if="status === 'loaded'" class="w-64">
       <li
         v-for="thread in chatThreads"
         :key="thread._id"
         @click="selectThread(thread._id)"
-        class="p-4 hover:bg-gray-200 cursor-pointer"
+        class="p-4 hover:bg-gray-200 cursor-pointer w-64"
         :class="{ 'bg-gray-300': thread._id === chatThreadId }"
       >
         {{ thread.title || 'Untitled Thread' }}

package/frontend/src/chat/chat.js

@@ -12,7 +12,8 @@ module.exports = app => app.component('chat', {
     newMessage: '',
     chatThreadId: null,
     chatThreads: [],
-    chatMessages: []
+    chatMessages: [],
+    hideSidebar: null
   }),
   methods: {
     async sendMessage() {
@@ -86,5 +87,5 @@ module.exports = app => app.component('chat', {
         });
       });
     }
-  },
+  }
 });

package/frontend/src/clone-document/clone-document.js

@@ -5,7 +5,7 @@ const api = require('../api');
 const { BSON, EJSON } = require('bson');
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -14,7 +14,7 @@ const appendCSS = require('../appendCSS');
 
 appendCSS(require('./clone-document.css'));
 
-const template = require('./clone-document.html')
+const template = require('./clone-document.html');
 
 module.exports = app => app.component('clone-document', {
   props: ['currentModel', 'doc', 'schemaPaths'],
@@ -24,7 +24,7 @@ module.exports = app => app.component('clone-document', {
       documentData: '',
       editor: null,
       errors: []
-    }
+    };
   },
   methods: {
     async cloneDocument() {
@@ -32,17 +32,17 @@ module.exports = app => app.component('clone-document', {
       const { doc } = await api.Model.createDocument({ model: this.currentModel, data }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', doc);
-    },
+    }
   },
   mounted: function() {
     const pathsToClone = this.schemaPaths.map(x => x.path);
@@ -68,5 +68,5 @@ module.exports = app => app.component('clone-document', {
       lineNumbers: true,
       smartIndent: false
     });
-  },
-})
+  }
+});

package/frontend/src/create-dashboard/create-dashboard.js

@@ -2,7 +2,7 @@
 
 const api = require('../api');
 
-const template = require('./create-dashboard.html')
+const template = require('./create-dashboard.html');
 
 module.exports = app => app.component('create-dashboard', {
   template,
@@ -11,7 +11,7 @@ module.exports = app => app.component('create-dashboard', {
       title: '',
       code: '',
       errors: []
-    }
+    };
   },
   methods: {
     async createDashboard() {
@@ -19,22 +19,22 @@ module.exports = app => app.component('create-dashboard', {
       const { dashboard } = await api.Dashboard.createDashboard({ code: this.code, title: this.title }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', dashboard);
-    },
+    }
   },
   mounted: function() {
     this._editor = CodeMirror.fromTextArea(this.$refs.codeEditor, {
       mode: 'javascript',
       lineNumbers: true
     });
-  },
-})
+  }
+});

package/frontend/src/create-document/create-document.js

@@ -5,7 +5,7 @@ const api = require('../api');
 const { BSON, EJSON } = require('bson');
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -14,7 +14,7 @@ const appendCSS = require('../appendCSS');
 
 appendCSS(require('./create-document.css'));
 
-const template = require('./create-document.html')
+const template = require('./create-document.html');
 
 module.exports = app => app.component('create-document', {
   props: ['currentModel', 'paths'],
@@ -24,7 +24,7 @@ module.exports = app => app.component('create-document', {
       documentData: '',
       editor: null,
       errors: []
-    }
+    };
   },
   methods: {
     async createDocument() {
@@ -32,24 +32,24 @@ module.exports = app => app.component('create-document', {
       const { doc } = await api.Model.createDocument({ model: this.currentModel, data }).catch(err => {
         if (err.response?.data?.message) {
           console.log(err.response.data);
-          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          const message = err.response.data.message.split(': ').slice(1).join(': ');
           this.errors = message.split(',').map(error => {
             return error.split(': ').slice(1).join(': ').trim();
-          })
+          });
           throw new Error(err.response?.data?.message);
         }
         throw err;
       });
       this.errors.length = 0;
       this.$emit('close', doc);
-    },
+    }
   },
   mounted: function() {
     const requiredPaths = this.paths.filter(x => x.required);
-    this.documentData = `{\n`;
+    this.documentData = '{\n';
     for (let i = 0; i < requiredPaths.length; i++) {
       const isLast = i + 1 >= requiredPaths.length;
-      this.documentData += `  ${requiredPaths[i].path}: ${isLast ? '': ','}\n`
+      this.documentData += `  ${requiredPaths[i].path}: ${isLast ? '' : ','}\n`;
     }
     this.documentData += '}';
     this.$refs.codeEditor.value = this.documentData;
@@ -58,5 +58,5 @@ module.exports = app => app.component('create-document', {
       lineNumbers: true,
       smartIndent: false
     });
-  },
-})
+  }
+});

package/frontend/src/dashboard/dashboard.js

@@ -16,7 +16,7 @@ module.exports = app => app.component('dashboard', {
       dashboard: null,
       result: null,
       errorMessage: null
-    }
+    };
   },
   methods: {
     toggleEditor() {

package/frontend/src/dashboard/edit-dashboard/edit-dashboard.js

@@ -12,11 +12,11 @@ module.exports = app => app.component('edit-dashboard', {
       editor: null,
       title: '',
       description: ''
-    }
+    };
   },
   methods: {
     closeEditor() {
-        this.$emit('close')
+      this.$emit('close');
     },
     async updateCode() {
       this.status = 'loading';
@@ -47,7 +47,7 @@ module.exports = app => app.component('edit-dashboard', {
       indentWithTabs: true,
       cursorBlinkRate: 300,
       lineWrapping: true,
-      showCursorWhenSelecting: true,
+      showCursorWhenSelecting: true
     });
     // this.editor.focus();
     // this.editor.refresh(); // if anything weird happens on load, this usually fixes it. However, this breaks it in this case.

package/frontend/src/dashboards/dashboards.js

@@ -31,5 +31,5 @@ module.exports = app => app.component('dashboards', {
     const { dashboards } = await api.Dashboard.getDashboards();
     this.dashboards = dashboards;
     this.status = 'loaded';
-  },
+  }
 });

package/frontend/src/document/confirm-changes/confirm-changes.js

@@ -12,10 +12,10 @@ module.exports = app => app.component('confirm-changes', {
   },
   methods: {
     closeConfirm() {
-        this.$emit('close')
+      this.$emit('close');
     },
     startSave() {
-        this.$emit('save');
+      this.$emit('save');
     }
   },
   mounted() {

package/frontend/src/document/confirm-delete/confirm-delete.js

@@ -12,10 +12,10 @@ module.exports = app => app.component('confirm-delete', {
   },
   methods: {
     closeDelete() {
-        this.$emit('close')
+      this.$emit('close');
     },
     startDelete() {
-        this.$emit('remove');
+      this.$emit('remove');
     }
   },
   mounted() {

package/frontend/src/document/document.js

@@ -84,11 +84,11 @@ module.exports = app => app.component('document', {
           timeout: 3000,
           positionClass: 'bottomRight'
         });
-        this.$router.push({ path: `/model/${this.model}`});
+        this.$router.push({ path: `/model/${this.model}` });
       }
     },
     showClonedDocument(doc) {
-      this.$router.push({ path: `/model/${this.model}/document/${doc._id}`});
+      this.$router.push({ path: `/model/${this.model}/document/${doc._id}` });
     }
   }
 });

package/frontend/src/document-details/document-details.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const mpath = require('mpath');
-const template = require('./document-details.html')
+const template = require('./document-details.html');
 
 const appendCSS = require('../appendCSS');
 
@@ -28,6 +28,6 @@ module.exports = app => app.component('document-details', {
       }
 
       return result;
-    },
+    }
   }
-})
+});

package/frontend/src/document-details/document-property/document-property.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const mpath = require('mpath');
-const template = require('./document-property.html')
+const template = require('./document-property.html');
 
 const appendCSS = require('../../appendCSS');
 
@@ -12,7 +12,7 @@ module.exports = app => app.component('document-property', {
   data: function() {
     return {
       dateType: 'picker' // picker, iso
-    }
+    };
   },
   props: ['path', 'document', 'schemaPaths', 'editting', 'changes', 'invalid'],
   methods: {
@@ -53,4 +53,4 @@ module.exports = app => app.component('document-property', {
       return path in this.changes ? this.changes[path] : mpath.get(path, this.document);
     }
   }
-})
+});

package/frontend/src/edit-array/edit-array.js

@@ -5,7 +5,7 @@ const template = require('./edit-array.html');
 const { BSON } = require('bson');
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });

package/frontend/src/edit-subdocument/edit-subdocument.js

@@ -5,7 +5,7 @@ const template = require('./edit-subdocument.html');
 const { BSON, EJSON } = require('bson');
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });

package/frontend/src/list-default/list-default.js

@@ -13,7 +13,7 @@ module.exports = app => app.component('list-default', {
     copyText(value) {
       const storage = document.createElement('textarea');
       storage.value = value;
-      const elem = this.$refs.itemData
+      const elem = this.$refs.itemData;
       elem.appendChild(storage);
       storage.select();
       storage.setSelectionRange(0, 99999);
@@ -28,7 +28,7 @@ module.exports = app => app.component('list-default', {
       });
     },
     goToDoc(id) {
-      this.$router.push({ path: `/model/${this.allude}/document/${id}`});
+      this.$router.push({ path: `/model/${this.allude}/document/${id}` });
     }
   },
   computed: {
@@ -40,7 +40,7 @@ module.exports = app => app.component('list-default', {
         return 'undefined';
       }
       if (this.value.length > 30) {
-        return this.value.substring(0,30) + '...';
+        return this.value.substring(0, 30) + '...';
       }
       return this.value;
     },

package/frontend/src/models/models.js

@@ -8,7 +8,7 @@ const { BSON, EJSON } = require('bson');
 
 
 const ObjectId = new Proxy(BSON.ObjectId, {
-  apply (target, thisArg, argumentsList) {
+  apply(target, thisArg, argumentsList) {
     return new target(...argumentsList);
   }
 });
@@ -86,7 +86,7 @@ module.exports = app => app.component('models', {
     }
     if (this.$route.query?.fields) {
       const filter = this.$route.query.fields.split(',');
-      this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path))
+      this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path));
     }
 
 
@@ -121,7 +121,7 @@ module.exports = app => app.component('models', {
 
       this.$nextTick(() => {
         const input = this.$refs.searchInput;
-        const cursorIndex = this.searchText.lastIndexOf(":") + 2; // Move cursor after ": "
+        const cursorIndex = this.searchText.lastIndexOf(':') + 2; // Move cursor after ": "
 
         input.focus();
         input.setSelectionRange(cursorIndex, cursorIndex);
@@ -136,7 +136,7 @@ module.exports = app => app.component('models', {
     },
     filterDocument(doc) {
       const filteredDoc = {};
-      console.log(doc, this.filteredPaths)
+      console.log(doc, this.filteredPaths);
       for (let i = 0; i < this.filteredPaths.length; i++) {
         filteredDoc[this.filteredPaths[i].path] = doc[this.filteredPaths[i].path];
       }
@@ -175,7 +175,7 @@ module.exports = app => app.component('models', {
       }
       if (!sorted) {
         this.sortBy[path] = num;
-        this.query.sort = `{${path}:${num}}`
+        this.query.sort = `{${path}:${num}}`;
         this.$router.push({ query: this.query });
       }
       await this.loadMoreDocuments();
@@ -201,11 +201,11 @@ module.exports = app => app.component('models', {
     },
     checkIndexLocation(indexName) {
       if (this.schemaIndexes.find(x => x.name == indexName) && this.mongoDBIndexes.find(x => x.name == indexName)) {
-        return 'text-gray-500'
+        return 'text-gray-500';
       } else if (this.schemaIndexes.find(x => x.name == indexName)) {
-        return 'text-forest-green-500'
+        return 'text-forest-green-500';
       } else {
-        return 'text-valencia-500'
+        return 'text-valencia-500';
       }
     },
     async getDocuments() {
@@ -269,7 +269,7 @@ module.exports = app => app.component('models', {
     openFieldSelection() {
       if (this.$route.query?.fields) {
         this.selectedPaths.length = 0;
-        console.log('there are fields in play', this.$route.query.fields)
+        console.log('there are fields in play', this.$route.query.fields);
         const fields = this.$route.query.fields.split(',');
         for (let i = 0; i < fields.length; i++) {
           this.selectedPaths.push({ path: fields[i] });
@@ -342,7 +342,7 @@ module.exports = app => app.component('models', {
     handleDocumentClick(document) {
       console.log(this.selectedDocuments);
       if (this.selectMultiple) {
-        const exists = this.selectedDocuments.find(x => x._id.toString() == document._id.toString())
+        const exists = this.selectedDocuments.find(x => x._id.toString() == document._id.toString());
         if (exists) {
           const index = this.selectedDocuments.findIndex(x => x._id.toString() == document._id.toString());
           if (index !== -1) {
@@ -352,7 +352,7 @@ module.exports = app => app.component('models', {
           this.selectedDocuments.push(document);
         }
       } else {
-       this.$router.push('/model/' + this.currentModel + '/document/' + document._id)
+        this.$router.push('/model/' + this.currentModel + '/document/' + document._id);
       }
     },
     async deleteDocuments() {