From 82b1fab1407b14b73c63218ece976f269d2e2338 Mon Sep 17 00:00:00 2001
From: Mildred Ki'Lya <mildred-pub.git@mildred.fr>
Date: Fri, 1 Feb 2019 22:54:42 +0000
Subject: [PATCH 1/2] Only show "New File" and "New Directory" if listing a
 directory

It does not make sense to show these when not listing a directory.
---
 src/components/Sidebar.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 6ebc852..8e80fb9 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -6,7 +6,7 @@
         <span>{{ $t('sidebar.myFiles') }}</span>
       </router-link>
 
-      <div v-if="user.perm.create">
+      <div v-if="user.perm.create" v-show="showNew">
         <button @click="$store.commit('showHover', 'newDir')" class="action" :aria-label="$t('sidebar.newFolder')" :title="$t('sidebar.newFolder')">
           <i class="material-icons">create_new_folder</i>
           <span>{{ $t('sidebar.newFolder') }}</span>
@@ -62,10 +62,17 @@ export default {
   name: 'sidebar',
   computed: {
     ...mapState([ 'user' ]),
-    ...mapGetters([ 'isLogged' ]),
+    ...mapGetters([
+      'isLogged',
+      'isFiles',
+      'isListing'
+    ]),
     active () {
       return this.$store.state.show === 'sidebar'
     },
+    showNew() {
+      return this.isFiles && this.isListing
+    },
     signup: () => signup,
     version: () => version,
     disableExternal: () => disableExternal,

From f70b8906808b28cf3dae78a96d851d7789708cdb Mon Sep 17 00:00:00 2001
From: Mildred Ki'Lya <mildred-pub.git@mildred.fr>
Date: Fri, 1 Feb 2019 22:55:07 +0000
Subject: [PATCH 2/2] Add bookmarks

---
 src/api/context.js                  |  5 ++++
 src/api/files.js                    | 12 ++++++++
 src/api/index.js                    |  4 ++-
 src/components/Header.vue           |  8 +++++-
 src/components/Sidebar.vue          |  8 ++++++
 src/components/buttons/Bookmark.vue | 43 +++++++++++++++++++++++++++++
 src/i18n/en.json                    |  3 +-
 src/i18n/fr.json                    |  3 +-
 src/store/getters.js                |  3 +-
 src/store/index.js                  |  1 +
 src/store/mutations.js              |  8 ++++++
 src/views/Layout.vue                |  9 ++++++
 12 files changed, 102 insertions(+), 5 deletions(-)
 create mode 100644 src/api/context.js
 create mode 100644 src/components/buttons/Bookmark.vue

diff --git a/src/api/context.js b/src/api/context.js
new file mode 100644
index 0000000..c9ed358
--- /dev/null
+++ b/src/api/context.js
@@ -0,0 +1,5 @@
+import { fetchJSON } from './utils'
+
+export async function get () {
+  return await fetchJSON(`/api/context`, {})
+}
diff --git a/src/api/files.js b/src/api/files.js
index 917e46e..0b94e15 100644
--- a/src/api/files.js
+++ b/src/api/files.js
@@ -112,6 +112,18 @@ export async function post (url, content = '', overwrite = false, onupload) {
   })
 }
 
