nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-24 01:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes:

Browse Source 
- [x] Ipad landscape in teams missing heads widget
- [x] Ipad portrait (sm) full screen mode
- [x] Ipad landscape add file handler button
- [x] In recent upload, shared items and trash is search instead spotlight text button
- [x] Dissapearing mobile context menu animation is buggy
- [x] Fileitemgrid in single shared item refactoring
- [x] Ipad landscape add eye icon to show info details list/grid
This commit is contained in:
Čarodej
2021-11-01 11:22:23 +01:00
parent 1e515ede88
commit e6133d6071
19 changed files with 212 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/views/FileView/MySharedItems.vue
+1 -1
View File
@@ -50,7 +50,7 @@
<FileActionsMobile>
<MobileActionButton @click.native="$openSpotlight" icon="search">
{{ $t('actions.search')}}
{{ $t('Spotlight')}}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
resources/js/views/FileView/Public.vue
+2 -2
View File
@@ -74,7 +74,7 @@
<FileActionsMobile>
<template v-if="$checkPermission('editor')">
<MobileActionButton @click.native="$openSpotlight" icon="search">
{{ $t('actions.search') }}
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('create-list')" icon="cloud-plus">
{{ $t('mobile.create') }}
@@ -88,7 +88,7 @@
</template>
<template v-if="$checkPermission('visitor')">
<MobileActionButton @click.native="$openSpotlight" icon="search">
{{ $t('actions.search')}}
{{ $t('Spotlight')}}
</MobileActionButton>
<MobileActionButton @click.native="$enableMultiSelectMode" icon="check-square">
{{ $t('context_menu.select') }}
resources/js/views/FileView/RecentUploads.vue
+1 -1
View File
@@ -41,7 +41,7 @@
<FileActionsMobile>
<MobileActionButton @click.native="$openSpotlight" icon="search">
{{ $t('actions.search')}}
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
resources/js/views/FileView/Trash.vue
+1 -1
View File
@@ -44,7 +44,7 @@
<FileActionsMobile>
<MobileActionButton @click.native="$openSpotlight" icon="search">
{{ $t('actions.search')}}
{{ $t('Spotlight')}}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
resources/js/views/Platform.vue
+5 -5
View File
@@ -1,5 +1,5 @@
<template>
<div class="sm:flex md:h-screen md:overflow-hidden">
<div class="lg:flex lg:h-screen lg:overflow-hidden">
<!--On Top of App Components-->
<FilePreview />
@@ -35,25 +35,25 @@
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="md:grid md:content-start sm:flex-grow sm:px-3.5 transition-transform duration-200"
class="lg:grid lg:content-start lg:flex-grow lg:px-3.5 transition-transform duration-200"
>
<DesktopToolbar />
<MobileToolbar />
<!--File list & info sidebar-->
<div class="flex space-x-6 md:overflow-hidden md:h-screen">
<div class="flex space-x-6 lg:overflow-hidden lg:h-screen">
<router-view
id="file-view"
:class="{'2xl:w-5/6 md:w-4/6 w-full': isVisibleSidebar, 'w-full': ! isVisibleSidebar}"
:class="{'2xl:w-5/6 lg:w-4/6 w-full': isVisibleSidebar, 'w-full': ! isVisibleSidebar}"
class="relative"
:key="$route.fullPath"
/>
<InfoSidebar
v-if="isVisibleSidebar"
class="2xl:w-72 w-2/6 overflow-y-auto overflow-x-hidden h-screen md:block hidden"
class="2xl:w-72 w-2/6 overflow-y-auto overflow-x-hidden h-screen lg:block hidden"
/>
</div>
</div>
resources/js/views/Shared/SharedSingleFile.vue
+13 -45
View File
@@ -1,10 +1,14 @@
<template>
<div id="single-file">
<div class="single-file-wrapper">
<!-- TODO: fix-->
<!-- <FileItemGrid v-if="sharedFile" :item="sharedFile.data.attributes" :context-menu="false"/>-->
<div class="h-screen flex justify-center items-center">
<div>
<ItemGrid
v-if="sharedFile"
:entry="sharedFile"
:highlight="true"
:mobile-handler="true"
/>
<ButtonBase @click.native="download" class="download-button" button-style="theme">
<ButtonBase @click.native="download" button-style="theme">
{{ $t('page_shared.download_file') }}
</ButtonBase>
</div>
@@ -13,12 +17,14 @@
<script>
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {mapGetters} from "vuex";
import ItemGrid from "../../components/FilesView/ItemGrid"
import {mapGetters} from "vuex"
export default {
name: 'SharedSingleItem',
components: {
ButtonBase,
ItemGrid,
},
computed: {
...mapGetters([
@@ -41,42 +47,4 @@
}
}
}
</script>
<style lang="scss">
#single-file {
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
display: grid;
height: 100%;
.single-file-wrapper {
margin: auto;
text-align: center;
.download-button {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
}
/deep/ .file-wrapper {
.file-item {
width: 290px;
&:hover, &.is-clicked {
background: transparent;
}
.item-shared {
display: none;
}
}
}
}
</style>
</script>