- mobile create menu

config/language-translations.php

@@ -726,6 +726,7 @@ return [
         'personal_token.token_deleted'                       => 'Token was successfully deleted!',
         'dark_mode_toggle'                                   => 'Toggle Dark Mode',
         'actions.convert_into_team_folder'                   => 'Convert into Team Folder',
-        'actions.create'                   => 'Create Something',
+        'actions.create'                                     => 'Create Something',
+        'mobile.create'                                      => 'Create',
     ],
 ];

public/mix-manifest.json

@@ -10,7 +10,7 @@
     "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js?id=d5c9e6104890d4a17143",
     "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=2f834ba9277e999fee7a",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=00b5d7aaaf17b263c7fe",
-    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=05abca56520b94ee2c21",
+    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=c75a7397cf154bec86d8",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=fafa9f673208f0b861d6",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=075ff381293e1a20d167",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=fd6936cca8f3b8b4de9a",
@@ -20,7 +20,7 @@
     "/chunks/app-index.js": "/chunks/app-index.js?id=934f0c4e3afa1d6085e2",
     "/chunks/app-language.js": "/chunks/app-language.js?id=91689fc67cbc81b3701b",
     "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=1c3fefab1daa3f807f15",
-    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js?id=4b583e0677bf48a81557",
+    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js?id=ce52416447c572a465b1",
     "/chunks/app-others.js": "/chunks/app-others.js?id=ad84d8d637cedb14ce81",
     "/chunks/app-payments.js": "/chunks/app-payments.js?id=c9e8129dade16a2a347c",
     "/chunks/app-settings.js": "/chunks/app-settings.js?id=049741bb0d8712c772dd",
@@ -36,11 +36,11 @@
     "/chunks/email-verified.js": "/chunks/email-verified.js?id=b80cafb3a468e55c45eb",
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=9290f1443c67945fb50d",
     "/chunks/files.js": "/chunks/files.js?id=22139cc83b94c1f431d6",
-    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=9309e2d3ab4df7612d1a",
-    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=6e1976cd4babd4161cd5",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=84df9f00501ecb30c4ea",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=8538e13936f8d075890e",
     "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=0de0b81edf0bb5d4617d",
     "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js?id=c5ec9502bcfad35c502e",
-    "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=33b64a1fa6047209a477",
+    "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=e7581d951fec719001cc",
     "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=ad09e3f973e4db0411f1",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8871529af0da8193d3a3",
     "/chunks/homepage.js": "/chunks/homepage.js?id=d29b9f09d08d673dff75",
@@ -55,8 +55,8 @@
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=146515010333316075d6",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=320263fdc9aef3a3be60",
     "/chunks/plans.js": "/chunks/plans.js?id=0533e61243eeb87b3e8e",
-    "/chunks/platform.js": "/chunks/platform.js?id=6c0449589e2c4f765887",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=d20718311d00f1999d48",
+    "/chunks/platform.js": "/chunks/platform.js?id=5ac0ea7ff34c4e52e5e4",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=ee71419eaba22ae14a9a",
     "/chunks/profile.js": "/chunks/profile.js?id=7186e04a6f0f5b6bf470",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=ddb7be518c092ed392ca",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=85217c42d79948008ed1",
@@ -326,5 +326,24 @@
     "/chunks/files.38b958539fd7d86cab09.hot-update.js": "/chunks/files.38b958539fd7d86cab09.hot-update.js",
     "/js/main.4b2c754cdde7d2d5e041.hot-update.js": "/js/main.4b2c754cdde7d2d5e041.hot-update.js",
     "/chunks/files~chunks/shared/file-browser.4b2c754cdde7d2d5e041.hot-update.js": "/chunks/files~chunks/shared/file-browser.4b2c754cdde7d2d5e041.hot-update.js",
