chore: move files to frontend

frontend/src/store/getters.js

@@ -0,0 +1,9 @@
+const getters = {
+  isLogged: state => state.user !== null,
+  isFiles: state => !state.loading && state.route.name === 'Files',
+  isListing: (state, getters) => getters.isFiles && state.req.isDir,
+  isEditor: (state, getters) => getters.isFiles && (state.req.type === 'text' || state.req.type === 'textImmutable'),
+  selectedCount: state => state.selected.length
+}
+
+export default getters

frontend/src/store/index.js

@@ -0,0 +1,33 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import mutations from './mutations'
+import getters from './getters'
+
+Vue.use(Vuex)
+
+const state = {
+  user: null,
+  req: {},
+  oldReq: {},
+  clipboard: {
+    key: '',
+    items: []
+  },
+  jwt: '',
+  progress: 0,
+  loading: false,
+  reload: false,
+  selected: [],
+  multiple: false,
+  show: null,
+  showShell: false,
+  showMessage: null,
+  showConfirm: null
+}
+
+export default new Vuex.Store({
+  strict: true,
+  state,
+  getters,
+  mutations
+})

frontend/src/store/mutations.js

@@ -0,0 +1,91 @@
+import * as i18n from '@/i18n'
+import moment from 'moment'
+
+const mutations = {
+  closeHovers: state => {
+    state.show = null
+    state.showMessage = null
+  },
+  toggleShell: (state) => {
+    state.showShell = !state.showShell
+  },
+  showHover: (state, value) => {
+    if (typeof value !== 'object') {
+      state.show = value
+      return
+    }
+
+    state.show = value.prompt
+    state.showMessage = value.message
+    state.showConfirm = value.confirm
+  },
+  showError: (state, value) => {
+    state.show = 'error'
+    state.showMessage = value
+  },
+  showSuccess: (state, value) => {
+    state.show = 'success'
+    state.showMessage = value
+  },
+  setLoading: (state, value) => { state.loading = value },
+  setReload: (state, value) => { state.reload = value },
+  setUser: (state, value) => {
+    if (value === null) {
+      state.user = null
+      return
+    }
+
+    let locale = value.locale
+
+    if (locale === '') {
+      locale = i18n.detectLocale()
+    }
+
+    moment.locale(locale)
+    i18n.default.locale = locale
+    state.user = value
+  },
+  setJWT: (state, value) => (state.jwt = value),
+  multiple: (state, value) => (state.multiple = value),
+  addSelected: (state, value) => (state.selected.push(value)),
+  addPlugin: (state, value) => {
+    state.plugins.push(value)
+  },
+  removeSelected: (state, value) => {
+    let i = state.selected.indexOf(value)
+    if (i === -1) return
+    state.selected.splice(i, 1)
+  },
+  resetSelected: (state) => {
+    state.selected = []
+  },
+  updateUser: (state, value) => {
+    if (typeof value !== 'object') return
+
+    for (let field in value) {
+      if (field === 'locale') {
+        moment.locale(value[field])
+        i18n.default.locale = value[field]
+      }
+
+      state.user[field] = value[field]
+    }
+  },
+  updateRequest: (state, value) => {
+    state.oldReq = state.req
+    state.req = value
+  },
+  updateClipboard: (state, value) => {
+    state.clipboard.key = value.key
+    state.clipboard.items = value.items
+  },
+  resetClipboard: (state) => {
+    state.clipboard.key = ''
+    state.clipboard.items = []
+  },
+  setProgress: (state, value) => {
+    state.progress = value
+  }
+}
+
+export default mutations