nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 16:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend refactoring

Browse Source
This commit is contained in:
Peter Papp
2021-08-10 17:49:22 +02:00
parent 98688b81c0
commit dc60ba972f
203 changed files with 1309 additions and 1302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/FilePreview/FilePreview.vue
View File

@@ -14,9 +14,9 @@
</template>
<script>
import FilePreviewToolbar from '@/components/FilePreview/FilePreviewToolbar'
import FilePreviewMedia from '@/components/FilePreview/FilePreviewMedia'
import {events} from '@/bus'
import FilePreviewToolbar from '/resources/js/components/FilePreview/FilePreviewToolbar'
import FilePreviewMedia from '/resources/js/components/FilePreview/FilePreviewMedia'
import {events} from '/resources/js/bus'
export default {
name: 'FilePreview',
@@ -54,7 +54,7 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_variables';
.file-preview {
width: 100%;

18
resources/js/components/FilePreview/FilePreviewMedia.vue
View File

@@ -30,14 +30,14 @@
<script>
import {ChevronLeftIcon, ChevronRightIcon} from 'vue-feather-icons'
import ToolbarButton from '@/components/FilesView/ToolbarButton'
import ImageFile from '@/components/FilePreview/Media/ImageFile'
import PdfFile from '@/components/FilePreview/Media/PdfFile'
import Audio from '@/components/FilePreview/Media/Audio'
import Video from '@/components/FilePreview/Media/Video'
import Spinner from '@/components/FilesView/Spinner'
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import ImageFile from '/resources/js/components/FilePreview/Media/ImageFile'
import PdfFile from '/resources/js/components/FilePreview/Media/PdfFile'
import Audio from '/resources/js/components/FilePreview/Media/Audio'
import Video from '/resources/js/components/FilePreview/Media/Video'
import Spinner from '/resources/js/components/FilesView/Spinner'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FilePreviewMedia',
@@ -160,8 +160,8 @@ export default {
</script>
<style lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.navigation-arrows {

16
resources/js/components/FilePreview/FilePreviewToolbar.vue
View File

@@ -43,15 +43,15 @@
</template>
<script>
import PopoverWrapper from '@/components/Desktop/PopoverWrapper'
import PopoverItem from '@/components/Desktop/PopoverItem'
import OptionGroup from '@/components/FilesView/OptionGroup'
import Option from '@/components/FilesView/Option'
import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import Option from '/resources/js/components/FilesView/Option'
import ToolbarButton from '@/components/FilesView/ToolbarButton'
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import {XIcon, MoreHorizontalIcon} from 'vue-feather-icons'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FilePreviewToolbar',
@@ -156,8 +156,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.name-wrapper {
width: 33%;

2
resources/js/components/FilePreview/Media/Audio.vue
View File

@@ -1,6 +1,6 @@
<template>
<audio
:class="{'file-shadow': ! this.$isMobile() }"
:class="{'file-shadow': ! $isMobile() }"
class="file audio"
:src="file.file_url"
controls>

2
resources/js/components/FilePreview/Media/ImageFile.vue
View File

@@ -2,7 +2,7 @@
<img
id="printable-file"
class="file"
:class="{'file-shadow': ! this.$isMobile() }"
:class="{'file-shadow': ! $isMobile() }"
:src="file.file_url"
/>
</template>

4
resources/js/components/FilePreview/Media/PdfFile.vue
View File

@@ -9,7 +9,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import pdf from 'pdfvuer'
export default {
@@ -79,7 +79,7 @@
<style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_variables';
#pdf-wrapper {
border-radius: 8px;

4
resources/js/components/FilePreview/Media/Video.vue
View File

@@ -3,7 +3,7 @@
<video
:src="file.file_url"
class="video"
:class="{'file-shadow': !this.$isMobile() }"
:class="{'file-shadow': !$isMobile() }"
controlsList="nodownload"
disablePictureInPicture
playsinline
@@ -23,7 +23,7 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_variables';
.video-wrapper {
max-width: 1080px;