nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 08:12:15 +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

12
resources/js/components/Admin/WidgetLatestRegistrations.vue
View File

@@ -44,11 +44,11 @@
</template>
<script>
import DatatableCellImage from '@/components/Others/Tables/DatatableCellImage'
import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
import WidgetWrapper from '@/components/Admin/WidgetWrapper'
import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
import WidgetWrapper from '/resources/js/components/Admin/WidgetWrapper'
import {Trash2Icon, Edit2Icon} from "vue-feather-icons"
import ColorLabel from '@/components/Others/ColorLabel'
import ColorLabel from '/resources/js/components/Others/ColorLabel'
import axios from 'axios'
export default {
@@ -110,8 +110,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.dark-mode {

6
resources/js/components/Admin/WidgetTotals.vue
View File

@@ -11,7 +11,7 @@
</template>
<script>
import WidgetWrapper from '@/components/Admin/WidgetWrapper'
import WidgetWrapper from '/resources/js/components/Admin/WidgetWrapper'
import { UsersIcon, StarIcon, HardDriveIcon, ChevronRightIcon } from 'vue-feather-icons'
export default {
@@ -28,8 +28,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.widget-value {
margin-top: 10px;

4
resources/js/components/Admin/WidgetWrapper.vue
View File

@@ -30,8 +30,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.widget-content {
@include widget-card;

4
resources/js/components/Auth/AuthButton.vue
View File

@@ -28,8 +28,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.button {
cursor: pointer;

6
resources/js/components/Desktop/PopoverItem.vue
View File

@@ -5,7 +5,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'PopoverItem',
@@ -33,8 +33,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.popover-item {
min-width: 250px;

4
resources/js/components/Desktop/ToolbarWrapper.vue
View File

@@ -11,8 +11,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.toolbar-tools {
text-align: right;

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;

8
resources/js/components/FilesView/Alert.vue
View File

@@ -23,8 +23,8 @@
</template>
<script>
import ButtonBase from '@/components/FilesView/ButtonBase'
import {events} from '@/bus'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {events} from '/resources/js/bus'
export default {
name: 'AlertPopup',
@@ -96,8 +96,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup {
position: absolute;

4
resources/js/components/FilesView/ButtonBase.vue
View File

@@ -22,8 +22,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.button-base {
@include font-size(15);

4
resources/js/components/FilesView/ButtonUpload.vue
View File

@@ -31,8 +31,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.button-base {
@include font-size(15);

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

@@ -15,7 +15,7 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_variables';
.select-box {
min-width: 20px;

10
resources/js/components/FilesView/ContextMenu.vue
View File

@@ -157,10 +157,10 @@
</template>
<script>
import OptionGroup from '@/components/FilesView/OptionGroup'
import Option from '@/components/FilesView/Option'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import Option from '/resources/js/components/FilesView/Option'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'ContextMenu',
@@ -331,8 +331,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.no-options {
/deep/ .text-label {

12
resources/js/components/FilesView/CreateListMobile.vue
View File

@@ -10,13 +10,13 @@
</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 MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
import Option from '/resources/js/components/FilesView/Option'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FileMenuMobile',

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

@@ -64,20 +64,20 @@
</template>
<script>
import FileSortingOptions from '@/components/FilesView/FileSortingOptions'
import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
import {ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
import UploadProgress from '@/components/FilesView/UploadProgress'
import PopoverWrapper from '@/components/Desktop/PopoverWrapper'
import ToolbarWrapper from '@/components/Desktop/ToolbarWrapper'
import ToolbarButton from '@/components/FilesView/ToolbarButton'
import OptionUpload from '@/components/FilesView/OptionUpload'
import ToolbarGroup from '@/components/Desktop/ToolbarGroup'
import OptionGroup from '@/components/FilesView/OptionGroup'
import PopoverItem from '@/components/Desktop/PopoverItem'
import SearchBar from '@/components/FilesView/SearchBar'
import Option from '@/components/FilesView/Option'
import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
import ToolbarWrapper from '/resources/js/components/Desktop/ToolbarWrapper'
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
import ToolbarGroup from '/resources/js/components/Desktop/ToolbarGroup'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
import SearchBar from '/resources/js/components/FilesView/SearchBar'
import Option from '/resources/js/components/FilesView/Option'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import {last} from 'lodash'
export default {
@@ -229,8 +229,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.is-inactive {
opacity: 0.25;

8
resources/js/components/FilesView/DragUI.vue
View File

@@ -9,9 +9,9 @@
</template>
<script>
import TitlePreview from '@/components/FilesView/TitlePreview'
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
import { mapGetters } from 'vuex'
import { events } from '@/bus'
import { events } from '/resources/js/bus'
export default {
name: 'DragUI',
@@ -80,8 +80,8 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
#drag-ui {
max-width: 300px;

8
resources/js/components/FilesView/EmptyFilePage.vue
View File

@@ -33,8 +33,8 @@
</template>
<script>
import ButtonUpload from '@/components/FilesView/ButtonUpload'
import Spinner from '@/components/FilesView/Spinner'
import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
import Spinner from '/resources/js/components/FilesView/Spinner'
import {mapGetters} from 'vuex'
export default {
@@ -61,8 +61,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.empty-page {
position: absolute;

4
resources/js/components/FilesView/EmptyMessage.vue
View File

@@ -20,8 +20,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.empty-message {
text-align: center;

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

@@ -125,11 +125,11 @@
</template>
<script>
import MobileActionButtonUpload from '@/components/FilesView/MobileActionButtonUpload'
import MobileActionButton from '@/components/FilesView/MobileActionButton'
import UploadProgress from '@/components/FilesView/UploadProgress'
import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import store from "../../store";
export default {
@@ -201,8 +201,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.button-enter-active,
.button-leave-active {

20
resources/js/components/FilesView/FileBrowser.vue
View File

@@ -75,15 +75,15 @@
</template>
<script>
import FileActionsMobile from '@/components/FilesView/FileActionsMobile'
import MobileToolbar from '@/components/FilesView/MobileToolbar'
import EmptyFilePage from '@/components/FilesView/EmptyFilePage'
import EmptyMessage from '@/components/FilesView/EmptyMessage'
import FileItemList from '@/components/FilesView/FileItemList'
import FileItemGrid from '@/components/FilesView/FileItemGrid'
import InfoSidebar from '@/components/FilesView/InfoSidebar'
import FileActionsMobile from '/resources/js/components/FilesView/FileActionsMobile'
import MobileToolbar from '/resources/js/components/FilesView/MobileToolbar'
import EmptyFilePage from '/resources/js/components/FilesView/EmptyFilePage'
import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
import FileItemList from '/resources/js/components/FilesView/FileItemList'
import FileItemGrid from '/resources/js/components/FilesView/FileItemGrid'
import InfoSidebar from '/resources/js/components/FilesView/InfoSidebar'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import {debounce} from "lodash";
export default {
@@ -246,8 +246,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.file-list {
.dragged {

8
resources/js/components/FilesView/FileFilterMobile.vue
View File

@@ -15,10 +15,10 @@
</template>
<script>
import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
import OptionGroup from '@/components/FilesView/OptionGroup'
import MenuMobile from '@/components/Mobile/MenuMobile'
import Option from '@/components/FilesView/Option'
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
import Option from '/resources/js/components/FilesView/Option'
import {mapGetters} from 'vuex'
export default {

12
resources/js/components/FilesView/FileItemGrid.vue
View File

@@ -2,7 +2,7 @@
<div class="file-wrapper" @mouseup.stop="clickedItem" @dblclick="goToItem" spellcheck="false">
<div :draggable="canDrag" @dragstart="$emit('dragstart')" @drop="
drop()
area = false" @dragleave="dragLeave" @dragover.prevent="dragEnter" class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && this.$isMobile(), 'is-dragenter': area }">
area = false" @dragleave="dragLeave" @dragover.prevent="dragEnter" class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && $isMobile(), 'is-dragenter': area }">
<!--Thumbnail for item-->
<div class="icon-item">
@@ -62,11 +62,11 @@
<script>
import {LinkIcon, UserPlusIcon, MoreHorizontalIcon} from 'vue-feather-icons'
import FolderIcon from '@/components/FilesView/FolderIcon'
import CheckBox from '@/components/FilesView/CheckBox'
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
import CheckBox from '/resources/js/components/FilesView/CheckBox'
import {debounce} from 'lodash'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FileItemGrid',
@@ -302,8 +302,8 @@ export default {
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.check-box {
margin-right: 10px;

12
resources/js/components/FilesView/FileItemList.vue
View File

@@ -6,7 +6,7 @@
@drop="drop()"
@dragleave="dragLeave"
@dragover.prevent="dragEnter"
class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && this.$isMobile(), 'is-dragenter': area }"
class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && $isMobile(), 'is-dragenter': area }"
>
<!-- MultiSelecting for the mobile version -->
<transition name="slide-from-left">
@@ -69,11 +69,11 @@
<script>
import {LinkIcon, UserPlusIcon, MoreVerticalIcon} from 'vue-feather-icons'
import FolderIcon from '@/components/FilesView/FolderIcon'
import CheckBox from '@/components/FilesView/CheckBox'
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
import CheckBox from '/resources/js/components/FilesView/CheckBox'
import {debounce} from 'lodash'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FileItemList',
@@ -306,8 +306,8 @@ export default {
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.slide-from-left-move {

16
resources/js/components/FilesView/FileMenuMobile.vue
View File

@@ -72,13 +72,13 @@
</template>
<script>
import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
import MenuMobile from '@/components/Mobile/MenuMobile'
import ThumbnailItem from '@/components/Others/ThumbnailItem'
import OptionGroup from '@/components/FilesView/OptionGroup'
import Option from '@/components/FilesView/Option'
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import Option from '/resources/js/components/FilesView/Option'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'FileMenuMobile',
@@ -140,8 +140,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.item-thumbnail {
padding: 20px 20px 10px;

6
resources/js/components/FilesView/FileSortingMobile.vue
View File

@@ -7,9 +7,9 @@
</template>
<script>
import FileSortingOptions from '@/components/FilesView/FileSortingOptions'
import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
import MenuMobile from '@/components/Mobile/MenuMobile'
import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
export default {
name: 'FilterSortingMobile',

4
resources/js/components/FilesView/FileSortingOptions.vue
View File

@@ -13,8 +13,8 @@
<script>
import OptionGroup from '@/components/FilesView/OptionGroup'
import Option from '@/components/FilesView/Option'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import Option from '/resources/js/components/FilesView/Option'
import { ArrowUpIcon } from 'vue-feather-icons'
import { mapGetters } from 'vuex'

6
resources/js/components/FilesView/FolderIcon.vue
View File

@@ -15,7 +15,7 @@
</template>
<script>
import Emoji from '@/components/Others/Emoji'
import Emoji from '/resources/js/components/Others/Emoji'
export default {
name: 'FolderIcon',
@@ -52,8 +52,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
// Locations
.file-item-list {

4
resources/js/components/FilesView/ImageMetaData.vue
View File

@@ -108,8 +108,8 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.meta-data-list {
list-style: none;

16
resources/js/components/FilesView/InfoSidebar.vue
View File

@@ -90,16 +90,16 @@
</template>
<script>
import FilePreviewDetail from '@/components/Others/FilePreviewDetail'
import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
import ImageMetaData from '@/components/FilesView/ImageMetaData'
import EmptyMessage from '@/components/FilesView/EmptyMessage'
import TitlePreview from '@/components/FilesView/TitlePreview'
import CopyShareLink from '@/components/Others/Forms/CopyShareLink'
import ListInfoItem from '@/components/Others/ListInfoItem'
import ListInfo from '@/components/Others/ListInfo'
import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
import ListInfo from '/resources/js/components/Others/ListInfo'
import {mapGetters} from 'vuex'
import {events} from "@/bus"
import {events} from '/resources/js/bus'
export default {
name: 'InfoSidebar',

8
resources/js/components/FilesView/MobileActionButton.vue
View File

@@ -28,8 +28,8 @@
<script>
import { SearchIcon, 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'
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
export default {
name: 'MobileActionButton',
@@ -60,8 +60,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.mobile-action-button {
background: $light_background;

4
resources/js/components/FilesView/MobileActionButtonUpload.vue
View File

@@ -34,8 +34,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.mobile-action-button {
background: $light_background;

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

@@ -21,11 +21,11 @@
</template>
<script>
import ToolbarButton from '@/components/FilesView/ToolbarButton'
import SearchBar from '@/components/FilesView/SearchBar'
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import SearchBar from '/resources/js/components/FilesView/SearchBar'
import { MenuIcon, ChevronLeftIcon } from 'vue-feather-icons'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import {last} from 'lodash'
export default {
@@ -82,8 +82,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.mobile-toolbar {
background: white;

8
resources/js/components/FilesView/MultiSelectToolbarMobile.vue
View File

@@ -15,9 +15,9 @@
</template>
<script>
import ToolbarButton from '@/components/FilesView/ToolbarButton'
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'MultiSelectToolbarMobile',
@@ -67,8 +67,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.multiselect-actions {
display: flex;

6
resources/js/components/FilesView/Option.vue
View File

@@ -46,7 +46,7 @@
</template>
<script>
import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
import AlphabetIcon from '/resources/js/components/FilesView/Icons/AlphabetIcon'
import {
ArrowUpIcon,
ArrowDownIcon,
@@ -130,8 +130,8 @@ import {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.menu-option {
white-space: nowrap;

4
resources/js/components/FilesView/OptionGroup.vue
View File

@@ -11,8 +11,8 @@
</script>
<style scoped lang="scss" scoped>
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.menu-option-group {
padding: 5px 0;

6
resources/js/components/FilesView/OptionUpload.vue
View File

@@ -18,7 +18,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import {
UploadCloudIcon,
} from 'vue-feather-icons'
@@ -41,8 +41,8 @@ import {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.menu-option {
white-space: nowrap;

6
resources/js/components/FilesView/ProcessingPopup.vue
View File

@@ -15,7 +15,7 @@
</template>
<script>
import Spinner from '@/components/FilesView/Spinner'
import Spinner from '/resources/js/components/FilesView/Spinner'
import { mapGetters } from 'vuex'
export default {
@@ -32,8 +32,8 @@ export default {
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.spinner-wrapper {
padding-bottom: 90px;

4
resources/js/components/FilesView/ProgressBar.vue
View File

@@ -12,8 +12,8 @@ export default {
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.progress-bar {
width: 100%;

6
resources/js/components/FilesView/SearchBar.vue
View File

@@ -13,7 +13,7 @@
<script>
import {SearchIcon} from 'vue-feather-icons'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'SearchBar',
@@ -34,8 +34,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.search-bar {
position: relative;

4
resources/js/components/FilesView/Spinner.vue
View File

@@ -11,8 +11,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
#loading-bar-spinner.spinner {
left: 50%;

4
resources/js/components/FilesView/TitlePreview.vue
View File

@@ -41,8 +41,8 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.wrapper {
display: flex;

8
resources/js/components/FilesView/ToolbarButton.vue
View File

@@ -21,8 +21,8 @@
</template>
<script>
import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
import CloudPlusIcon from '@/components/FilesView/Icons/CloudPlusIcon'
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
import {
UserPlusIcon,
CornerDownRightIcon,
@@ -70,8 +70,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.preview-sorting {
transform: scale(1.3);

8
resources/js/components/FilesView/UploadProgress.vue
View File

@@ -25,10 +25,10 @@
</template>
<script>
import ProgressBar from '@/components/FilesView/ProgressBar'
import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'UploadProgress',
@@ -55,8 +55,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.sync-alt {
animation: spin 1s linear infinite;

6
resources/js/components/Index/Components/PageTitle.vue
View File

@@ -15,9 +15,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.page-title {
position: relative;

4
resources/js/components/Index/Components/PricingTables.vue
View File

@@ -49,8 +49,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.plans-wrapper {
box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);

8
resources/js/components/Index/IndexGetStarted.vue
View File

@@ -41,7 +41,7 @@
</template>
<script>
import PageTitle from '@/components/Index/Components/PageTitle'
import PageTitle from '/resources/js/components/Index/Components/PageTitle'
import {
ChevronRightIcon,
UploadCloudIcon,
@@ -88,9 +88,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.icons {

6
resources/js/components/Index/IndexHeroScreenshot.vue
View File

@@ -57,9 +57,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.icons {

8
resources/js/components/Index/IndexMainFeatures.vue
View File

@@ -51,7 +51,7 @@
<script>
import { UserIcon, CloudIcon, HardDriveIcon } from 'vue-feather-icons'
import PageTitle from '@/components/Index/Components/PageTitle'
import PageTitle from '/resources/js/components/Index/Components/PageTitle'
import { mapGetters } from 'vuex'
export default {
@@ -69,9 +69,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.features {
padding-left: 75px;

6
resources/js/components/Index/IndexNavigation.vue
View File

@@ -55,9 +55,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.main-navigation {
justify-content: space-between;

6
resources/js/components/Index/IndexPageFooter.vue
View File

@@ -39,9 +39,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
footer {
text-align: center;

10
resources/js/components/Index/IndexPageHeader.vue
View File

@@ -33,8 +33,8 @@
<script>
import HardDriveIcon from "vue-feather-icons/icons/HardDriveIcon";
import PageTitle from '@/components/Index/Components/PageTitle'
import AuthButton from '@/components/Auth/AuthButton'
import PageTitle from '/resources/js/components/Index/Components/PageTitle'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import { CreditCardIcon } from 'vue-feather-icons'
import { mapGetters } from 'vuex'
@@ -53,9 +53,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.features {
display: flex;

10
resources/js/components/Index/IndexPricingTables.vue
View File

@@ -21,8 +21,8 @@
</template>
<script>
import PricingTables from '@/components/Index/Components/PricingTables'
import AuthButton from '@/components/Auth/AuthButton'
import PricingTables from '/resources/js/components/Index/Components/PricingTables'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import { CloudIcon } from 'vue-feather-icons'
import { mapGetters } from 'vuex'
@@ -51,9 +51,9 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_landing-page';
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_landing-page';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.pricing {
.cloud-bg {

6
resources/js/components/Mobile/MenuMobile.vue
View File

@@ -7,7 +7,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'MenuMobile',
@@ -38,8 +38,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.options {
position: absolute;

4
resources/js/components/Mobile/MenuMobileGroup.vue
View File

@@ -11,8 +11,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.menu-options {
margin-top: 10px;

6
resources/js/components/Mobile/MobileHeader.vue
View File

@@ -17,7 +17,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import {
ChevronLeftIcon,
@@ -45,8 +45,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.mobile-header {
padding: 10px 0;

4
resources/js/components/Others/ActionButton.vue
View File

@@ -22,8 +22,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.action-button {
cursor: pointer;

4
resources/js/components/Others/ColorLabel.vue
View File

@@ -12,8 +12,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.color-label {
text-transform: capitalize;

4
resources/js/components/Others/ColorPicker.vue
View File

@@ -66,8 +66,8 @@ export default {
</script>
<style lang="scss" scoped>
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.color-pick-wrapper {
.color-wrapper {

8
resources/js/components/Others/ContentFileView.vue
View File

@@ -7,10 +7,10 @@
</template>
<script>
import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
import FileBrowser from '@/components/FilesView/FileBrowser'
import ContextMenu from '@/components/FilesView/ContextMenu'
import {events} from '@/bus'
import DesktopToolbar from '/resources/js/components/FilesView/DesktopToolbar'
import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
import {events} from '/resources/js/bus'
export default {
name: 'FilesView',

4
resources/js/components/Others/CookieDisclaimer.vue
View File

@@ -40,8 +40,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.cookie-wrapper {
@include widget-card;

22
resources/js/components/Others/CreateFolderPopup.vue
View File

@@ -43,16 +43,16 @@
<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 SetFolderIcon from '@/components/Others/SetFolderIcon'
import ActionButton from '@/components/Others/ActionButton'
import ButtonBase from '@/components/FilesView/ButtonBase'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
import SetFolderIcon from '/resources/js/components/Others/SetFolderIcon'
import ActionButton from '/resources/js/components/Others/ActionButton'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'CreateFolderPopup',
@@ -118,8 +118,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.item-thumbnail {
margin-bottom: 20px;

18
resources/js/components/Others/CreateLanguage.vue
View File

@@ -48,14 +48,14 @@
<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 SelectInput from '@/components/Others/Forms/SelectInput'
import ButtonBase from '@/components/FilesView/ButtonBase'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import axios from 'axios'
export default {
@@ -855,8 +855,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.item-thumbnail {
margin-bottom: 20px;

20
resources/js/components/Others/CreatePersonaTokenPopup.vue
View File

@@ -58,15 +58,15 @@
<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 CopyInput from '@/components/Others/Forms/CopyInput'
import ButtonBase from '@/components/FilesView/ButtonBase'
import InfoBox from '@/components/Others/Forms/InfoBox'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import CopyInput from '/resources/js/components/Others/Forms/CopyInput'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
import axios from 'axios'
export default {
@@ -123,8 +123,8 @@ export default {
</script>
<style lang="scss" scoped>
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.dark-mode {

4
resources/js/components/Others/Emoji.vue
View File

@@ -29,8 +29,8 @@ export default {
</script>
<style lang="scss" scoped>
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.emoji-container {
font-size: inherit;

10
resources/js/components/Others/EmojiPicker.vue
View File

@@ -76,11 +76,11 @@
<script>
import {ChevronDownIcon, XIcon} from 'vue-feather-icons'
import Spinner from '@/components/FilesView/Spinner'
import Emoji from '@/components/Others/Emoji'
import Spinner from '/resources/js/components/FilesView/Spinner'
import Emoji from '/resources/js/components/Others/Emoji'
import {mapGetters} from 'vuex'
import {groupBy} from 'lodash'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
@@ -207,8 +207,8 @@ export default {
</script>
<style lang="scss" scoped>
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.select-emoji-wrapper {
margin-bottom: 20px;

4
resources/js/components/Others/EmptyPageContent.vue
View File

@@ -30,8 +30,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.empty-page-content {
width: 100%;

4
resources/js/components/Others/FilePreviewDetail.vue
View File

@@ -26,8 +26,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.preview {
width: 100%;

8
resources/js/components/Others/Forms/CopyInput.vue
View File

@@ -55,10 +55,10 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import "@assets/vuefilemanager/_forms.scss";
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import "resources/sass/vuefilemanager/_forms.scss";
.multi-icon {
display: flex;

10
resources/js/components/Others/Forms/CopyShareLink.vue
View File

@@ -15,7 +15,7 @@
<script>
import { LinkIcon, CheckIcon, SendIcon } from 'vue-feather-icons'
import { events } from '@/bus'
import { events } from '/resources/js/bus'
export default {
name: 'CopyShareLink',
@@ -63,10 +63,10 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import "@assets/vuefilemanager/_forms.scss";
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import "resources/sass/vuefilemanager/_forms.scss";
.multi-icon {
display: flex;

4
resources/js/components/Others/Forms/FormLabel.vue
View File

@@ -31,8 +31,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.form-label {
display: flex;

4
resources/js/components/Others/Forms/ImageInput.vue
View File

@@ -85,8 +85,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.dropzone {
border: 1px dashed #a1abc2;

4
resources/js/components/Others/Forms/InfoBox.vue
View File

@@ -12,8 +12,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.info-box {
padding: 20px;

6
resources/js/components/Others/Forms/MultiEmailInput.vue
View File

@@ -16,7 +16,7 @@
<script>
import { XIcon } from 'vue-feather-icons'
import { events } from '@/bus'
import { events } from '/resources/js/bus'
export default {
name: 'MultiEmailInput',
@@ -91,8 +91,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.wrapper {
margin-bottom: 20px;

6
resources/js/components/Others/Forms/SearchInput.vue
View File

@@ -41,9 +41,9 @@ export default {
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '@assets/vuefilemanager/_forms';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_forms';
.search-bar {
padding: 7px 0px;

8
resources/js/components/Others/Forms/SelectBoxInput.vue
View File

@@ -40,10 +40,10 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import "@assets/vuefilemanager/_forms.scss";
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import "resources/sass/vuefilemanager/_forms.scss";
.select-box {
display: flex;

4
resources/js/components/Others/Forms/SelectInput.vue
View File

@@ -111,8 +111,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.select {
position: relative;

4
resources/js/components/Others/Forms/SetupBox.vue
View File

@@ -14,8 +14,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.setup-box {
padding: 20px;

4
resources/js/components/Others/Forms/SwitchInput.vue
View File

@@ -39,8 +39,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.input-wrapper {
display: flex;

6
resources/js/components/Others/Layout/PageTab.vue
View File

@@ -8,7 +8,7 @@
</template>
<script>
import Spinner from '@/components/FilesView/Spinner'
import Spinner from '/resources/js/components/FilesView/Spinner'
export default {
name: 'PageTab',
@@ -20,6 +20,6 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
</style>

4
resources/js/components/Others/Layout/PageTabGroup.vue
View File

@@ -11,8 +11,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.page-tab-group {
margin-bottom: 65px;

4
resources/js/components/Others/ListInfo.vue
View File

@@ -11,6 +11,6 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
</style>

4
resources/js/components/Others/ListInfoItem.vue
View File

@@ -14,8 +14,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.list-info-item {
display: block;

14
resources/js/components/Others/MobileNavigation.vue
View File

@@ -52,11 +52,11 @@
</template>
<script>
import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
import OptionGroup from '@/components/FilesView/OptionGroup'
import UserHeadline from '@/components/Sidebar/UserHeadline'
import MenuMobile from '@/components/Mobile/MenuMobile'
import Option from '@/components/FilesView/Option'
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
import UserHeadline from '/resources/js/components/Sidebar/UserHeadline'
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
import Option from '/resources/js/components/FilesView/Option'
import {ChevronLeftIcon} from 'vue-feather-icons'
import {mapGetters} from 'vuex'
@@ -115,8 +115,8 @@
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_variables";
@import "@assets/vuefilemanager/_mixins";
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.user-info {
padding: 20px 20px 10px;

24
resources/js/components/Others/MoveItemPopup.vue
View File

@@ -41,18 +41,18 @@
</template>
<script>
import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
import PopupActions from '@/components/Others/Popup/PopupActions'
import TitlePreview from '@/components/FilesView/TitlePreview'
import PopupContent from '@/components/Others/Popup/PopupContent'
import PopupHeader from '@/components/Others/Popup/PopupHeader'
import ThumbnailItem from '@/components/Others/ThumbnailItem'
import ButtonBase from '@/components/FilesView/ButtonBase'
import Spinner from '@/components/FilesView/Spinner'
import TreeMenu from '@/components/Others/TreeMenu'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import Spinner from '/resources/js/components/FilesView/Spinner'
import TreeMenu from '/resources/js/components/Others/TreeMenu'
import {isArray, isNull} from 'lodash'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'MoveItemPopup',
@@ -158,8 +158,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.item-thumbnail {
margin-bottom: 20px;

4
resources/js/components/Others/Notifications/ToastrItem.vue → resources/js/components/Others/Notifications/ToasterItem.vue
View File

@@ -40,8 +40,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.fade-enter-active,
.fade-leave-active {

12
resources/js/components/Others/Notifications/ToastrWrapper.vue → resources/js/components/Others/Notifications/ToasterWrapper.vue
View File

@@ -1,16 +1,16 @@
<template>
<div id="toastr-wrapper">
<ToastrItem :item="item" v-for="(item, i) in notifications" :key="i"/>
<ToasterItem :item="item" v-for="(item, i) in notifications" :key="i"/>
</div>
</template>
<script>
import ToastrItem from '@/components/Others/Notifications/ToastrItem'
import {events} from "@/bus";
import ToasterItem from '/resources/js/components/Others/Notifications/ToasterItem'
import {events} from '/resources/js/bus'
export default {
components: {
ToastrItem,
ToasterItem,
},
data() {
return {
@@ -24,8 +24,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.toastr-list {
transition: all 5s ease;

4
resources/js/components/Others/PageHeader.vue
View File

@@ -24,8 +24,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.page-header {
display: flex;

6
resources/js/components/Others/PlanPricingTables.vue
View File

@@ -28,7 +28,7 @@
</template>
<script>
import ButtonBase from '@/components/FilesView/ButtonBase'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {HardDriveIcon} from "vue-feather-icons"
import { mapGetters } from 'vuex'
import axios from 'axios'
@@ -72,8 +72,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.plan {
text-align: center;

14
resources/js/components/Others/Popup/ConfirmPopup.vue
View File

@@ -27,11 +27,11 @@
</template>
<script>
import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
import PopupActions from '@/components/Others/Popup/PopupActions'
import PopupContent from '@/components/Others/Popup/PopupContent'
import ButtonBase from '@/components/FilesView/ButtonBase'
import {events} from '@/bus'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {events} from '/resources/js/bus'
export default {
name: 'ConfirmPopup',
@@ -83,8 +83,8 @@
</script>
<style scoped lang="scss">
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup-image {
padding-top: 20px;

4
resources/js/components/Others/Popup/PopupActions.vue
View File

@@ -11,8 +11,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.actions {
padding: 20px;

4
resources/js/components/Others/Popup/PopupContent.vue
View File

@@ -14,8 +14,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup-content {
&.height-limited {

6
resources/js/components/Others/Popup/PopupHeader.vue
View File

@@ -15,7 +15,7 @@
<script>
import {KeyIcon, CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon, ShareIcon} from 'vue-feather-icons'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'PopupHeader',
@@ -39,8 +39,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup-header {
padding: 20px;

6
resources/js/components/Others/Popup/PopupWrapper.vue
View File

@@ -9,7 +9,7 @@
</template>
<script>
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'PopupWrapper',
@@ -52,8 +52,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup {
position: absolute;

22
resources/js/components/Others/RenameItemPopup.vue
View File

@@ -46,17 +46,17 @@
<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 SetFolderIcon from '@/components/Others/SetFolderIcon'
import ThumbnailItem from '@/components/Others/ThumbnailItem'
import ActionButton from '@/components/Others/ActionButton'
import ButtonBase from '@/components/FilesView/ButtonBase'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import SetFolderIcon from '/resources/js/components/Others/SetFolderIcon'
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
import ActionButton from '/resources/js/components/Others/ActionButton'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {XIcon} from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import {events} from '/resources/js/bus'
export default {
name: 'RenameItemPopup',
@@ -145,8 +145,8 @@ export default {
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.input {
position: relative;

4
resources/js/components/Others/SectionTitle.vue
View File

@@ -11,8 +11,8 @@
</script>
<style lang="scss" scoped>
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.text-label {
@include font-size(12);

Some files were not shown because too many files have changed in this diff Show More