nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-06 02:33:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Teams mobile implementation

Browse Source
This commit is contained in:
Čarodej
2021-10-29 11:43:55 +02:00
parent 0f08d9fe38
commit ce846cc076
11 changed files with 152 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
public/mix-manifest.json
View File

@@ -38,15 +38,15 @@
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
"/chunks/email-verified.js": "/chunks/email-verified.js?id=cfe3c4040260640f485d",
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=df7397408805a1cc93fa",
"/chunks/files.js": "/chunks/files.js?id=b5a3adaa6057e4cdba19",
"/chunks/files.js": "/chunks/files.js?id=416485134291ef32e422",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=d0a2e05e3e243b2e2c4e",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=81e2e54e33be04a6540e",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=8e241c6ed301c2260282",
"/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js": "/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js?id=4b8864f9265f55f61cf7",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=533962a06f477f6e046b",
"/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=58ab6cbdd635cf1a1214",
"/chunks/invitation.js": "/chunks/invitation.js?id=0d2837e20976a4677d5c",
"/chunks/invoices.js": "/chunks/invoices.js?id=d1e2c5263790c64085d9",
"/chunks/invoices.js": "/chunks/invoices.js?id=fe45319300d75d185b81",
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=40883f96214d6c29095e",
"/chunks/not-found.js": "/chunks/not-found.js?id=3b8341b600865315cff5",
"/chunks/page-edit.js": "/chunks/page-edit.js?id=436e329c2ec932cd6873",
@@ -59,7 +59,7 @@
"/chunks/plans.js": "/chunks/plans.js?id=6fca685daa45f22e4c8f",
"/chunks/platform.js": "/chunks/platform.js?id=c3c68625fbd7ed182f4a",
"/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=b6adf930d1b6226be038",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=54df760a25777f9c04a7",
"/chunks/profile.js": "/chunks/profile.js?id=0638997b77c6f1246062",
"/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=dd562240fff9f6e2260a",
@@ -74,9 +74,9 @@
"/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=e67e12955133c57194d1",
"/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=651d5accf401908724c5",
"/chunks/shared.js": "/chunks/shared.js?id=6230d050545cd1bd9b87",
"/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=33766e7a9a3f97bd9ab9",
"/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=37e4cabcb39adc40e17d",
"/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=8b9ac9ed9afd8dd15229",
"/chunks/shared/files.js": "/chunks/shared/files.js?id=28b058da609faafd2f02",
"/chunks/shared/files.js": "/chunks/shared/files.js?id=88de7f01b50068f2da58",
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=35b569b513aa5102d61e",
"/chunks/sign-in.js": "/chunks/sign-in.js?id=229e1a8b99558b316f44",
"/chunks/sign-up.js": "/chunks/sign-up.js?id=eaf0d6ea279134fb8319",
@@ -84,7 +84,7 @@
"/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=0506045df0785350b1e3",
"/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=6c93560e75087f4adbe7",
"/chunks/subscription-service.js": "/chunks/subscription-service.js?id=3e6aa30a7f2e8a321dad",
"/chunks/team-folders.js": "/chunks/team-folders.js?id=6a74f33a137aa020726f",
"/chunks/team-folders.js": "/chunks/team-folders.js?id=929478149a7d966edffb",
"/chunks/trash.js": "/chunks/trash.js?id=5ca5bdb09de0a5de3f05",
"/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=f0b33c0540fd6c6ef8d6",
"/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=f59d97c1cbf6649b7057",
@@ -101,23 +101,57 @@
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8",
"/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712",
"/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=5833dc6071076ae6a2e1",
"/chunks/platform~chunks/shared.2818558ea0c04f0017d7.hot-update.js": "/chunks/platform~chunks/shared.2818558ea0c04f0017d7.hot-update.js",
"/chunks/platform~chunks/shared.2845fb20c19b2822adcd.hot-update.js": "/chunks/platform~chunks/shared.2845fb20c19b2822adcd.hot-update.js",
"/chunks/platform~chunks/shared.4effbf5eedb3b20b69a4.hot-update.js": "/chunks/platform~chunks/shared.4effbf5eedb3b20b69a4.hot-update.js",
"/chunks/platform~chunks/shared.2d209b8827b4c73b36ea.hot-update.js": "/chunks/platform~chunks/shared.2d209b8827b4c73b36ea.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.f22daf45be6430b72ada.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.f22daf45be6430b72ada.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f22daf45be6430b72ada.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f22daf45be6430b72ada.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.95008f85647dc78591bc.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.95008f85647dc78591bc.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0ae474301c781aa0e8c9.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0ae474301c781aa0e8c9.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ecaa5aa97ef54eb36aa6.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ecaa5aa97ef54eb36aa6.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.c233dcdaf968654d8b35.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.c233dcdaf968654d8b35.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3f11064980d0c4775433.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3f11064980d0c4775433.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3f11064980d0c4775433.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3f11064980d0c4775433.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3f11064980d0c4775433.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3f11064980d0c4775433.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.a58b4a130cb049756cdf.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.a58b4a130cb049756cdf.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.d02c0cd0d3ccca5da101.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.d02c0cd0d3ccca5da101.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.9311c8d5db18eae2a224.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.9311c8d5db18eae2a224.hot-update.js",
"/chunks/platform~chunks/shared.ad9db025202bcc9d0826.hot-update.js": "/chunks/platform~chunks/shared.ad9db025202bcc9d0826.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.459fb56b6af2834491ff.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.459fb56b6af2834491ff.hot-update.js"
"/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
"/chunks/platform~chunks/shared.0379936ae68015362f7c.hot-update.js": "/chunks/platform~chunks/shared.0379936ae68015362f7c.hot-update.js",
"/chunks/platform~chunks/shared.1b7d0d5d1f37a98a7eca.hot-update.js": "/chunks/platform~chunks/shared.1b7d0d5d1f37a98a7eca.hot-update.js",
"/chunks/platform~chunks/shared.6a0f10b4fe594256146e.hot-update.js": "/chunks/platform~chunks/shared.6a0f10b4fe594256146e.hot-update.js",
"/chunks/platform~chunks/shared.c6f7d9641bdf425b884b.hot-update.js": "/chunks/platform~chunks/shared.c6f7d9641bdf425b884b.hot-update.js",
"/chunks/platform~chunks/shared.efe69456253d9f48cbb2.hot-update.js": "/chunks/platform~chunks/shared.efe69456253d9f48cbb2.hot-update.js",
"/chunks/platform~chunks/shared.d626819ba020394ea8c1.hot-update.js": "/chunks/platform~chunks/shared.d626819ba020394ea8c1.hot-update.js",
"/chunks/platform~chunks/shared.cb5c69c232cd07f3faa7.hot-update.js": "/chunks/platform~chunks/shared.cb5c69c232cd07f3faa7.hot-update.js",
"/chunks/platform~chunks/shared.a2cbf3f7fc55e4d797bd.hot-update.js": "/chunks/platform~chunks/shared.a2cbf3f7fc55e4d797bd.hot-update.js",
"/chunks/platform~chunks/shared.f2d7a2fc2b3d1f8e6c60.hot-update.js": "/chunks/platform~chunks/shared.f2d7a2fc2b3d1f8e6c60.hot-update.js",
"/chunks/platform~chunks/shared.9b78f526775ecf58338d.hot-update.js": "/chunks/platform~chunks/shared.9b78f526775ecf58338d.hot-update.js",
"/chunks/platform~chunks/shared.829cba1cedd03beceef6.hot-update.js": "/chunks/platform~chunks/shared.829cba1cedd03beceef6.hot-update.js",
"/chunks/platform~chunks/shared.61fb299734816c9e2672.hot-update.js": "/chunks/platform~chunks/shared.61fb299734816c9e2672.hot-update.js",
"/chunks/platform~chunks/shared.fbba341509104f813d3b.hot-update.js": "/chunks/platform~chunks/shared.fbba341509104f813d3b.hot-update.js",
"/chunks/platform~chunks/shared.2d1d57b297aa2963268e.hot-update.js": "/chunks/platform~chunks/shared.2d1d57b297aa2963268e.hot-update.js",
"/chunks/platform~chunks/shared.8930d129ad08c6eebda5.hot-update.js": "/chunks/platform~chunks/shared.8930d129ad08c6eebda5.hot-update.js",
"/chunks/platform~chunks/shared.e69da159cb77e10c82da.hot-update.js": "/chunks/platform~chunks/shared.e69da159cb77e10c82da.hot-update.js",
"/chunks/platform~chunks/shared.2362f70e8794259dde8c.hot-update.js": "/chunks/platform~chunks/shared.2362f70e8794259dde8c.hot-update.js",
"/chunks/platform~chunks/shared.a1bb6872acf23d1c8840.hot-update.js": "/chunks/platform~chunks/shared.a1bb6872acf23d1c8840.hot-update.js",
"/chunks/platform~chunks/shared.d0aebb4b27f457d1f001.hot-update.js": "/chunks/platform~chunks/shared.d0aebb4b27f457d1f001.hot-update.js",
"/chunks/platform~chunks/shared.e5cf88ab65e1c6642ee1.hot-update.js": "/chunks/platform~chunks/shared.e5cf88ab65e1c6642ee1.hot-update.js",
"/chunks/platform~chunks/shared.1bb5f650d24ddf004fd0.hot-update.js": "/chunks/platform~chunks/shared.1bb5f650d24ddf004fd0.hot-update.js",
"/chunks/platform~chunks/shared.ffb7be627d6ec1ce1adf.hot-update.js": "/chunks/platform~chunks/shared.ffb7be627d6ec1ce1adf.hot-update.js",
"/chunks/platform~chunks/shared.39400dc7ecf95f7b0a8b.hot-update.js": "/chunks/platform~chunks/shared.39400dc7ecf95f7b0a8b.hot-update.js",
"/chunks/platform~chunks/shared.5476b3ad1894cebd539d.hot-update.js": "/chunks/platform~chunks/shared.5476b3ad1894cebd539d.hot-update.js",
"/chunks/platform~chunks/shared.47e551cf655d90cc5c20.hot-update.js": "/chunks/platform~chunks/shared.47e551cf655d90cc5c20.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.c3c113b738fb0b099603.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.c3c113b738fb0b099603.hot-update.js",
"/chunks/platform~chunks/shared.4b2e76942406fe6cc726.hot-update.js": "/chunks/platform~chunks/shared.4b2e76942406fe6cc726.hot-update.js",
"/chunks/team-folders.f6ab9d445899500e403f.hot-update.js": "/chunks/team-folders.f6ab9d445899500e403f.hot-update.js",
"/chunks/team-folders.79339c3d0a6513758410.hot-update.js": "/chunks/team-folders.79339c3d0a6513758410.hot-update.js",
"/chunks/team-folders.32f40496dc0959c24691.hot-update.js": "/chunks/team-folders.32f40496dc0959c24691.hot-update.js",
"/chunks/team-folders.a89260ad5c73fd3b1240.hot-update.js": "/chunks/team-folders.a89260ad5c73fd3b1240.hot-update.js",
"/chunks/platform~chunks/shared.7dac0ca0baf5378066a1.hot-update.js": "/chunks/platform~chunks/shared.7dac0ca0baf5378066a1.hot-update.js",
"/js/main.00c0ca2de1eed558cea4.hot-update.js": "/js/main.00c0ca2de1eed558cea4.hot-update.js",
"/chunks/team-folders.00c0ca2de1eed558cea4.hot-update.js": "/chunks/team-folders.00c0ca2de1eed558cea4.hot-update.js",
"/chunks/platform~chunks/shared.09fb7b1c257611ee93f3.hot-update.js": "/chunks/platform~chunks/shared.09fb7b1c257611ee93f3.hot-update.js",
"/js/main.0e3f0c710c48ac5fc27e.hot-update.js": "/js/main.0e3f0c710c48ac5fc27e.hot-update.js",
"/chunks/platform~chunks/shared.0e3f0c710c48ac5fc27e.hot-update.js": "/chunks/platform~chunks/shared.0e3f0c710c48ac5fc27e.hot-update.js",
"/chunks/platform~chunks/shared~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/team-folders.js?id=cd3043b218569a473283",
"/chunks/team-folders.0e3f0c710c48ac5fc27e.hot-update.js": "/chunks/team-folders.0e3f0c710c48ac5fc27e.hot-update.js",
"/chunks/team-folders.24b240c7a7182d02f3cc.hot-update.js": "/chunks/team-folders.24b240c7a7182d02f3cc.hot-update.js",
"/chunks/team-folders.0c87950c528e47af120a.hot-update.js": "/chunks/team-folders.0c87950c528e47af120a.hot-update.js",
"/chunks/team-folders.40ef7e270e0691268af9.hot-update.js": "/chunks/team-folders.40ef7e270e0691268af9.hot-update.js",
"/chunks/platform~chunks/shared~chunks/team-folders.7630959f4766dcabe1b4.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.7630959f4766dcabe1b4.hot-update.js",
"/chunks/platform~chunks/shared~chunks/team-folders.af96c1f2119fdccaa31f.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.af96c1f2119fdccaa31f.hot-update.js",
"/chunks/platform~chunks/shared~chunks/team-folders.d330d527bc63bd659fb8.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.d330d527bc63bd659fb8.hot-update.js",
"/js/main.14dc81101df7c92867a0.hot-update.js": "/js/main.14dc81101df7c92867a0.hot-update.js",
"/chunks/platform~chunks/shared.14dc81101df7c92867a0.hot-update.js": "/chunks/platform~chunks/shared.14dc81101df7c92867a0.hot-update.js",
"/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=7d983dfdc91de607d737",
"/chunks/shared-with-me.14dc81101df7c92867a0.hot-update.js": "/chunks/shared-with-me.14dc81101df7c92867a0.hot-update.js",
"/chunks/shared-with-me~chunks/team-folders.js": "/chunks/shared-with-me~chunks/team-folders.js?id=d7b10f9477dab32aec18",
"/chunks/team-folders.14dc81101df7c92867a0.hot-update.js": "/chunks/team-folders.14dc81101df7c92867a0.hot-update.js",
"/chunks/shared-with-me.442c062f6b19d34001e9.hot-update.js": "/chunks/shared-with-me.442c062f6b19d34001e9.hot-update.js"
}

