refactoring part 4

resources/js/components/FilesView/CreateListMobile.vue

@@ -1,56 +0,0 @@
-<template>
-    <MenuMobile name="create-list">
-        <MenuMobileGroup>
-			<OptionGroup>
-				<OptionUpload :class="{'is-inactive': canUploadInView || !hasCapacity }" :title="$t('actions.upload')" is-hover-disabled="true" />
-			</OptionGroup>
-			<OptionGroup>
-				<Option @click.stop.native="$createTeamFolder" :title="$t('Create Team Folder')" icon="users" is-hover-disabled="true" />
-				<Option @click.stop.native="createFolder" :class="{'is-inactive': canCreateFolderInView }" :title="$t('actions.create_folder')" icon="folder-plus" is-hover-disabled="true" />
-			</OptionGroup>
-        </MenuMobileGroup>
-    </MenuMobile>
-</template>
-
-<script>
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
-import Option from '/resources/js/components/FilesView/Option'
-import {events} from '/resources/js/bus'
-
-export default {
-    name: 'MobileContextMenu',
-    components: {
-        MenuMobileGroup,
-		OptionUpload,
-        OptionGroup,
-        MenuMobile,
-        Option,
-    },
-	computed: {
-		canUploadInView() {
-			return !this.$isThisRoute(this.$route, ['Files', 'Public'])
-		},
-		hasCapacity() {
-			// Check if storage limitation is set
-			if (!this.$store.getters.config.storageLimit) return true
-
-			// Check if user is loaded
-			if (!this.$store.getters.user) return true
-
-			// Check if user has storage
-			return this.$store.getters.user.data.attributes.storage.used <= 100
-		},
-		canCreateFolderInView() {
-			return !this.$isThisRoute(this.$route, ['Files', 'Public'])
-		},
-	},
-    methods: {
-		createFolder() {
-			events.$emit('popup:open', {name: 'create-folder'})
-		},
-    }
-}
-</script>

resources/js/components/FilesView/MobileCreateMenu.vue

@@ -0,0 +1,26 @@
+<template>
+    <MenuMobile @click.native.capture="closeMenu" name="create-list">
+        <MenuMobileGroup>
+			<slot />
+        </MenuMobileGroup>
+    </MenuMobile>
+</template>
+
+<script>
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import {events} from '/resources/js/bus'
+
+export default {
+    name: 'MobileContextMenu',
+    components: {
+        MenuMobileGroup,
+        MenuMobile,
+    },
+    methods: {
+    	closeMenu() {
+    		events.$emit('mobile-menu:hide')
+		},
+    }
+}
+</script>

resources/js/components/FilesView/MobileMultiSelectToolbar.vue

@@ -16,7 +16,7 @@ import {events} from '/resources/js/bus'
 import {mapGetters} from 'vuex'
 
 export default {
-    name: 'MultiSelectToolbar',
+    name: 'MobileMultiSelectToolbar',
     components: {
 		ToolbarButton,
 	},