-    "/chunks/platform~chunks/shared.4b2c754cdde7d2d5e041.hot-update.js": "/chunks/platform~chunks/shared.4b2c754cdde7d2d5e041.hot-update.js"
+    "/chunks/platform~chunks/shared.4b2c754cdde7d2d5e041.hot-update.js": "/chunks/platform~chunks/shared.4b2c754cdde7d2d5e041.hot-update.js",
+    "/js/main.9e975ab2f17350647c8b.hot-update.js": "/js/main.9e975ab2f17350647c8b.hot-update.js",
+    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/p~98b23ba6.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/p~98b23ba6.js?id=9f9ebe286a608c25d8ab",
+    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.9e975ab2f17350647c8b.hot-update.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.9e975ab2f17350647c8b.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.9e975ab2f17350647c8b.hot-update.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.9e975ab2f17350647c8b.hot-update.js",
+    "/chunks/platform~chunks/shared.9e975ab2f17350647c8b.hot-update.js": "/chunks/platform~chunks/shared.9e975ab2f17350647c8b.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser.bb23b379a770e242f675.hot-update.js": "/chunks/files~chunks/shared/file-browser.bb23b379a770e242f675.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser.8a638d8e527b49cb0f08.hot-update.js": "/chunks/files~chunks/shared/file-browser.8a638d8e527b49cb0f08.hot-update.js",
+    "/chunks/platform.9f81c5aa791be2ab036f.hot-update.js": "/chunks/platform.9f81c5aa791be2ab036f.hot-update.js",
+    "/chunks/platform.d9a521dfcf39ffcbcc5d.hot-update.js": "/chunks/platform.d9a521dfcf39ffcbcc5d.hot-update.js",
+    "/chunks/platform.0f9f48ccbf5e7338468c.hot-update.js": "/chunks/platform.0f9f48ccbf5e7338468c.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser.42fb97794ee0f58a0c13.hot-update.js": "/chunks/files~chunks/shared/file-browser.42fb97794ee0f58a0c13.hot-update.js",
+    "/chunks/platform.42fb97794ee0f58a0c13.hot-update.js": "/chunks/platform.42fb97794ee0f58a0c13.hot-update.js",
+    "/chunks/platform.d0d182e3b8a5ad01e8c9.hot-update.js": "/chunks/platform.d0d182e3b8a5ad01e8c9.hot-update.js",
+    "/chunks/platform.a046cd245ac9de77d99b.hot-update.js": "/chunks/platform.a046cd245ac9de77d99b.hot-update.js",
+    "/chunks/platform.d069b284c6caa15a7c91.hot-update.js": "/chunks/platform.d069b284c6caa15a7c91.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser.5463b09814fa47647937.hot-update.js": "/chunks/files~chunks/shared/file-browser.5463b09814fa47647937.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/shared.b609f3a323cc10e3615b.hot-update.js": "/chunks/admin~chunks/platform~chunks/shared.b609f3a323cc10e3615b.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/shared.66e7b632dc217095e64e.hot-update.js": "/chunks/admin~chunks/platform~chunks/shared.66e7b632dc217095e64e.hot-update.js",
+    "/chunks/platform.af9396dee36df1d09ace.hot-update.js": "/chunks/platform.af9396dee36df1d09ace.hot-update.js"
 }

resources/js/components/FilesView/CreateListMobile.vue

@@ -0,0 +1,36 @@
+<template>
+    <MenuMobile name="create-list">
+        <MenuMobileGroup>
+            <OptionGroup>
+				<OptionUpload :class="{'is-inactive': canUploadInView || !hasCapacity }" :title="$t('actions.upload')" is-hover-disabled="true"/>
+				<Option @click.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 '@/components/Mobile/MenuMobileGroup'
+import OptionUpload from '@/components/FilesView/OptionUpload'
+import OptionGroup from '@/components/FilesView/OptionGroup'
+import MenuMobile from '@/components/Mobile/MenuMobile'
+import Option from '@/components/FilesView/Option'
+import {mapGetters} from 'vuex'
+import {events} from '@/bus'
+
+export default {
+    name: 'FileMenuMobile',
+    components: {
+        MenuMobileGroup,
+		OptionUpload,
+        OptionGroup,
+        MenuMobile,
+        Option,
+    },
+    methods: {
+		createFolder() {
+			events.$emit('popup:open', {name: 'create-folder'})
+		},
+    }
+}
+</script>