2
resources/js/components/FilesView/DesktopToolbar.vue
View File

@@ -67,7 +67,7 @@
<!--Team Folder Icon-->
<PopoverWrapper v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])">
<TeamMembersButton @click.stop.native="showTeamFolderMenu" class="team-preview" />
<TeamMembersButton @click.stop.native="showTeamFolderMenu" size="32" class="team-preview" />
<PopoverItem name="team-folder" side="left">
<TeamFolderPreview />

2
resources/js/components/FilesView/FileActionsMobile.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="sticky dark:bg-dark-background bg-white top-12 pb-3 px-4 z-10 whitespace-nowrap overflow-x-auto md:hidden block">
<div class="sticky dark:bg-dark-background bg-white top-14 pb-3 px-4 z-10 whitespace-nowrap overflow-x-auto md:hidden block">
<!--Show Buttons-->
<div v-if="! isMultiSelectMode" class="mobile-actions">

24
resources/js/components/FilesView/MobileTeamContextMenu.vue Normal file
View File

@@ -0,0 +1,24 @@
<template>
<MenuMobile name="team-menu">
<TeamFolderPreview />
<MenuMobileGroup v-if="$slots.default">
<slot></slot>
</MenuMobileGroup>
</MenuMobile>
</template>
<script>
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
export default {
name: 'MobileTeamContextMenu',
components: {
TeamFolderPreview,
MenuMobileGroup,
MenuMobile,
},
}
</script>

