- App popup for creating folder in mobile version

- bug fixes
This commit is contained in:
Peter Papp
2020-12-19 13:47:14 +01:00
parent 55cf58fffd
commit e92d9344b9
18 changed files with 389 additions and 280 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+77 -63
View File
@@ -1,65 +1,79 @@
{ {
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=f9e2884f49a692b2dc37", "/js/main.js": "/js/main.js",
"/js/main.js": "/js/main.js?id=f84b0c22d69ac92df246", "/css/app.css": "/css/app.css",
"/css/app.css": "/css/app.css?id=8f6d5dcb7110a726e142", "/chunks/admin.js": "/chunks/admin.js?id=5807ec412746448047f9",
"/chunks/admin.js": "/chunks/admin.js?id=5c1ef019716afc67775b", "/chunks/admin-account.js": "/chunks/admin-account.js?id=d820e99a25f40cc97570",
"/chunks/admin-account.js": "/chunks/admin-account.js?id=16cd99641f6c1cb6788a", "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~2d9ff916.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~2d9ff916.js?id=1ad1b7b56512338223eb",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=3043f5ab051b9cac9ab7", "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~01aef58e.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~01aef58e.js?id=6c02fe91a2e167b63a98",
"/chunks/app-billings.js": "/chunks/app-billings.js?id=b4d28bec8835085f885f", "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js?id=312acc0ff7daa010eea5",
"/chunks/app-email.js": "/chunks/app-email.js?id=24fc0cc212e9b893bb09", "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=03e587de7dd10fba3ead",
"/chunks/app-index.js": "/chunks/app-index.js?id=c1c8101bd90f630ac6bf", "/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=fd3c7242b5c765b469e4",
"/chunks/app-others.js": "/chunks/app-others.js?id=c73372ee9f62d01c74d1", "/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=ebb1b6ed1df237b56cd9",
"/chunks/app-payments.js": "/chunks/app-payments.js?id=83608af3a7e34ac062d4", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=9df028786df5d3279ab9",
"/chunks/app-settings.js": "/chunks/app-settings.js?id=466c6bfc5ab7b883e443", "/chunks/app-billings.js": "/chunks/app-billings.js?id=2b87899e656ed382d260",
"/chunks/app-setup.js": "/chunks/app-setup.js?id=652f0ab8a6423dd24906", "/chunks/app-email.js": "/chunks/app-email.js?id=2e5a1b525d335367cfc1",
"/chunks/billings-detail.js": "/chunks/billings-detail.js?id=b955f8dcd6890a1b45ca", "/chunks/app-index.js": "/chunks/app-index.js?id=05747ca2c86a1daea9cd",
"/chunks/contact-us.js": "/chunks/contact-us.js?id=a5150dcf81c8e1ab23a4", "/chunks/app-others.js": "/chunks/app-others.js?id=55e1ec30bdca87c1adef",
"/chunks/create-new-password.js": "/chunks/create-new-password.js?id=58c543c4f92b5ca9a284", "/chunks/app-payments.js": "/chunks/app-payments.js?id=796c7c2cfb9c6c39c8a7",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=6dfd3a558e6c5d943dbc", "/chunks/app-settings.js": "/chunks/app-settings.js?id=b85ce942737e25c37b8a",
"/chunks/database.js": "/chunks/database.js?id=dbb3c73c995c7ee55015", "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js?id=99eb5ed6af46738c97e0",
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=08a0c2de8f93e0222600", "/chunks/app-setup.js": "/chunks/app-setup.js?id=78bbf0b2065cf270dbe6",
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=3b6455db55e44d265c86", "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=573e29a00589cb5d3489",
"/chunks/files.js": "/chunks/files.js?id=6f430d943830045b9386", "/chunks/contact-us.js": "/chunks/contact-us.js?id=7ded3c3e9668eea6c15c",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=7ff98232e7b4cc5d2c2a", "/chunks/contact-us~chunks/dynamic-page~chunks/landing-page.js": "/chunks/contact-us~chunks/dynamic-page~chunks/landing-page.js?id=96ac1ede73f3fc9afa37",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=f8a13783dc40aad197b5", "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=278eef02eace89698f20",
"/chunks/invoices.js": "/chunks/invoices.js?id=2bf3d16c86c9a512d7cd", "/chunks/dashboard.js": "/chunks/dashboard.js?id=62896779642616a310ca",
"/chunks/landing-page.js": "/chunks/landing-page.js?id=00d49e4ffb54dc5abb5b", "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.js?id=ec096692af2fbfca8f8d",
"/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=53d4f9c58bdac1e568c7", "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=d7795f20187163939276",
"/chunks/page-edit.js": "/chunks/page-edit.js?id=e3dbad6c75184042d2e6", "/chunks/database.js": "/chunks/database.js?id=c7aa7caa9126b1ecdffa",
"/chunks/pages.js": "/chunks/pages.js?id=178f763a036b4ee9a366", "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=1d8ee4bfbcde69c97021",
"/chunks/plan.js": "/chunks/plan.js?id=7ea9ddff467ab749441a", "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=86093752b39920044fda",
"/chunks/plan-create.js": "/chunks/plan-create.js?id=b40c3e16a94a55fc9397", "/chunks/files.js": "/chunks/files.js?id=df220a83e5e418f6f816",
"/chunks/plan-delete.js": "/chunks/plan-delete.js?id=61c8edfbdad6904435ed", "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js?id=e285e842f58178d681c4",
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=2be8a0aaf9e6968e158e", "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=c1a9470e6aeaf187346b",
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=60b05b4391ec24649eaf", "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=825fdc29b64056380220",
"/chunks/plans.js": "/chunks/plans.js?id=dccd289b5aeda9003aca", "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=06fc72f0d9a057bb8f18",
"/chunks/profile.js": "/chunks/profile.js?id=91714cf4f6ca568515d6", "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=8a5dfc3d2d07db1102db",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=82446c77da50e52cf1bd", "/chunks/invoices.js": "/chunks/invoices.js?id=2352574bc22e5e3f7dac",
"/chunks/settings.js": "/chunks/settings.js?id=0cfc9ad9196a31d29811", "/chunks/landing-page.js": "/chunks/landing-page.js?id=dabf50b10edb2ae2f388",
"/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=72bc6c0599e6d6095ddd", "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=6666b81edc5ff6f60e82",
"/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=daad8173619d5d047c0d", "/chunks/page-edit.js": "/chunks/page-edit.js?id=f7e24a5841604313332a",
"/chunks/settings-password.js": "/chunks/settings-password.js?id=9424e701a221958e50e8", "/chunks/pages.js": "/chunks/pages.js?id=7ec1c496031ff8478b51",
"/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=66ad9cb43ef678407e3e", "/chunks/plan.js": "/chunks/plan.js?id=cc041fb9c2cb9ad8f0ff",
"/chunks/settings-storage.js": "/chunks/settings-storage.js?id=6af5afc7c03b54e80984", "/chunks/plan-create.js": "/chunks/plan-create.js?id=a66d8ae3a6edd08b755b",
"/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=1be617484ada2cd04bd7", "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=0732885b6e0839afe66e",
"/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=47090233afc7b0cdf855", "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=445ca1affcefaf37cbfc",
"/chunks/shared-files.js": "/chunks/shared-files.js?id=040ad18de0a2504c0f63", "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=8372954a6c160302859d",
"/chunks/shared-page.js": "/chunks/shared-page.js?id=a563d5d477a6b8c5c536", "/chunks/plans.js": "/chunks/plans.js?id=0941e8c0e85e81162cc8",
"/chunks/sign-in.js": "/chunks/sign-in.js?id=ec080714b24154cf1081", "/chunks/profile.js": "/chunks/profile.js?id=b91a5757f57bdaee120d",
"/chunks/sign-up.js": "/chunks/sign-up.js?id=0d8b571bcf5a54f073fd", "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=a44394b1fa09f996a9fd",
"/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=099fd6800da190981a1c", "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=8c92667fa59dc9fd7ac7",
"/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=a1582c9b65d4b9df716e", "/chunks/settings.js": "/chunks/settings.js?id=0be829a409b9cbcb9bfc",
"/chunks/subscription-service.js": "/chunks/subscription-service.js?id=67403d4466f7e7c5701d", "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=25225a758b04d6d48617",
"/chunks/upgrade.js": "/chunks/upgrade.js?id=a414b418fb4f7c37287f", "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=c7499d2d79bf9620dfa5",
"/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=985dd231a8395f6a01d2", "/chunks/settings-password.js": "/chunks/settings-password.js?id=015ead5623aee1a543cf",
"/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=a66c2011e6e99d0880de", "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=1810248d2c5931651314",
"/chunks/user.js": "/chunks/user.js?id=614b75d3e823cde8ab9f", "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=013b6f15f907caaecd1e",
"/chunks/user-create.js": "/chunks/user-create.js?id=2bd3bf90450c1ae1a9e1", "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=6172a89afe3b27cb76cd",
"/chunks/user-delete.js": "/chunks/user-delete.js?id=08acb6b552540d60131f", "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=99b4f321902fe6b0eb23",
"/chunks/user-detail.js": "/chunks/user-detail.js?id=cf402ad5f8e4a19bfa6c", "/chunks/shared-files.js": "/chunks/shared-files.js?id=a4a7afe2dce51f7b9128",
"/chunks/user-invoices.js": "/chunks/user-invoices.js?id=968a95bf02cb6a5cf064", "/chunks/shared-page.js": "/chunks/shared-page.js?id=3e8e62a30607dab18812",
"/chunks/user-password.js": "/chunks/user-password.js?id=59afc7db6a7c0b40781e", "/chunks/sign-in.js": "/chunks/sign-in.js?id=ddb0ae9561462e691ce3",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=cb0b4bfb94595993795f", "/chunks/sign-up.js": "/chunks/sign-up.js?id=be89f6dcf7372d23668f",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=893d245c41391543de25", "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=0e09f1509a73646c3198",
"/chunks/users.js": "/chunks/users.js?id=3b3ae7c11ce24170045c" "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=7a4e1ba1d08b0bb37453",
"/chunks/subscription-service.js": "/chunks/subscription-service.js?id=f672876adcf877e6e126",
"/chunks/upgrade.js": "/chunks/upgrade.js?id=1c94ed3f8c2c366f730b",
"/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=638ac716c4995894563c",
"/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=7e805915ede7c330c6d1",
"/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=ecc3c773b7c8ff422cf7",
"/chunks/user.js": "/chunks/user.js?id=1e0f9c8cab76e5ef871f",
"/chunks/user-create.js": "/chunks/user-create.js?id=fb808e071ab049b55490",
"/chunks/user-delete.js": "/chunks/user-delete.js?id=9c7eb4dab2be288cb884",
"/chunks/user-detail.js": "/chunks/user-detail.js?id=43545e2d110b40a47756",
"/chunks/user-invoices.js": "/chunks/user-invoices.js?id=b05dcb7e7ad2f4959e52",
"/chunks/user-password.js": "/chunks/user-password.js?id=57fe622e9a03e834d6fa",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=76465e9a36a2ab78eff3",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=e9528debb38dc1654cef",
"/chunks/users.js": "/chunks/users.js?id=78680d85246eba5b175f"
} }
+173 -172
View File
@@ -7,13 +7,13 @@
<div id="application-wrapper" v-if="! isGuestLayout"> <div id="application-wrapper" v-if="! isGuestLayout">
<!-- Full File Preview --> <!-- Full File Preview -->
<FileFullPreview /> <FileFullPreview/>
<!--Mobile Navigation--> <!--Mobile Navigation-->
<MobileNavigation /> <MobileNavigation/>
<!--Confirm Popup--> <!--Confirm Popup-->
<Confirm /> <Confirm/>
<!--Share Item setup--> <!--Share Item setup-->
<ShareCreate/> <ShareCreate/>
@@ -22,6 +22,9 @@
<!--Rename folder or file item--> <!--Rename folder or file item-->
<RenameItem/> <RenameItem/>
<!--Create folder in mobile version-->
<CreateFolder/>
<!--Move item setup--> <!--Move item setup-->
<MoveItem/> <MoveItem/>
@@ -51,7 +54,7 @@
<router-view v-if="isGuestLayout"/> <router-view v-if="isGuestLayout"/>
<CookieDisclaimer /> <CookieDisclaimer/>
<!--Background vignette--> <!--Background vignette-->
<Vignette/> <Vignette/>
@@ -59,187 +62,185 @@
</template> </template>
<script> <script>
import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview' import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview'
import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu' import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu'
import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper' import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper'
import FileFullPreview from '@/components/FilesView/FileFullPreview' import FileFullPreview from '@/components/FilesView/FileFullPreview'
import MobileNavigation from '@/components/Others/MobileNavigation' import MobileNavigation from '@/components/Others/MobileNavigation'
import CookieDisclaimer from '@/components/Others/CookieDisclaimer' import CookieDisclaimer from '@/components/Others/CookieDisclaimer'
import DragUI from '@/components/FilesView/DragUI' import CreateFolder from '@/components/Others/CreateFolder'
import MobileMenu from '@/components/FilesView/MobileMenu' import MobileMenu from '@/components/FilesView/MobileMenu'
import ShareCreate from '@/components/Others/ShareCreate' import ShareCreate from '@/components/Others/ShareCreate'
import Confirm from '@/components/Others/Popup/Confirm' import Confirm from '@/components/Others/Popup/Confirm'
import RenameItem from '@/components/Others/RenameItem' import RenameItem from '@/components/Others/RenameItem'
import ShareEdit from '@/components/Others/ShareEdit' import ShareEdit from '@/components/Others/ShareEdit'
import MoveItem from '@/components/Others/MoveItem' import MoveItem from '@/components/Others/MoveItem'
import Vignette from '@/components/Others/Vignette' import Vignette from '@/components/Others/Vignette'
import MenuBar from '@/components/Sidebar/MenuBar' import DragUI from '@/components/FilesView/DragUI'
import Alert from '@/components/FilesView/Alert' import MenuBar from '@/components/Sidebar/MenuBar'
import {includes} from 'lodash' import Alert from '@/components/FilesView/Alert'
import {mapGetters} from 'vuex' import { includes } from 'lodash'
import {events} from "./bus" import { mapGetters } from 'vuex'
import { events } from './bus'
export default { export default {
name: 'app', name: 'app',
components: { components: {
MobileSortingAndPreview, MobileSortingAndPreview,
MobileMultiSelectMenu, MobileMultiSelectMenu,
MobileNavigation, MobileNavigation,
CookieDisclaimer, CookieDisclaimer,
FileFullPreview, FileFullPreview,
DragUI, ToastrWrapper,
ToastrWrapper, CreateFolder,
ShareCreate, ShareCreate,
RenameItem, MobileMenu,
MobileMenu, RenameItem,
ShareEdit, ShareEdit,
MoveItem, MoveItem,
Vignette, Vignette,
Confirm, Confirm,
MenuBar, MenuBar,
Alert, DragUI,
}, Alert
computed: { },
...mapGetters([ computed: {
'isLogged', 'isGuest', 'config' ...mapGetters([
]), 'isLogged', 'isGuest', 'config'
isGuestLayout() { ]),
return (includes([ isGuestLayout() {
'InstallationDisclaimer', return (includes([
'SubscriptionService', 'InstallationDisclaimer',
'StripeCredentials', 'SubscriptionService',
'SubscriptionPlans', 'StripeCredentials',
'ForgottenPassword', 'SubscriptionPlans',
'CreateNewPassword', 'ForgottenPassword',
'EnvironmentSetup', 'CreateNewPassword',
'VerifyByPassword', 'EnvironmentSetup',
'SaaSLandingPage', 'VerifyByPassword',
'BillingsDetail', 'SaaSLandingPage',
'NotFoundShared', 'BillingsDetail',
'AdminAccount', 'NotFoundShared',
'PurchaseCode', 'AdminAccount',
'DynamicPage', 'PurchaseCode',
'SharedPage', 'DynamicPage',
'ContactUs', 'SharedPage',
'AppSetup', 'ContactUs',
'Database', 'AppSetup',
'Upgrade', 'Database',
'SignIn', 'Upgrade',
'SignUp', 'SignIn',
], this.$route.name) 'SignUp'
) ], this.$route.name)
} )
},
data() {
return {
isScaledDown: false,
}
},
methods: {
unClick () {
events.$emit('sortingAndPreview', false)
}
},
beforeMount() {
// Store config to vuex
this.$store.commit('INIT', {
authCookie: this.$root.$data.config.hasAuthCookie,
config: this.$root.$data.config,
rootDirectory: {
name: this.$t('locations.home'),
location: 'base',
unique_id: 0,
}
})
// Get installation state
let installation = this.$root.$data.config.installation
// Redirect to database verify code
if ( installation === 'setup-database') {
this.$router.push({name: 'PurchaseCode'})
}
// Redirect to starting installation process
if ( installation === 'setup-disclaimer' ) {
this.$router.push({name: 'InstallationDisclaimer'})
}
},
mounted() {
this.$checkOS()
// Handle mobile navigation scale animation
events.$on('show:mobile-navigation', () => this.isScaledDown = true)
events.$on('hide:mobile-navigation', () => this.isScaledDown = false)
events.$on('mobileMenu:show', () => this.isScaledDown = true)
events.$on('fileItem:deselect', () => this.isScaledDown = false)
events.$on('mobileSortingAndPreview', (state) => {
this.isScaledDown = state
})
} }
},
data() {
return {
isScaledDown: false
}
},
methods: {
unClick() {
events.$emit('sortingAndPreview', false)
}
},
beforeMount() {
// Store config to vuex
this.$store.commit('INIT', {
authCookie: this.$root.$data.config.hasAuthCookie,
config: this.$root.$data.config,
rootDirectory: {
name: this.$t('locations.home'),
location: 'base',
unique_id: 0
}
})
// Get installation state
let installation = this.$root.$data.config.installation
// Redirect to database verify code
if (installation === 'setup-database')
this.$router.push({ name: 'PurchaseCode' })
// Redirect to starting installation process
if (installation === 'setup-disclaimer')
this.$router.push({ name: 'InstallationDisclaimer' })
},
mounted() {
this.$checkOS()
// Handle mobile navigation scale animation
events.$on('show:mobile-navigation', () => this.isScaledDown = true)
events.$on('hide:mobile-navigation', () => this.isScaledDown = false)
events.$on('mobileMenu:show', () => this.isScaledDown = true)
events.$on('fileItem:deselect', () => this.isScaledDown = false)
events.$on('mobileSortingAndPreview', state => this.isScaledDown = state)
} }
}
</script> </script>
<style lang="scss"> <style lang="scss">
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@import '@assets/vue-file-manager/_variables'; @import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins'; @import '@assets/vue-file-manager/_mixins';
[v-cloak], [v-cloak],
[v-cloak] > * { [v-cloak] > * {
display: none display: none
}
* {
outline: 0;
margin: 0;
padding: 0;
font-family: 'Nunito', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: 16px;
text-decoration: none;
color: $text;
}
#auth {
width: 100%;
height: 100%;
}
#vue-file-manager {
position: absolute;
width: 100%;
height: 100%;
overflow-y: auto;
scroll-behavior: smooth;
}
@media only screen and (max-width: 690px) {
.is-scaled-down {
@include transform(scale(0.95));
} }
}
// Dark mode support
@media (prefers-color-scheme: dark) {
* { * {
outline: 0; color: $dark_mode_text_primary;
margin: 0;
padding: 0;
font-family: 'Nunito', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: 16px;
text-decoration: none;
color: $text;
} }
#auth { body, html {
width: 100%; background: $dark_mode_background;
height: 100%; color: $dark_mode_text_primary;
}
#vue-file-manager { img {
position: absolute; opacity: .95;
width: 100%;
height: 100%;
overflow-y: auto;
scroll-behavior:smooth;
}
@media only screen and (max-width: 690px) {
.is-scaled-down {
@include transform(scale(0.95));
}
}
// Dark mode support
@media (prefers-color-scheme: dark) {
* {
color: $dark_mode_text_primary;
}
body, html {
background: $dark_mode_background;
color: $dark_mode_text_primary;
img {
opacity: .95;
}
} }
} }
}
</style> </style>
@@ -3,6 +3,14 @@
<!-- ContextMenu for File Preview --> <!-- ContextMenu for File Preview -->
<div class="menu-options" id="menu-list" v-if="showFromPreview"> <div class="menu-options" id="menu-list" v-if="showFromPreview">
<ul class="menu-option-group"> <ul class="menu-option-group">
<li class="menu-option" @click="renameItem" v-if="multiSelectContextMenu">
<div class="icon">
<edit2-icon size="17"></edit2-icon>
</div>
<div class="text-label">
{{ $t('context_menu.rename') }}
</div>
</li>
<li class="menu-option" @click="moveItem"> <li class="menu-option" @click="moveItem">
<div class="icon"> <div class="icon">
<corner-down-right-icon size="17"></corner-down-right-icon> <corner-down-right-icon size="17"></corner-down-right-icon>
@@ -475,8 +483,7 @@ export default {
} }
}, },
createFolder() { createFolder() {
// Create folder this.$store.dispatch('createFolder', this.$t('popup_create_folder.folder_default_name'))
this.$createFolder(this.$t('popup_create_folder.folder_default_name'))
}, },
closeAndResetContextMenu() { closeAndResetContextMenu() {
// Close context menu // Close context menu
@@ -183,7 +183,7 @@ export default {
this.$store.dispatch('deleteItem') this.$store.dispatch('deleteItem')
}, },
createFolder() { createFolder() {
this.$createFolder() this.$store.dispatch('createFolder', this.$t('popup_create_folder.folder_default_name'))
}, },
moveItem() { moveItem() {
events.$emit('popup:open', { name: 'move', item: this.fileInfoDetail }) events.$emit('popup:open', { name: 'move', item: this.fileInfoDetail })
@@ -172,7 +172,7 @@ export default {
align-items: center; align-items: center;
.file-shadow { .file-shadow {
box-shadow: 0 8px 40px rgba(17, 26, 52, 0.15); box-shadow: 0 8px 40px rgba(17, 26, 52, 0.05);
} }
.file { .file {
@@ -228,7 +228,7 @@ export default {
background-color: $dark_mode_background; background-color: $dark_mode_background;
.file-wrapper { .file-wrapper {
.file-shadow { .file-shadow {
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
} }
} }
} }
@@ -85,7 +85,8 @@
events.$emit('mobileSelecting:stop') events.$emit('mobileSelecting:stop')
} }
}, },
mobileSortingAndPreview (oldValue , newValue) { mobileSortingAndPreview () {
// TODO: co to
if(this.mobileSortingAndPreview) { if(this.mobileSortingAndPreview) {
events.$emit('mobileSortingAndPreview' , true) events.$emit('mobileSortingAndPreview' , true)
events.$emit('mobileSortingAndPreviewVignette' , true) events.$emit('mobileSortingAndPreviewVignette' , true)
@@ -100,16 +101,7 @@
}, },
methods: { methods: {
createFolder() { createFolder() {
if (this.$isMobile()) { events.$emit('popup:open', {name: 'create-folder'})
// Get folder name
let folderName = prompt(this.$t('popup_create_folder.title'))
// Create folder
if (folderName) this.$createFolder(folderName)
} else {
// Create folder
this.$createFolder(this.$t('popup_create_folder.folder_default_name'))
}
}, },
}, },
mounted () { mounted () {
@@ -120,8 +112,6 @@
events.$on('mobileSortingAndPreview', (state) => { events.$on('mobileSortingAndPreview', (state) => {
this.mobileSortingAndPreview = state this.mobileSortingAndPreview = state
}) })
} }
} }
</script> </script>
@@ -77,7 +77,7 @@ export default {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 99; z-index: 9;
overflow: hidden; overflow: hidden;
background: white; background: white;
@@ -84,11 +84,12 @@ export default {
this.filter.field = field this.filter.field = field
console.log(this.filter);
// Set sorting direction // Set sorting direction
if (this.filter.sort === 'DESC') if (this.filter.sort === 'DESC')
this.filter.sort = 'ASC' this.filter.sort = 'ASC'
else if (this.filter.sort === 'ASC')
if (this.filter.sort === 'ASC')
this.filter.sort = 'DESC' this.filter.sort = 'DESC'
// Save to localStorage sorting options // Save to localStorage sorting options
@@ -0,0 +1,95 @@
<template>
<PopupWrapper name="create-folder">
<!--Title-->
<PopupHeader :title="$t('popup_create_folder.title')" icon="edit" />
<!--Content-->
<PopupContent>
<!--Form to set sharing-->
<ValidationObserver @submit.prevent="createFolder" ref="createForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<!--Set password-->
<ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Title" rules="required" v-slot="{ errors }">
<label class="input-label">{{ $t('popup_create_folder.label') }}:</label>
<input v-model="name" :class="{'is-error': errors[0]}" type="text" :placeholder="$t('popup_create_folder.placeholder')">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</PopupContent>
<!--Actions-->
<PopupActions>
<ButtonBase
class="popup-button"
@click.native="$closePopup()"
button-style="secondary"
>{{ $t('popup_move_item.cancel') }}
</ButtonBase>
<ButtonBase
class="popup-button"
@click.native="createFolder"
button-style="theme"
>{{ $t('popup_create_folder.title') }}
</ButtonBase>
</PopupActions>
</PopupWrapper>
</template>
<script>
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
import PopupActions from '@/components/Others/Popup/PopupActions'
import PopupContent from '@/components/Others/Popup/PopupContent'
import PopupHeader from '@/components/Others/Popup/PopupHeader'
import ThumbnailItem from '@/components/Others/ThumbnailItem'
import ActionButton from '@/components/Others/ActionButton'
import ButtonBase from '@/components/FilesView/ButtonBase'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import axios from 'axios'
export default {
name: 'CreateFolder',
components: {
ValidationProvider,
ValidationObserver,
ThumbnailItem,
ActionButton,
PopupWrapper,
PopupActions,
PopupContent,
PopupHeader,
ButtonBase,
required,
},
data() {
return {
name: undefined,
}
},
methods: {
async createFolder() {
// Validate fields
const isValid = await this.$refs.createForm.validate();
if (isValid) {
this.$store.dispatch('createFolder', this.name)
this.$closePopup()
}
},
},
}
</script>
<style scoped lang="scss">
@import "@assets/vue-file-manager/_inapp-forms.scss";
@import '@assets/vue-file-manager/_forms';
.item-thumbnail {
margin-bottom: 20px;
}
</style>
+1 -10
View File
@@ -13,7 +13,7 @@
<ValidationObserver @submit.prevent="changeName" ref="renameForm" v-slot="{ invalid }" tag="form" class="form-wrapper"> <ValidationObserver @submit.prevent="changeName" ref="renameForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<!--Set password--> <!--Set password-->
<ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Password" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Name" rules="required" v-slot="{ errors }">
<label class="input-label">{{ $t('popup_rename.label') }}:</label> <label class="input-label">{{ $t('popup_rename.label') }}:</label>
<input v-model="pickedItem.name" :class="{'is-error': errors[0]}" type="text" :placeholder="$t('popup_rename.placeholder')"> <input v-model="pickedItem.name" :class="{'is-error': errors[0]}" type="text" :placeholder="$t('popup_rename.placeholder')">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
@@ -106,15 +106,6 @@
// Store picked item // Store picked item
this.pickedItem = args.item this.pickedItem = args.item
}) })
// Close popup
events.$on('popup:close', () => {
// Restore data
setTimeout(() => {
//
}, 150)
})
} }
} }
</script> </script>
-4
View File
@@ -72,10 +72,6 @@ const Helpers = {
win.focus() win.focus()
} }
Vue.prototype.$createFolder = function(folderName) {
this.$store.dispatch('createFolder', folderName)
}
Vue.prototype.$handleUploading = async function(files, parent_id) { Vue.prototype.$handleUploading = async function(files, parent_id) {
let fileBuffer = [] let fileBuffer = []
+4 -2
View File
@@ -517,8 +517,10 @@
"message": "File of this type ({mimetype}) is not allowed to upload." "message": "File of this type ({mimetype}) is not allowed to upload."
}, },
"popup_create_folder": { "popup_create_folder": {
"folder_default_name": "新文件夹", "folder_default_name": "New Folder",
"title": "请填入新文件夹名称" "title": "Create Folder",
"label": "Type Name",
"placeholder": "Type your name"
}, },
"popup_delete_card": { "popup_delete_card": {
"message": "此事件不可逆转,您的付款卡将被永久删除", "message": "此事件不可逆转,您的付款卡将被永久删除",
+6 -4
View File
@@ -518,10 +518,6 @@
"title": "Oh No", "title": "Oh No",
"message": "File of this type ({mimetype}) is not allowed to upload." "message": "File of this type ({mimetype}) is not allowed to upload."
}, },
"popup_create_folder": {
"folder_default_name": "New Folder",
"title": "Please enter your new folder name"
},
"popup_delete_card": { "popup_delete_card": {
"message": "This event is irreversible and your payment card will be delete forever", "message": "This event is irreversible and your payment card will be delete forever",
"title": "Are you sure?" "title": "Are you sure?"
@@ -568,6 +564,12 @@
"label": "Edit Name", "label": "Edit Name",
"placeholder": "Type your title" "placeholder": "Type your title"
}, },
"popup_create_folder": {
"folder_default_name": "New Folder",
"title": "Create Folder",
"label": "Type Name",
"placeholder": "Type your name"
},
"popup_set_card": { "popup_set_card": {
"message": "Your card will be set as default and will be always charged for the next billings.", "message": "Your card will be set as default and will be always charged for the next billings.",
"title": "Set as default card?" "title": "Set as default card?"
+3 -1
View File
@@ -520,7 +520,9 @@
}, },
"popup_create_folder": { "popup_create_folder": {
"folder_default_name": "Nový priečinok", "folder_default_name": "Nový priečinok",
"title": "Prosím, vložte názov nového priečinka" "title": "Vytvoriť priečinok",
"label": "Napíš meno",
"placeholder": "Prosím, vložte názov nového priečinka"
}, },
"popup_delete_card": { "popup_delete_card": {
"message": "Táto udalosť je nezvratná a vaša platobná karta bude navždy odstránená", "message": "Táto udalosť je nezvratná a vaša platobná karta bude navždy odstránená",
+3 -1
View File
@@ -64,8 +64,10 @@ const actions = {
commit('REMOVE_ITEM', item.unique_id) commit('REMOVE_ITEM', item.unique_id)
commit('INCREASE_FOLDER_ITEM', to_item.unique_id) commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
if (item.type === 'folder' && getters.currentFolder.location !== 'public') if (item.type === 'folder')
dispatch('getAppData') dispatch('getAppData')
if ( getters.currentFolder.location === 'public')
dispatch('getFolderTree')
}) })
}) })
.catch(() => Vue.prototype.$isSomethingWrong()) .catch(() => Vue.prototype.$isSomethingWrong())
+6
View File
@@ -26,6 +26,12 @@ mix.js('resources/js/main.js', 'public/js')
chunkFilename: '[name].js?id=[chunkhash]', chunkFilename: '[name].js?id=[chunkhash]',
} }
}) })
/*.options({
hmrOptions: {
host: '192.168.1.198',
port: '8080'
},
}*/
.disableNotifications(); .disableNotifications();
if (mix.inProduction()) { if (mix.inProduction()) {