chore: move files to frontend

frontend/src/components/prompts/NewFile.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="card floating">
+    <div class="card-title">
+      <h2>{{ $t('prompts.newFile') }}</h2>
+    </div>
+
+    <div class="card-content">
+      <p>{{ $t('prompts.newFileMessage') }}</p>
+      <input class="input input--block" v-focus type="text" @keyup.enter="submit" v-model.trim="name">
+    </div>
+
+    <div class="card-action">
+      <button
+        class="button button--flat button--grey"
+        @click="$store.commit('closeHovers')"
+        :aria-label="$t('buttons.cancel')"
+        :title="$t('buttons.cancel')"
+      >{{ $t('buttons.cancel') }}</button>
+      <button
+        class="button button--flat"
+        @click="submit"
+        :aria-label="$t('buttons.create')"
+        :title="$t('buttons.create')"
+      >{{ $t('buttons.create') }}</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { files as api } from '@/api'
+import url from '@/utils/url'
+
+export default {
+  name: 'new-file',
+  data: function() {
+    return {
+      name: ''
+    };
+  },
+  computed: {
+    ...mapGetters([ 'isFiles', 'isListing' ])
+  },
+  methods: {
+    submit: async function(event) {
+      event.preventDefault()
+      if (this.new === '') return
+
+      // Build the path of the new directory.
+      let uri = this.isFiles ? this.$route.path + '/' : '/'
+
+      if (!this.isListing) {
+        uri = url.removeLastDir(uri) + '/'
+      }
+
+      uri += encodeURIComponent(this.name)
+      uri = uri.replace('//', '/')
+
+      try {
+        await api.post(uri)
+        this.$router.push({ path: uri })
+      } catch (e) {
+        this.$showError(e)
+      }
+
+      this.$store.commit('closeHovers')
+    }
+  }
+};
+</script>
+