@mongoosejs/studio 0.0.9 → 0.0.11

package/backend/actions/Model/getDocument.js

@@ -36,5 +36,5 @@ module.exports = ({ db }) => async function getDocument(params) {
   }
   removeSpecifiedPaths(schemaPaths, '.$*');
   
-  return { doc, schemaPaths };
+  return { doc: doc.toJSON({ virtuals: false, getters: false, transform: false }), schemaPaths };
 };

package/backend/actions/Model/getDocuments.js

@@ -65,5 +65,9 @@ module.exports = ({ db }) => async function getDocuments(params) {
     await Model.estimatedDocumentCount() :
     await Model.countDocuments(filter);
   
-  return { docs, schemaPaths, numDocs: numDocuments };
+  return {
+    docs: docs.map(doc => doc.toJSON({ virtuals: false, getters: false, transform: false })),
+    schemaPaths,
+    numDocs: numDocuments
+  };
 };

package/frontend/src/document/document.js

@@ -47,6 +47,9 @@ module.exports = app => app.component('document', {
       if (path.instance == 'Number') {
         return 'edit-number';
       }
+      if (path.instance === 'Array') {
+        return 'edit-array';
+      }
       return 'edit-default';
     },
     getEditValueForPath({ path }) {

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

@@ -0,0 +1,3 @@
+.edit-array button {
+  margin-top: 0.5em;
+}

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

@@ -0,0 +1,9 @@
+<div class="edit-array">
+  <div v-for="(el, i) in currentValue">
+    <input type="text" :value="el" @input="currentValue[i] = $event.target.value; onUpdate()">
+    <span style="cursor: pointer; color: #880000; font-weight: bold;" @click="removeValue(i)">&times;</span>
+  </div>
+  <div>
+    <button @click="currentValue.push(''); onUpdate();">Add</button>
+  </div>
+</div>

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

@@ -0,0 +1,25 @@
+'use strict';
+
+const template = require('./edit-array.html');
+
+const appendCSS = require('../appendCSS');
+appendCSS(require('./edit-array.css'));
+
+module.exports = app => app.component('edit-array', {
+  template: template,
+  props: ['value'],
+  data: () => ({ currentValue: null }),
+  mounted() {
+    this.currentValue = this.value;
+  },
+  methods: {
+    onUpdate() {
+      this.$emit('input', this.currentValue);
+    },
+    removeValue(i) {
+      this.currentValue.splice(i, 1);
+      this.$emit('input', this.currentValue);
+    }
+  },
+  emits: ['input']
+});

package/frontend/src/index.js

@@ -8,6 +8,7 @@ require('./async-button/async-button')(app);
 require('./detail-array/detail-array')(app);
 require('./detail-default/detail-default')(app);
 require('./document/document')(app);
+require('./edit-array/edit-array')(app);
 require('./edit-default/edit-default')(app);
 require('./edit-number/edit-number')(app);
 require('./edit-date/edit-date')(app);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "dependencies": {
     "archetype": "0.13.0",
     "csv-stringify": "6.3.0",