+export function bookmark (items) {
+  let promises = []
+
+  for (let item of items) {
+    const path = removePrefix(item.path)
+    const url = `${path}?action=${item.bookmarked ? 'bookmark' : 'remove-bookmark'}`
+    promises.push(resourceAction(url, 'PATCH'))
+  }
+
+  return Promise.all(promises)
+}
+
 function moveCopy (items, copy = false) {
   let promises = []
 
diff --git a/src/api/index.js b/src/api/index.js
index 11bb49d..789204d 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -2,6 +2,7 @@ import * as files from './files'
 import * as share from './share'
 import * as users from './users'
 import * as settings from './settings'
+import * as context from './context'
 import search from './search'
 import commands from './commands'
 
@@ -11,5 +12,6 @@ export {
   users,
   settings,
   commands,
-  search
+  search,
+  context
 }
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 0cfc4cb..48f0020 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -45,6 +45,7 @@
           <switch-button v-show="isListing"></switch-button>
           <download-button v-show="showDownloadButton"></download-button>
           <upload-button v-show="showUpload"></upload-button>
+          <bookmark-button v-show="showBookmarkButton"></bookmark-button>
           <info-button v-show="isFiles"></info-button>
 
           <button v-show="isListing" @click="openSelect" :aria-label="$t('buttons.selectMultiple')" :title="$t('buttons.selectMultiple')" class="action">
@@ -71,6 +72,7 @@ import MoveButton from './buttons/Move'
 import CopyButton from './buttons/Copy'
 import ShareButton from './buttons/Share'
 import ShellButton from './buttons/Shell'
+import BookmarkButton from './buttons/Bookmark'
 import {mapGetters, mapState} from 'vuex'
 import { logoURL } from '@/utils/constants'
 import * as api from '@/api'
@@ -89,7 +91,8 @@ export default {
     UploadButton,
     SwitchButton,
     MoveButton,
-    ShellButton
+    ShellButton,
+    BookmarkButton
   },
   data: function () {
     return {
@@ -145,6 +148,9 @@ export default {
         ? (this.selectedCount === 1 && this.user.perm.rename)
         : this.user.perm.rename)
     },
+    showBookmarkButton () {
+      return this.isFiles && this.isListing
+    },
     showShareButton () {
       return this.isFiles && (this.isListing
         ? (this.selectedCount === 1 && this.user.perm.share)
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 8e80fb9..197979e 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -6,6 +6,13 @@
         <span>{{ $t('sidebar.myFiles') }}</span>
       </router-link>
 
+      <div>
+        <router-link v-for="(bookmark) in bookmarks" :to="'/files'+bookmark.path" class="action" :aria-label="bookmark.name" :title="bookmark.name">
+          <i class="material-icons">folder</i>
+          <span>{{ bookmark.name }}</span>
+        </router-link>
+      </div>
+
       <div v-if="user.perm.create" v-show="showNew">
         <button @click="$store.commit('showHover', 'newDir')" class="action" :aria-label="$t('sidebar.newFolder')" :title="$t('sidebar.newFolder')">
           <i class="material-icons">create_new_folder</i>
@@ -64,6 +71,7 @@ export default {
     ...mapState([ 'user' ]),
     ...mapGetters([
       'isLogged',
+      'bookmarks',
       'isFiles',
       'isListing'
     ]),
diff --git a/src/components/buttons/Bookmark.vue b/src/components/buttons/Bookmark.vue
new file mode 100644
index 0000000..cce3b8b
--- /dev/null
+++ b/src/components/buttons/Bookmark.vue
@@ -0,0 +1,43 @@
+<template>
+  <button @click="toggle" :aria-label="$t('buttons.bookmark')" :title="$t('buttons.bookmark')" class="action" id="bookmark-button">
+    <i class="material-icons">{{ icon }}</i>
+    <span>{{ $t('buttons.bookmark') }}</span>
+  </button>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+import { files as filesApi, context as contextApi } from '@/api'
+
+export default {
+  name: 'bookmark-button',
+  computed: {
+    ...mapState(['req']),
+    icon: function () {
+      if (this.req.bookmarked) return 'bookmark'
+      return 'bookmark_border'
+    }
+  },
+  methods: {
+    ...mapMutations([ 'updateBookmark', 'closeHovers' ]),
+    toggle: async function () {
+      this.closeHovers()
+
+      const data = {
+        path:       this.req.path,
+        bookmarked: (this.icon === 'bookmark_border')
+      }
+
+      try {
+        await filesApi.bookmark([data])
+        this.updateBookmark(data)
+
+        const ctx = await contextApi.get()
+        this.$store.commit('updateContext', ctx)
+      } catch (e) {
+        this.$showError(e)
+      }
+    }
+  }
+}
+</script>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index d423ece..734a14e 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -32,7 +32,8 @@
     "toggleSidebar": "Toggle sidebar",
     "update": "Update",
     "upload": "Upload",
-    "permalink": "Get Permanent Link"
+    "permalink": "Get Permanent Link",
+    "bookmark": "Bookmark"
   },
   "success": {
     "linkCopied": "Link copied!"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index f5d7d88..651bd8b 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -32,7 +32,8 @@
     "toggleSidebar": "Afficher/Masquer la barre latérale",
     "update": "Mettre à jour",
     "upload": "Importer",
-    "permalink": "Obtenir un lien permanent"
+    "permalink": "Obtenir un lien permanent",
+    "bookmark": "Retenir dans les marques pages"
   },
   "success": {
     "linkCopied": "Link copied!"
diff --git a/src/store/getters.js b/src/store/getters.js
index 9831b7b..9f4dfbd 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -3,7 +3,8 @@ const getters = {
   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
+  selectedCount: state => state.selected.length,
+  bookmarks: state => state.context.bookmarks
 }
 
 export default getters
diff --git a/src/store/index.js b/src/store/index.js
index 25c37bb..24d0d0c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -8,6 +8,7 @@ Vue.use(Vuex)
 const state = {
   user: null,
   req: {},
+  context: {},
   oldReq: {},
   clipboard: {
     key: '',
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 747c91b..d48614c 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -71,10 +71,18 @@ const mutations = {
       state.user[field] = value[field]
     }
   },
+  updateBookmark: (state, value) => {
+    if (value.path == state.req.path) {
+      state.req.bookmarked = value.bookmarked
+    }
+  },
   updateRequest: (state, value) => {
     state.oldReq = state.req
     state.req = value
   },
+  updateContext: (state, value) => {
+    state.context = value
+  },
   updateClipboard: (state, value) => {
     state.clipboard.key = value.key
     state.clipboard.items = value.items
diff --git a/src/views/Layout.vue b/src/views/Layout.vue
index 8db58b3..b0dfc1e 100644
--- a/src/views/Layout.vue
+++ b/src/views/Layout.vue
@@ -19,6 +19,7 @@ import Sidebar from '@/components/Sidebar'
 import Prompts from '@/components/prompts/Prompts'
 import SiteHeader from '@/components/Header'
 import Shell from '@/components/Shell'
+import { context as api } from '@/api'
 
 export default {
   name: 'layout',
@@ -38,6 +39,14 @@ export default {
       this.$store.commit('multiple', false)
       if (this.$store.state.show !== 'success') this.$store.commit('closeHovers')
     }
+  },
+  async created() {
+    try {
+      const res = await api.get()
+      this.$store.commit('updateContext', res)
+    } catch (e) {
+      this.$showError(e)
+    }
   }
 }
 </script>