Properly append uploaded photos without fetchiung for the full folder

Signed-off-by: John Molakvoæ <[email protected]>

src/services/FileInfo.js

@@ -0,0 +1,47 @@
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <[email protected]>
+ *
+ * @author John Molakvoæ <[email protected]>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import { getCurrentUser } from '@nextcloud/auth'
+import client from './DavClient'
+import request from './DavRequest'
+import { genFileInfo } from '../utils/fileUtils'
+
+/**
+ * Get a file info
+ *
+ * @param {string} path the path relative to the user root
+ * @return {FileInfo} the file info
+ */
+export default async function(path) {
+	// getDirectoryContents doesn't accept / for root
+	const fixedPath = path === '/' ? '' : path
+
+	const prefixPath = `/files/${getCurrentUser().uid}`
+
+	// fetch listing
+	const response = await client.stat(prefixPath + fixedPath, {
+		data: request,
+		details: true,
+	})
+
+	return genFileInfo(response.data)
+}

src/store/folders.js

@@ -63,6 +63,25 @@ const mutations = {
 			Vue.set(state.paths, path, fileid)
 		}
 	},
+
+	/**
+	 * Append files to a folder
+	 *
+	 * @param {object} state vuex state
+	 * @param {object} data destructuring object
+	 * @param {number} data.fileid id of this folder
+	 * @param {Array} data.files list of files to add
+	 */
+	addFilesToFolder(state, { fileid, files }) {
+		if (fileid >= 0 && files.length > 0) {
+			// and sort by last modified
+			const list = files
+				.sort((a, b) => sortCompare(a, b, 'lastmod'))
+				.filter(file => file.fileid >= 0)
+				.map(file => file.fileid)
+			Vue.set(state.folders, fileid, [...list, ...state.folders[fileid]])
+		}
+	},
 }
 
 const getters = {
@@ -99,6 +118,18 @@ const actions = {
 	addPath(context, { path, fileid }) {
 		context.commit('addPath', { path, fileid })
 	},
+
+	/**
+	 * Append files to a folder
+	 *
+	 * @param {object} context vuex context
+	 * @param {object} data destructuring object
+	 * @param {number} data.fileid id of this folder
+	 * @param {Array} data.files list of files to add
+	 */
+	addFilesToFolder(context, { fileid, files }) {
+		context.commit('addFilesToFolder', { fileid, files })
+	},
 }
 
 export default { state, mutations, getters, actions }

src/views/Folders.vue

@@ -64,6 +64,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import { UploadPicker } from '@nextcloud/upload'
+import { getCurrentUser } from '@nextcloud/auth'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
 import VirtualGrid from 'vue-virtual-grid'