78
resources/js/components/FilesView/MobileToolbar.vue
View File

@@ -1,26 +1,37 @@
<template>
<div class="sticky top-0 dark:bg-dark-background bg-white flex text-center py-4 px-4 w-full justify-between items-center z-10 md:hidden block">
<div class="sticky top-0 dark:bg-dark-background bg-white flex text-center py-5 px-4 w-full justify-between items-center z-10 md:hidden block">
<!-- Go back-->
<div @click="goBack" class="go-back-button flex text-left items-center">
<chevron-left-icon size="17" class="icon-back" :class="{'is-visible': isLoadedFolder }" />
<chevron-left-icon size="17" class="pointer-events-none opacity-20 align-middle cursor-pointer mr-2" :class="{'pointer-events-auto opacity-100': isLoadedFolder }" />
<!--Folder Title-->
<div class="directory-name lg:text-base text-sm">
<div class="lg:text-base text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap" style="max-width: 200px;">
{{ $getCurrentLocationName() }}
</div>
</div>
<!--More Actions-->
<div class="more-actions-button">
<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area px-1.5">
<menu-icon size="17" />
</div>
</div>
<div class="flex items-center relative">
<TeamMembersButton
v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])"
size="28"
@click.stop.native="$showMobileMenu('team-menu')"
class="absolute right-9"
/>
<!--More Actions-->
<div class="more-actions-button">
<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area px-1.5">
<menu-icon size="17" />
</div>
</div>
</div>
</div>
</template>
<script>
import TeamMembersPreview from "../Teams/Components/TeamMembersPreview";
import TeamMembersButton from "../Teams/Components/TeamMembersButton";
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import SearchBar from '/resources/js/components/FilesView/SearchBar'
import { MenuIcon, ChevronLeftIcon } from 'vue-feather-icons'
@@ -30,6 +41,8 @@
export default {
name: 'MobileToolBar',
components: {
TeamMembersPreview,
TeamMembersButton,
ChevronLeftIcon,
ToolbarButton,
SearchBar,
@@ -37,9 +50,11 @@
},
computed: {
...mapGetters([
'currentTeamFolder',
'isVisibleSidebar',
'itemViewType',
'currentFolder',
'itemViewType',
'clipboard',
]),
isLoadedFolder() {
return this.$route.params.id
@@ -47,7 +62,7 @@
},
methods: {
showMobileNavigation() {
events.$emit('mobile-menu:show', 'user-navigation')
this.$showMobileMenu('user-navigation')
this.$store.commit('DISABLE_MULTISELECT_MODE')
},
goBack() {
@@ -66,47 +81,6 @@
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.go-back-button {
.icon-back {
pointer-events: none;
opacity: 0.15;
vertical-align: middle;
cursor: pointer;
margin-top: -2px;
margin-right: 4px;
&.is-visible {
pointer-events: initial;
visibility: visible;
opacity: 1;
}
}
}
.directory-name {
line-height: 1;
width: 100%;
vertical-align: middle;
color: $text;
font-weight: 700;
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.more-actions-button {
position: relative;
.tap-area {
path, line, polyline, rect, circle {
stroke: $text;
}
}
}
.dark {
.directory-name {

9
resources/js/components/Teams/Components/TeamMembersButton.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="w-28">
<div v-if="! teamFolder" class="text-center">
<span class="dark:text-gray-500 text-gray-600 mr-0.5 text-tiny">
<div v-if="! teamFolder" class="md:text-center text-right">
<span class="dark:text-gray-500 text-gray-600 md:mr-0.5 mr-3 text-tiny align-middle">
{{ $t('Not selected') }}
</span>
</div>
<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="32" class="justify-center" />
<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="size" class="md:justify-center justify-end" />
</div>
</template>
@@ -18,6 +18,9 @@
components: {
TeamMembersPreview,
},
props: [
'size'
],
computed: {
...mapGetters([
'currentTeamFolder',

2
resources/js/components/Teams/Components/TeamMembersPreview.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="team-folder">
<span v-if="limit && membersCount > 3" class="member-count">
3+
+{{ membersCount - 3 }}
</span>
<div class="members">
<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview z-10">

5
resources/js/helpers/functionHelpers.js vendored
View File

@@ -392,6 +392,11 @@ const FunctionHelpers = {
Vue.prototype.$showViewOptions = function () {
events.$emit('mobile-menu:show', 'file-sorting')
}
// TODO: refactor other methods
Vue.prototype.$showMobileMenu = function (name) {
events.$emit('mobile-menu:show', name)
}
}
}

15
resources/js/views/FileView/SharedWithMe.vue
View File

@@ -20,6 +20,12 @@
</OptionGroup>
</MobileCreateMenu>
<MobileTeamContextMenu>
<OptionGroup>
<Option @click.native="$detachMeFromTeamFolder(teamFolder)" :title="$t('Leave the Team Folder')" icon="user-minus" />
</OptionGroup>
</MobileTeamContextMenu>
<MobileMultiSelectToolbar>
<ToolbarButton v-if="canEdit" @click.native="$moveFileOrFolder(clipboard)" class="action-btn" source="move" :action="$t('actions.move')" :class="{'is-inactive' : clipboard.length < 1}" />
<ToolbarButton v-if="canEdit" @click.native="$deleteFileOrFolder(clipboard)" class="action-btn" source="trash" :class="{'is-inactive' : clipboard.length < 1}" :action="$t('actions.delete')" />
@@ -113,6 +119,7 @@
</template>
<script>
import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
@@ -130,14 +137,13 @@
import Option from '/resources/js/components/FilesView/Option'
import { mapGetters } from 'vuex'
import {events} from "../../bus";
import Vue from "vue";
import router from "../../router";
export default {
name: 'SharedWithMe',
components: {
MobileActionButtonUpload,
MobileMultiSelectToolbar,
MobileTeamContextMenu,
MobileActionButton,
MobileContextMenu,
MobileCreateMenu,
@@ -159,6 +165,11 @@
'config',
'user',
]),
teamFolder() {
return this.currentTeamFolder
? this.currentTeamFolder
: this.clipboard[0]
},
canEdit() {
if (this.currentTeamFolder && this.user) {
let member = this.currentTeamFolder.data.relationships.members.data.find(member => member.data.id === this.user.data.id)

17
resources/js/views/FileView/TeamFolders.vue
View File

@@ -30,6 +30,13 @@
</OptionGroup>
</MobileCreateMenu>
<MobileTeamContextMenu>
<OptionGroup>
<Option @click.native="$updateTeamFolder(teamFolder)" :title="$t('Edit Members')" icon="rename" />
<Option @click.native="$dissolveTeamFolder(teamFolder)" :title="$t('Dissolve Team')" icon="trash" />
</OptionGroup>
</MobileTeamContextMenu>
<MobileMultiSelectToolbar>
<ToolbarButton @click.native="$moveFileOrFolder(clipboard)" class="action-btn" source="move" :action="$t('actions.move')" :class="{'is-inactive' : clipboard.length < 1}" />
<ToolbarButton @click.native="$deleteFileOrFolder(clipboard)" class="action-btn" source="trash" :class="{'is-inactive' : clipboard.length < 1}" :action="$t('actions.delete')" />
@@ -129,6 +136,7 @@
</template>
<script>
import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
@@ -146,14 +154,13 @@
import Option from '/resources/js/components/FilesView/Option'
import { mapGetters } from 'vuex'
import {events} from "../../bus";
import Vue from "vue";
import router from "../../router";
export default {
name: 'TeamFolders',
components: {
MobileActionButtonUpload,
MobileMultiSelectToolbar,
MobileTeamContextMenu,
MobileActionButton,
MobileContextMenu,
MobileCreateMenu,
@@ -170,10 +177,16 @@
},
computed: {
...mapGetters([
'currentTeamFolder',
'clipboard',
'config',
'user',
]),
teamFolder() {
return this.currentTeamFolder
? this.currentTeamFolder
: this.clipboard[0]
},
isTeamFolderHomepage() {
return this.$isThisRoute(this.$route, ['TeamFolders'])
&& ! this.$route.params.id

1
tailwind.config.js vendored
View File

@@ -1,6 +1,5 @@
module.exports = {
purge: { content: ['./resources/js/**/*.{js,jsx,ts,tsx,vue}',] },
mode: 'jit',
darkMode: 'class', // or 'media' or 'class'
theme: {
debugScreens: {