updates on editor

Former-commit-id: 2928727a06a94c0ea87ed821a472ae662df803d1 [formerly 098bc4234803078aba013f6312d179158194fffb] [formerly d2bb681fe62ba87a29b9866e291fb975489cd3fc [formerly 3d25185a557dab1fa529499572c0e6d5bf187ca1]]
Former-commit-id: 288ccb95466fbd234d278886800e1d27c54fa8dd [formerly 78c473865b085e97cf435cb230e2afa85559aba0]
Former-commit-id: c5dc56f4d6198c9c306c01573e1a1af5f1827c3a

_assets/src/components/Editor.vue

@@ -1,16 +1,30 @@
 <template>
     <form id="editor">
-        <h2 v-if="editor.type == 'complete'">Metadata</h2>
+        <h2 v-if="req.data.editor.type == 'complete'">Metadata</h2>
 
-        <h2 v-if="editor.type == 'complete'">Body</h2>
+        <h2 v-if="req.data.editor.type == 'complete'">Body</h2>
+
+        <div v-if="req.data.editor.type !== 'frontmatter-only'" class="content">
+            <div id="ace"></div>
+            <textarea id="source" name="content">{{ req.data.content }}</textarea>
+        </div>
     </form>
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
   name: 'editor',
+  computed: mapState(['req']),
   data: function () {
-    return window.info.req.data
+    return {
+      codemirror: null,
+      simplemde: null
+    }
+  },
+  mounted: function () {
+
   },
   methods: {
   }

_assets/src/components/Editor/ArrayObject.vue

@@ -0,0 +1,19 @@
+<template>
+  <fieldset :id="name" :data-type="type">
+    <h3 v-if="title !== ''">{{ name }}</h3>
+    <div class="action add">
+      <i class="material-icons" title="Add">add</i>
+    </div>
+    <div class="action delete" :data-delete="name">
+      <i class="material-icons" title="Close">close</i>
+    </div>
+    <!-- template blocks w/ content -->
+  </fieldset>
+</template>
+
+<script>
+export default {
+  name: 'array-object',
+  props: ['name', 'type', 'title', 'content']
+}
+</script>

_assets/src/components/Editor/Value.vue

@@ -0,0 +1,28 @@
+<template>
+  <textarea v-if="htmlType === 'textarea'"
+    class="scroll"
+    :name="name"
+    :id="name"
+    :data-parent-type="parentType">
+    {{ content.other }}
+  </textarea>
+  <input v-else-if="htmlType ==='datatime'"
+    :name="name"
+    :id="name"
+    :value="content.other"
+    type="datetime-local"
+    :data-parent-type="parentType"></input>
+  <input v-else
+    :name="name"
+    :id="name"
+    :value="content.other"
+    :type="htmlType"
+    :data-parent-type="parentType"></input>
+</template>
+
+<script>
+export default {
+  name: 'value',
+  props: ['htmlType', 'name', 'parentType', 'content']
+}
+</script>

_assets/src/components/NewDirPrompt.vue

@@ -26,7 +26,12 @@ export default {
       event.preventDefault()
       if (this.new === '') return
 
-      let url = window.location.pathname + this.name + '/'
+      let url = window.location.pathname
+      if (this.$store.state.req.kind !== 'listing') {
+        url = page.removeLastDir(url) + '/'
+      }
+
+      url += this.name + '/'
       url = url.replace('//', '/')
 
       // buttons.setLoading('newDir')

_assets/src/components/NewFilePrompt.vue

@@ -26,11 +26,19 @@ export default {
       event.preventDefault()
       if (this.new === '') return
 
+      let url = window.location.pathname
+      if (this.$store.state.req.kind !== 'listing') {
+        url = page.removeLastDir(url) + '/'
+      }
+
+      url += this.name
+      url = url.replace('//', '/')
+
       // buttons.setLoading('newFile')
-      webdav.create(window.location.pathname + this.name)
+      webdav.create(url)
         .then(() => {
           // buttons.setDone('newFile')
-          page.open(window.location.pathname + this.name)
+          page.open(url)
         })
         .catch(e => {
           // buttons.setDone('newFile', false)

_assets/src/components/Preview.vue

@@ -51,6 +51,7 @@ export default {
     },
     back: function (event) {
       let url = page.removeLastDir(window.location.pathname)
+      if (url === '') url = '/'
       page.open(url)
     },
     allowEdit: function (event) {