resources/js/components/FilesView/FileActionsMobile.vue

@@ -6,12 +6,12 @@
             <MobileActionButton @click.native="showLocations" icon="filter">
                 {{ filterLocationTitle }}
             </MobileActionButton>
-            <MobileActionButton @click.native="createFolder" icon="folder-plus">
-                {{ $t('context_menu.add_folder') }}
+            <MobileActionButton @click.native="createItems" icon="cloud-plus">
+                {{ $t('mobile.create') }}
             </MobileActionButton>
-            <MobileActionButtonUpload>
+<!--            <MobileActionButtonUpload>
                 {{ $t('context_menu.upload') }}
-            </MobileActionButtonUpload>
+            </MobileActionButtonUpload>-->
             <MobileActionButton @click.native="enableMultiSelectMode" icon="check-square">
                 {{ $t('context_menu.select') }}
             </MobileActionButton>
@@ -152,6 +152,9 @@
         methods: {
             showLocations() {
                 events.$emit('mobile-menu:show', 'file-filter')
+            },
+			createItems() {
+                events.$emit('mobile-menu:show', 'create-list')
             },
             selectAll() {
                 this.$store.commit('ADD_ALL_ITEMS_TO_CLIPBOARD')
@@ -172,9 +175,6 @@
             showViewOptions() {
                 events.$emit('mobile-menu:show', 'file-sorting')
             },
-            createFolder() {
-                events.$emit('popup:open', {name: 'create-folder'})
-            },
         },
         mounted() {
             events.$on('mobileSelecting:stop', () => this.isSelectMode = false)

resources/js/components/FilesView/MobileActionButton.vue

@@ -17,6 +17,7 @@
             <check-icon v-if="icon === 'check'" size="15" class="icon dark-text-theme" />
             <dollar-sign-icon v-if="icon === 'dollar-sign'" size="15" class="icon dark-text-theme" />
             <sorting-icon v-if="icon === 'preview-sorting'" class="icon dark-text-theme preview-sorting" />
+            <cloud-plus-icon v-if="icon === 'cloud-plus'" class="icon dark-text-theme preview-sorting" />
             <span class="label">
                 <slot></slot>
             </span>
@@ -26,6 +27,7 @@
 
 <script>
     import { RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon  } from 'vue-feather-icons'
+    import CloudPlusIcon from '@/components/FilesView/Icons/CloudPlusIcon'
     import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
 
     export default {
@@ -39,6 +41,7 @@
             CreditCardIcon,
             FolderPlusIcon,
 			RefreshCwIcon,
+			CloudPlusIcon,
             UserPlusIcon,
 			DownloadIcon,
             SortingIcon,

resources/js/components/Mobile/MenuMobileGroup.vue

@@ -5,21 +5,8 @@
 </template>
 
 <script>
-    import {mapGetters} from 'vuex'
-
     export default {
         name: 'MenuMobileGroup',
-        components: {
-
-        },
-        computed: {
-            ...mapGetters(['config']),
-        },
-        data() {
-            return {
-
-            }
-        }
     }
 </script>
 

resources/js/views/Platform.vue

@@ -21,6 +21,8 @@
         <FileFilterMobile />
         <FileMenuMobile />
 
+		<CreateListMobile />
+
         <MultiSelectToolbarMobile />
 
         <!--Navigations-->
@@ -39,6 +41,7 @@
     import FileSortingMobile from '@/components/FilesView/FileSortingMobile'
     import SidebarNavigation from '@/components/Sidebar/SidebarNavigation'
     import FileFilterMobile from '@/components/FilesView/FileFilterMobile'
+    import CreateListMobile from '@/components/FilesView/CreateListMobile'
     import CreateFolderPopup from '@/components/Others/CreateFolderPopup'
     import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
     import MobileNavigation from '@/components/Others/MobileNavigation'
@@ -60,6 +63,7 @@
             CreateFolderPopup,
             FileSortingMobile,
             SidebarNavigation,
+			CreateListMobile,
             FileFilterMobile,
             MobileNavigation,
             ShareCreatePopup,