diff --git a/resources/js/components/FilesView/DesktopUploadRequestToolbar.vue b/resources/js/components/FilesView/DesktopUploadRequestToolbar.vue index f4f903ec..395617b6 100644 --- a/resources/js/components/FilesView/DesktopUploadRequestToolbar.vue +++ b/resources/js/components/FilesView/DesktopUploadRequestToolbar.vue @@ -4,15 +4,16 @@
+ +
- {{ isDone ? $t('Awesome!') : $t('Tell Jane you are done!') }} + {{ $t('Tell Jane you are done!') }} - Avatar +
@@ -89,6 +90,7 @@ import PopoverItem from '../Desktop/PopoverItem' import UploadProgress from './UploadProgress' import NavigationBar from './NavigationBar' import ToolbarButton from './ToolbarButton' +import MemberAvatar from "./MemberAvatar" import OptionUpload from './OptionUpload' import OptionGroup from './OptionGroup' import SearchBar from './SearchBar' @@ -104,6 +106,7 @@ export default { PopoverWrapper, NavigationBar, ToolbarButton, + MemberAvatar, OptionUpload, OptionGroup, PopoverItem, @@ -111,30 +114,22 @@ export default { Option, }, computed: { - ...mapGetters(['isVisibleNavigationBars', 'currentTeamFolder', 'currentFolder', 'sharedDetail', 'clipboard']), - canEdit() { - return this.sharedDetail && this.sharedDetail.data.attributes.permission === 'editor' - }, + ...mapGetters(['isVisibleNavigationBars', 'currentTeamFolder', 'currentFolder', 'sharedDetail', 'clipboard', 'uploadRequest']), canManipulate() { return this.clipboard[0] }, }, - data() { - return { - isDone: false, - } - }, methods: { uploadingDone() { // TODO: add name to the message - if (!this.isDone) { - events.$emit('toaster', { - type: 'success', - message: this.$t('We notified Jane about your new uploads successfully.'), - }) - } - - this.isDone = true + events.$emit('confirm:open', { + title: this.$t('Are you sure you uploaded all files you want for {name}?', {name: this.uploadRequest.relationships.user.data.attributes.name}), + message: this.$t("You won't be able to upload any files here once again."), + action: { + id: this.$router.currentRoute.params.token, + operation: 'close-upload-request', + }, + }) }, showCreateMenu() { events.$emit('popover:open', 'desktop-create') diff --git a/resources/js/store/modules/fileFunctions.js b/resources/js/store/modules/fileFunctions.js index eeab7456..f4896638 100644 --- a/resources/js/store/modules/fileFunctions.js +++ b/resources/js/store/modules/fileFunctions.js @@ -146,7 +146,7 @@ const actions = { return new Promise((resolve, reject) => { // Get route let route = { - RequestUpload: `/api/upload-request/${router.currentRoute.params.token}`, + RequestUpload: `/api/upload-request/${router.currentRoute.params.token}/upload`, Public: `/api/editor/upload/${router.currentRoute.params.token}`, }[router.currentRoute.name] || '/api/upload' diff --git a/resources/js/store/modules/uploadRequest.js b/resources/js/store/modules/uploadRequest.js index a23b84ff..30061e0e 100644 --- a/resources/js/store/modules/uploadRequest.js +++ b/resources/js/store/modules/uploadRequest.js @@ -9,8 +9,7 @@ const defaultState = { } const actions = { - getUploadRequestDetail: ({ commit, getters }) => { - + getUploadRequestDetail: ({ commit }) => { axios.get(`/api/upload-request/${router.currentRoute.params.token}`) .then((response) => { @@ -24,6 +23,15 @@ const actions = { } }) }, + closeUploadRequest: ({ commit }) => { + axios + .delete(`/api/upload-request/${router.currentRoute.params.token}`) + .then((response) => { + commit('LOADING_STATE', { loading: false, data: [] }) + commit('SET_UPLOAD_REQUEST', response.data) + }) + .catch(() => this.$isSomethingWrong()) + }, } const mutations = { diff --git a/resources/js/views/FileView/UploadRequestFiles.vue b/resources/js/views/FileView/UploadRequestFiles.vue index 37d1d08d..e1db90fa 100644 --- a/resources/js/views/FileView/UploadRequestFiles.vue +++ b/resources/js/views/FileView/UploadRequestFiles.vue @@ -15,29 +15,29 @@ + @click.native="$moveFileOrFolder(clipboard)" + class="action-btn" + source="move" + :action="$t('actions.move')" + :class="{ 'is-inactive': clipboard.length < 1 }" + /> + @click.native="$deleteFileOrFolder(clipboard)" + class="action-btn" + source="trash" + :class="{ 'is-inactive': clipboard.length < 1 }" + :action="$t('actions.delete')" + /> @@ -48,20 +48,20 @@