mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
tailwind 3 upgrade part 2
This commit is contained in:
@@ -139,8 +139,8 @@ export default {
|
|||||||
|
|
||||||
<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 '/resources/sass/vuefilemanager/_variables';
|
@import '../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
@apply dark:bg-dark-foreground bg-white sm:p-6 p-4 rounded-xl lg:mb-6 mb-5
|
@apply dark:bg-dark-foreground bg-white sm:p-6 p-4 rounded-xl lg:mb-6 mb-5
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
|
|
||||||
.file-preview {
|
.file-preview {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -160,8 +160,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.navigation-arrows {
|
.navigation-arrows {
|
||||||
|
|
||||||
|
|||||||
@@ -171,8 +171,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.name-wrapper {
|
.name-wrapper {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
|
|||||||
@@ -1,21 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="pdf-wrapper" :style="{width: documentSize + '%'}">
|
<div id="pdf-wrapper" :style="{width: documentSize + '%'}">
|
||||||
<pdf :src="pdfData" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
|
<!-- <pdf :src="pdfData" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
|
||||||
<template slot="loading">
|
<template slot="loading">
|
||||||
<h1>loading content...</h1>
|
<h1>loading content...</h1>
|
||||||
</template>
|
</template>
|
||||||
</pdf>
|
</pdf>-->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
//todo: resolve pdf
|
||||||
|
|
||||||
import {events} from "../../../bus";
|
import {events} from "../../../bus";
|
||||||
import pdf from 'pdfvuer'
|
//import pdf from 'pdfvuer'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'PdfFile',
|
name: 'PdfFile',
|
||||||
components: {
|
components: {
|
||||||
pdf,
|
//pdf,
|
||||||
},
|
},
|
||||||
props: [
|
props: [
|
||||||
'file'
|
'file'
|
||||||
@@ -39,9 +41,9 @@
|
|||||||
|
|
||||||
let self = this;
|
let self = this;
|
||||||
|
|
||||||
self.pdfData = pdf.createLoadingTask(this.file.data.attributes.file_url);
|
//self.pdfData = pdf.createLoadingTask(this.file.data.attributes.file_url);
|
||||||
|
|
||||||
self.pdfData.then(pdf => self.numPages = pdf.numPages);
|
//self.pdfData.then(pdf => self.numPages = pdf.numPages);
|
||||||
},
|
},
|
||||||
getDocumentSize() {
|
getDocumentSize() {
|
||||||
if (window.innerWidth < 960) {
|
if (window.innerWidth < 960) {
|
||||||
@@ -77,9 +79,9 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>
|
<!--<style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>-->
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
|
|
||||||
#pdf-wrapper {
|
#pdf-wrapper {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
|
|
||||||
.video-wrapper {
|
.video-wrapper {
|
||||||
max-width: 1080px;
|
max-width: 1080px;
|
||||||
|
|||||||
@@ -96,8 +96,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@@ -22,8 +22,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.button-base {
|
.button-base {
|
||||||
@include font-size(15);
|
@include font-size(15);
|
||||||
|
|||||||
@@ -31,8 +31,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.button-base {
|
.button-base {
|
||||||
@include font-size(15);
|
@include font-size(15);
|
||||||
|
|||||||
@@ -116,20 +116,20 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
|
import FileSortingOptions from "./FileSortingOptions";
|
||||||
import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
|
import UploadProgress from "./UploadProgress";
|
||||||
import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
|
import PopoverWrapper from "../Desktop/PopoverWrapper";
|
||||||
import ToolbarWrapper from '/resources/js/components/Desktop/ToolbarWrapper'
|
import ToolbarWrapper from "../Desktop/ToolbarWrapper";
|
||||||
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
|
import ToolbarButton from "./ToolbarButton";
|
||||||
import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
|
import OptionUpload from "./OptionUpload";
|
||||||
import ToolbarGroup from '/resources/js/components/Desktop/ToolbarGroup'
|
import ToolbarGroup from "../Desktop/ToolbarGroup";
|
||||||
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
|
import OptionGroup from "./OptionGroup";
|
||||||
import TeamMembersButton from "../Teams/Components/TeamMembersButton"
|
import TeamMembersButton from "../Teams/Components/TeamMembersButton"
|
||||||
import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
|
import PopoverItem from "../Desktop/PopoverItem";
|
||||||
import TeamFolderPreview from "../Teams/Components/TeamFolderPreview"
|
import TeamFolderPreview from "../Teams/Components/TeamFolderPreview"
|
||||||
import {MenuIcon, ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
|
import {MenuIcon, ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
|
||||||
import SearchBar from '/resources/js/components/FilesView/SearchBar'
|
import SearchBar from "./SearchBar";
|
||||||
import Option from '/resources/js/components/FilesView/Option'
|
import Option from "./Option";
|
||||||
import {events} from "../../bus";
|
import {events} from "../../bus";
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
|
import TitlePreview from "./TitlePreview";
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
import { events } from '../../bus'
|
import { events } from '../../bus'
|
||||||
|
|
||||||
@@ -80,8 +80,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
#drag-ui {
|
#drag-ui {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|||||||
@@ -35,8 +35,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@include font-size(20);
|
@include font-size(20);
|
||||||
|
|||||||
@@ -55,8 +55,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.button-enter-active,
|
.button-enter-active,
|
||||||
.button-leave-active {
|
.button-leave-active {
|
||||||
|
|||||||
@@ -6,6 +6,12 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "CloudPlusIcon",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
||||||
.preview-list-icon {
|
.preview-list-icon {
|
||||||
|
|||||||
@@ -8,6 +8,12 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "SortingIcon",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
||||||
.preview-list-icon {
|
.preview-list-icon {
|
||||||
|
|||||||
@@ -108,8 +108,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.meta-data-list {
|
.meta-data-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
@@ -110,13 +110,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
|
import FilePreviewDetail from "../Others/FilePreviewDetail";
|
||||||
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
|
import CopyShareLink from "../Others/Forms/CopyShareLink";
|
||||||
import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
|
import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
|
||||||
import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
|
import ImageMetaData from "./ImageMetaData";
|
||||||
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
|
import TitlePreview from "./TitlePreview";
|
||||||
import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
|
import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
|
||||||
import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
|
import ListInfoItem from "../Others/ListInfoItem";
|
||||||
import MemberAvatar from "./MemberAvatar"
|
import MemberAvatar from "./MemberAvatar"
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
|
|||||||
@@ -97,7 +97,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
|
import FolderIcon from "./FolderIcon";
|
||||||
import {LinkIcon, MoreHorizontalIcon, EyeIcon} from 'vue-feather-icons'
|
import {LinkIcon, MoreHorizontalIcon, EyeIcon} from 'vue-feather-icons'
|
||||||
import FileIconThumbnail from "./FileIconThumbnail"
|
import FileIconThumbnail from "./FileIconThumbnail"
|
||||||
import MemberAvatar from "./MemberAvatar"
|
import MemberAvatar from "./MemberAvatar"
|
||||||
|
|||||||
@@ -214,8 +214,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
|
|
||||||
.slide-from-left-move {
|
.slide-from-left-move {
|
||||||
|
|||||||
@@ -35,8 +35,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { UserCheckIcon, HardDriveIcon, UploadCloudIcon, LinkIcon, Trash2Icon, UsersIcon, SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
|
import { UserCheckIcon, HardDriveIcon, UploadCloudIcon, LinkIcon, Trash2Icon, UsersIcon, SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
|
||||||
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
|
import CloudPlusIcon from "./Icons/CloudPlusIcon";
|
||||||
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
|
import SortingIcon from "./Icons/SortingIcon";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MobileActionButton',
|
name: 'MobileActionButton',
|
||||||
|
|||||||
@@ -36,8 +36,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.mobile-action-button {
|
.mobile-action-button {
|
||||||
background: $light_background;
|
background: $light_background;
|
||||||
|
|||||||
@@ -17,9 +17,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "../Others/ThumbnailItem";
|
||||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
import MenuMobile from "../Mobile/MenuMobile";
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
import MenuMobile from "../Mobile/MenuMobile";
|
||||||
import {events} from "../../bus";
|
import {events} from "../../bus";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
|
import ToolbarButton from "./ToolbarButton";
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -9,9 +9,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||||
import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
|
import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
|
||||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
import MenuMobile from "../Mobile/MenuMobile";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MobileTeamContextMenu',
|
name: 'MobileTeamContextMenu',
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FolderUploadIcon from '/resources/js/components/FilesView/Icons/FolderUploadIcon'
|
import FolderUploadIcon from "./Icons/FolderUploadIcon";
|
||||||
import {
|
import {
|
||||||
UploadCloudIcon,
|
UploadCloudIcon,
|
||||||
} from 'vue-feather-icons'
|
} from 'vue-feather-icons'
|
||||||
|
|||||||
@@ -32,8 +32,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.spinner-wrapper {
|
.spinner-wrapper {
|
||||||
padding-bottom: 90px;
|
padding-bottom: 90px;
|
||||||
|
|||||||
@@ -12,8 +12,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
#loading-bar-spinner.spinner {
|
#loading-bar-spinner.spinner {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|||||||
@@ -22,8 +22,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
|
import SortingIcon from "./Icons/SortingIcon";
|
||||||
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
|
import CloudPlusIcon from "./Icons/CloudPlusIcon";
|
||||||
import {
|
import {
|
||||||
SearchIcon,
|
SearchIcon,
|
||||||
UserPlusIcon,
|
UserPlusIcon,
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
|
import ProgressBar from "./ProgressBar";
|
||||||
import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
|
import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import {events} from "../../bus";
|
import {events} from "../../bus";
|
||||||
@@ -55,8 +55,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.sync-alt {
|
.sync-alt {
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 1s linear infinite;
|
||||||
|
|||||||
@@ -15,9 +15,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -49,8 +49,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.plans-wrapper {
|
.plans-wrapper {
|
||||||
box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);
|
box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);
|
||||||
|
|||||||
@@ -88,9 +88,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
|
|
||||||
|
|||||||
@@ -57,9 +57,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
|
|
||||||
|
|||||||
@@ -69,9 +69,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.features {
|
.features {
|
||||||
padding-left: 75px;
|
padding-left: 75px;
|
||||||
|
|||||||
@@ -55,9 +55,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.main-navigation {
|
.main-navigation {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
@@ -39,9 +39,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@@ -33,8 +33,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import HardDriveIcon from "vue-feather-icons/icons/HardDriveIcon";
|
import HardDriveIcon from "vue-feather-icons/icons/HardDriveIcon";
|
||||||
import PageTitle from '/resources/js/components/Index/Components/PageTitle'
|
import PageTitle from "./Components/PageTitle";
|
||||||
import AuthButton from '/resources/js/components/Auth/AuthButton'
|
import AuthButton from "../Auth/AuthButton";
|
||||||
import { CreditCardIcon } from 'vue-feather-icons'
|
import { CreditCardIcon } from 'vue-feather-icons'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
|
|
||||||
@@ -53,9 +53,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.features {
|
.features {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -51,9 +51,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_landing-page';
|
@import '../../../sass/vuefilemanager/landing-page';
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.pricing {
|
.pricing {
|
||||||
.cloud-bg {
|
.cloud-bg {
|
||||||
|
|||||||
@@ -42,8 +42,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.mobile-header {
|
.mobile-header {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
|
|||||||
@@ -22,8 +22,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.action-button {
|
.action-button {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
|
|
||||||
.color-label {
|
.color-label {
|
||||||
|
|
||||||
|
|||||||
@@ -66,8 +66,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import '../../../sass/vuefilemanager/inapp-forms';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.color-pick-wrapper {
|
.color-pick-wrapper {
|
||||||
.color-wrapper {
|
.color-wrapper {
|
||||||
|
|||||||
@@ -46,12 +46,12 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from "./Popup/PopupActions";
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from "./Popup/PopupContent";
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from "./Popup/PopupHeader";
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "./ThumbnailItem";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch"
|
import AppInputSwitch from "../Admin/AppInputSwitch"
|
||||||
import AppInputText from "../Admin/AppInputText"
|
import AppInputText from "../Admin/AppInputText"
|
||||||
|
|||||||
@@ -58,13 +58,13 @@
|
|||||||
<script>
|
<script>
|
||||||
import AppInputText from "../Admin/AppInputText";
|
import AppInputText from "../Admin/AppInputText";
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from "./Popup/PopupActions";
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from "./Popup/PopupContent";
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from "./Popup/PopupHeader";
|
||||||
import CopyInput from '/resources/js/components/Others/Forms/CopyInput'
|
import CopyInput from "./Forms/CopyInput";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "./Forms/InfoBox";
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import {events} from '../../bus'
|
import {events} from '../../bus'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
@@ -124,8 +124,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import '../../../sass/vuefilemanager/inapp-forms';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
|
|
||||||
|
|||||||
@@ -55,8 +55,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Spinner from '/resources/js/components/FilesView/Spinner'
|
import Spinner from "../FilesView/Spinner";
|
||||||
import Emoji from '/resources/js/components/Others/Emoji'
|
import Emoji from "./Emoji";
|
||||||
import {debounce, groupBy} from 'lodash'
|
import {debounce, groupBy} from 'lodash'
|
||||||
import {XIcon} from 'vue-feather-icons'
|
import {XIcon} from 'vue-feather-icons'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|||||||
@@ -30,8 +30,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.empty-page-content {
|
.empty-page-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -85,8 +85,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.dropzone {
|
.dropzone {
|
||||||
border: 1px dashed #a1abc2;
|
border: 1px dashed #a1abc2;
|
||||||
|
|||||||
@@ -12,8 +12,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import "../../../../sass/vuefilemanager/variables";
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.info-box {
|
.info-box {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|||||||
@@ -91,8 +91,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import "../../../../sass/vuefilemanager/inapp-forms";
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.input-label {
|
.input-label {
|
||||||
@include font-size(14);
|
@include font-size(14);
|
||||||
|
|||||||
@@ -41,9 +41,9 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.search-bar {
|
.search-bar {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -40,10 +40,10 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import "../../../../sass/vuefilemanager/inapp-forms";
|
||||||
@import "resources/sass/vuefilemanager/_forms.scss";
|
@import "../../../../sass/vuefilemanager/forms";
|
||||||
|
|
||||||
.select-box {
|
.select-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -114,8 +114,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
/* TODO: refactor to the tailwind */
|
/* TODO: refactor to the tailwind */
|
||||||
|
|
||||||
|
|||||||
@@ -14,8 +14,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.setup-box {
|
.setup-box {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|||||||
@@ -49,8 +49,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.input-wrapper {
|
.input-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -20,6 +20,6 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
</style>
|
</style>
|
||||||
@@ -11,8 +11,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.page-tab-group {
|
.page-tab-group {
|
||||||
margin-bottom: 65px;
|
margin-bottom: 65px;
|
||||||
|
|||||||
@@ -11,6 +11,6 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -70,11 +70,11 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||||
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
|
import OptionGroup from "../FilesView/OptionGroup";
|
||||||
import UserHeadline from '/resources/js/components/Sidebar/UserHeadline'
|
import UserHeadline from "../Sidebar/UserHeadline";
|
||||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
import MenuMobile from "../Mobile/MenuMobile";
|
||||||
import Option from '/resources/js/components/FilesView/Option'
|
import Option from "../FilesView/Option";
|
||||||
import {ChevronLeftIcon} from 'vue-feather-icons'
|
import {ChevronLeftIcon} from 'vue-feather-icons'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
|
|||||||
@@ -24,8 +24,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.page-header {
|
.page-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import {HardDriveIcon} from "vue-feather-icons"
|
import {HardDriveIcon} from "vue-feather-icons"
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
@@ -72,8 +72,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.plan {
|
.plan {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@@ -31,9 +31,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from "./PopupActions";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../../FilesView/ButtonBase";
|
||||||
import {events} from '../../../bus'
|
import {events} from '../../../bus'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../../bus'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'PopupWrapper',
|
name: 'PopupWrapper',
|
||||||
@@ -56,8 +56,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
z-index: 41;
|
z-index: 41;
|
||||||
|
|||||||
@@ -48,19 +48,19 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from './Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from './Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from './Popup/PopupHeader'
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "./ThumbnailItem";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch"
|
import AppInputSwitch from "../Admin/AppInputSwitch"
|
||||||
import AppInputText from "../Admin/AppInputText"
|
import AppInputText from "../Admin/AppInputText"
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import SwitchInput from "./Forms/SwitchInput"
|
import SwitchInput from "./Forms/SwitchInput"
|
||||||
import EmojiPicker from "./EmojiPicker"
|
import EmojiPicker from "./EmojiPicker"
|
||||||
import {XIcon} from 'vue-feather-icons'
|
import {XIcon} from 'vue-feather-icons'
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'RenameItemPopup',
|
name: 'RenameItemPopup',
|
||||||
@@ -161,8 +161,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import "../../../sass/vuefilemanager/inapp-forms";
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.text-label {
|
.text-label {
|
||||||
@include font-size(12);
|
@include font-size(12);
|
||||||
|
|||||||
@@ -65,15 +65,15 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from "./Popup/PopupActions";
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from "./Popup/PopupContent";
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from "./Popup/PopupHeader";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import { loadScript } from "@paypal/paypal-js"
|
import { loadScript } from "@paypal/paypal-js"
|
||||||
import PaymentMethod from "./PaymentMethod"
|
import PaymentMethod from "./PaymentMethod"
|
||||||
import Spinner from "../FilesView/Spinner"
|
import Spinner from "../FilesView/Spinner"
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import paystack from 'vue-paystack'
|
import paystack from 'vue-paystack'
|
||||||
import {mapGetters} from "vuex"
|
import {mapGetters} from "vuex"
|
||||||
|
|
||||||
@@ -169,8 +169,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.mobile-actions {
|
.mobile-actions {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@@ -80,25 +80,23 @@
|
|||||||
import AppInputText from "../Admin/AppInputText";
|
import AppInputText from "../Admin/AppInputText";
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch";
|
import AppInputSwitch from "../Admin/AppInputSwitch";
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import SelectBoxInput from '/resources/js/components/Others/Forms/SelectBoxInput'
|
import SelectBoxInput from "./Forms/SelectBoxInput";
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from './Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from './Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from './Popup/PopupHeader'
|
||||||
import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
|
import MultiEmailInput from "./Forms/MultiEmailInput";
|
||||||
import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
|
import SwitchInput from "./Forms/SwitchInput";
|
||||||
import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
|
import SelectInput from "./Forms/SelectInput";
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "./ThumbnailItem";
|
||||||
import ActionButton from '/resources/js/components/Others/ActionButton'
|
import ActionButton from "./ActionButton";
|
||||||
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
|
import CopyShareLink from "./Forms/CopyShareLink";
|
||||||
import TabWrapper from '/resources/js/components/Others/TabWrapper'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import TabOption from '/resources/js/components/Others/TabOption'
|
import InfoBox from "./Forms/InfoBox";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
|
||||||
import {LinkIcon, MailIcon} from 'vue-feather-icons'
|
import {LinkIcon, MailIcon} from 'vue-feather-icons'
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -113,8 +111,6 @@ export default {
|
|||||||
ActionButton,
|
ActionButton,
|
||||||
PopupWrapper,
|
PopupWrapper,
|
||||||
PopupActions,
|
PopupActions,
|
||||||
TabWrapper,
|
|
||||||
TabOption,
|
|
||||||
PopupContent,
|
PopupContent,
|
||||||
PopupHeader,
|
PopupHeader,
|
||||||
MultiEmailInput,
|
MultiEmailInput,
|
||||||
|
|||||||
@@ -143,23 +143,23 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
|
import MultiEmailInput from "./Forms/MultiEmailInput";
|
||||||
import SelectBoxInput from '/resources/js/components/Others/Forms/SelectBoxInput'
|
import SelectBoxInput from './Forms/SelectBoxInput'
|
||||||
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
|
import CopyShareLink from './Forms/CopyShareLink'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from './Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from './Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from './Popup/PopupHeader'
|
||||||
import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
|
import SwitchInput from './Forms/SwitchInput'
|
||||||
import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
|
import SelectInput from './Forms/SelectInput'
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "./ThumbnailItem";
|
||||||
import ActionButton from '/resources/js/components/Others/ActionButton'
|
import ActionButton from "./ActionButton";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch"
|
import AppInputSwitch from "../Admin/AppInputSwitch"
|
||||||
import AppInputText from "../Admin/AppInputText"
|
import AppInputText from "../Admin/AppInputText"
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import Spinner from "../FilesView/Spinner"
|
import Spinner from "../FilesView/Spinner"
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
|
|||||||
@@ -54,8 +54,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import '../../../sass/vuefilemanager/inapp-forms';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.tab-wrapper {
|
.tab-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -26,8 +26,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.table-row {
|
.table-row {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|||||||
@@ -31,8 +31,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
|
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.text-label {
|
.text-label {
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.theme-label {
|
.theme-label {
|
||||||
@include font-size(14);
|
@include font-size(14);
|
||||||
|
|||||||
@@ -66,7 +66,7 @@
|
|||||||
import MemberAvatar from "../FilesView/MemberAvatar";
|
import MemberAvatar from "../FilesView/MemberAvatar";
|
||||||
import Emoji from "./Emoji";
|
import Emoji from "./Emoji";
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
|
import FolderIcon from "../FilesView/FolderIcon";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ThumbnailItem',
|
name: 'ThumbnailItem',
|
||||||
|
|||||||
@@ -44,9 +44,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TreeMenu from '/resources/js/components/Others/TreeMenu'
|
import TreeMenu from './TreeMenu'
|
||||||
import {FolderIcon, ChevronRightIcon, HardDriveIcon, UsersIcon, UserPlusIcon} from 'vue-feather-icons'
|
import {FolderIcon, ChevronRightIcon, HardDriveIcon, UsersIcon, UserPlusIcon} from 'vue-feather-icons'
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -29,10 +29,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
|
import TreeMenuNavigator from './TreeMenuNavigator'
|
||||||
import {FolderIcon, ChevronRightIcon} from 'vue-feather-icons'
|
import {FolderIcon, ChevronRightIcon} from 'vue-feather-icons'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'TreeMenuNavigator',
|
name: 'TreeMenuNavigator',
|
||||||
|
|||||||
@@ -28,15 +28,15 @@
|
|||||||
<script>
|
<script>
|
||||||
import AppInputText from "../Admin/AppInputText";
|
import AppInputText from "../Admin/AppInputText";
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from './Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from './Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from './Popup/PopupHeader'
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "./Forms/InfoBox";
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -46,16 +46,16 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
|
import MobileActionButton from "../FilesView/MobileActionButton";
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "./Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from './Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from './Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from './Popup/PopupHeader'
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "./Forms/InfoBox";
|
||||||
import Spinner from '/resources/js/components/FilesView/Spinner'
|
import Spinner from "../FilesView/Spinner";
|
||||||
import {mapGetters} from "vuex"
|
import {mapGetters} from "vuex"
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -148,8 +148,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.mobile-actions {
|
.mobile-actions {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -47,8 +47,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
@import '/resources/sass/vuefilemanager/_mixins';
|
@import '../../../sass/vuefilemanager/mixins';
|
||||||
|
|
||||||
.vignette {
|
.vignette {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TextLabel from '/resources/js/components/Others/TextLabel'
|
import TextLabel from "../Others/TextLabel";
|
||||||
import { ChevronUpIcon } from 'vue-feather-icons'
|
import { ChevronUpIcon } from 'vue-feather-icons'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -24,8 +24,9 @@
|
|||||||
<!--Navigation-->
|
<!--Navigation-->
|
||||||
<div class="mt-7">
|
<div class="mt-7">
|
||||||
<router-link
|
<router-link
|
||||||
v-for="item in navigation"
|
v-for="(item, i) in navigation"
|
||||||
:to="{name: item.route}"
|
:to="{name: item.route}"
|
||||||
|
:key="i"
|
||||||
:title="item.title"
|
:title="item.title"
|
||||||
:class="[{'router-link-active': isSection(item.section)}, item.icon]"
|
:class="[{'router-link-active': isSection(item.section)}, item.icon]"
|
||||||
class="block mb-1.5"
|
class="block mb-1.5"
|
||||||
@@ -142,7 +143,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '/resources/sass/vuefilemanager/_variables';
|
@import '../../../sass/vuefilemanager/variables';
|
||||||
|
|
||||||
.menu-bar {
|
.menu-bar {
|
||||||
//background: linear-gradient(180deg, rgba(246, 245, 241, 0.8) 0%, rgba(243, 244, 246, 0.8) 100%);
|
//background: linear-gradient(180deg, rgba(246, 245, 241, 0.8) 0%, rgba(243, 244, 246, 0.8) 100%);
|
||||||
|
|||||||
@@ -200,12 +200,12 @@ import {
|
|||||||
UsersIcon,
|
UsersIcon,
|
||||||
XIcon
|
XIcon
|
||||||
} from 'vue-feather-icons'
|
} from 'vue-feather-icons'
|
||||||
import Spinner from '/resources/js/components/FilesView/Spinner'
|
import Spinner from "../FilesView/Spinner";
|
||||||
import MemberAvatar from "../FilesView/MemberAvatar"
|
import MemberAvatar from "../FilesView/MemberAvatar"
|
||||||
import FilterSuggestion from "./FilterSuggestion"
|
import FilterSuggestion from "./FilterSuggestion"
|
||||||
import ItemList from "../FilesView/ItemList"
|
import ItemList from "../FilesView/ItemList"
|
||||||
import CategoryName from "./CategoryName"
|
import CategoryName from "./CategoryName"
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import {mapGetters} from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import {debounce} from 'lodash'
|
import {debounce} from 'lodash'
|
||||||
import axios from "axios"
|
import axios from "axios"
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import MemberAvatar from "../FilesView/MemberAvatar";
|
import MemberAvatar from "../FilesView/MemberAvatar";
|
||||||
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
|
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
|
||||||
import ColorLabel from "/resources/js/components/Others/ColorLabel"
|
import ColorLabel from "../Others/ColorLabel";
|
||||||
import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
|
import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -68,7 +68,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import MemberAvatar from "../FilesView/MemberAvatar";
|
import MemberAvatar from "../FilesView/MemberAvatar";
|
||||||
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
|
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
|
||||||
import ColorLabel from "/resources/js/components/Others/ColorLabel"
|
import ColorLabel from "../Others/ColorLabel";
|
||||||
import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
|
import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -129,12 +129,12 @@
|
|||||||
<script>
|
<script>
|
||||||
import PaymentMethod from "../Others/PaymentMethod";
|
import PaymentMethod from "../Others/PaymentMethod";
|
||||||
import {loadScript} from "@paypal/paypal-js";
|
import {loadScript} from "@paypal/paypal-js";
|
||||||
import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
|
import SwitchInput from "../Others/Forms/SwitchInput";
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "../Others/Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from '../Others/Popup/PopupActions'
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from '../Others/Popup/PopupContent'
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from '../Others/Popup/PopupHeader'
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import PlanDetail from "./PlanDetail";
|
import PlanDetail from "./PlanDetail";
|
||||||
import paystack from 'vue-paystack';
|
import paystack from 'vue-paystack';
|
||||||
import {mapGetters} from "vuex";
|
import {mapGetters} from "vuex";
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import AppInputText from "../Admin/AppInputText"
|
import AppInputText from "../Admin/AppInputText"
|
||||||
import {mapGetters} from "vuex";
|
import {mapGetters} from "vuex";
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import AppInputText from "../Admin/AppInputText"
|
import AppInputText from "../Admin/AppInputText"
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import { Edit2Icon, Trash2Icon } from 'vue-feather-icons'
|
import { Edit2Icon, Trash2Icon } from 'vue-feather-icons'
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
import AppInputButton from "../Admin/AppInputButton";
|
import AppInputButton from "../Admin/AppInputButton";
|
||||||
import AppInputText from "../Admin/AppInputText";
|
import AppInputText from "../Admin/AppInputText";
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch"
|
import AppInputSwitch from "../Admin/AppInputSwitch"
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import {events} from "../../bus";
|
import {events} from "../../bus";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "../Others/Forms/InfoBox";
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import ButtonBase from "../FilesView/ButtonBase"
|
import ButtonBase from "../FilesView/ButtonBase"
|
||||||
|
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "../Others/Forms/InfoBox";
|
||||||
import {mapGetters} from "vuex";
|
import {mapGetters} from "vuex";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -49,7 +49,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import PaymentCard from "./PaymentCard"
|
import PaymentCard from "./PaymentCard"
|
||||||
import Spinner from "../FilesView/Spinner"
|
import Spinner from "../FilesView/Spinner"
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "../Others/Forms/InfoBox";
|
||||||
import DatatableWrapper from "../Others/Tables/DatatableWrapper"
|
import DatatableWrapper from "../Others/Tables/DatatableWrapper"
|
||||||
import FixedTransactionRow from "./FixedTransactionRow"
|
import FixedTransactionRow from "./FixedTransactionRow"
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
import ColorLabel from "../Others/ColorLabel"
|
import ColorLabel from "../Others/ColorLabel"
|
||||||
import DatatableWrapper from "../Others/Tables/DatatableWrapper"
|
import DatatableWrapper from "../Others/Tables/DatatableWrapper"
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "../Others/Forms/InfoBox";
|
||||||
import {mapGetters} from "vuex";
|
import {mapGetters} from "vuex";
|
||||||
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow"
|
import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow"
|
||||||
import MeteredTransactionRow from "./MeteredTransactionRow"
|
import MeteredTransactionRow from "./MeteredTransactionRow"
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AppInputSwitch from "../Admin/AppInputSwitch"
|
import AppInputSwitch from "../Admin/AppInputSwitch"
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import FormLabel from "../Others/Forms/FormLabel"
|
import FormLabel from "../Others/Forms/FormLabel"
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {events} from "../../bus";
|
import {events} from "../../bus";
|
||||||
|
|||||||
@@ -50,8 +50,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import "../../../../sass/vuefilemanager/inapp-forms";
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.permission-toggle {
|
.permission-toggle {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -80,16 +80,16 @@
|
|||||||
<script>
|
<script>
|
||||||
import AppInputText from "../Admin/AppInputText";
|
import AppInputText from "../Admin/AppInputText";
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
|
import PopupWrapper from "../Others/Popup/PopupWrapper";
|
||||||
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
|
import PopupActions from "../Others/Popup/PopupActions";
|
||||||
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
|
import PopupContent from "../Others/Popup/PopupContent";
|
||||||
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
|
import PopupHeader from "../Others/Popup/PopupHeader";
|
||||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
import ThumbnailItem from "../Others/ThumbnailItem";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../FilesView/ButtonBase";
|
||||||
import TeamList from "./Components/TeamList";
|
import TeamList from "./Components/TeamList";
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import InfoBox from "../Others/Forms/InfoBox";
|
import InfoBox from "../Others/Forms/InfoBox";
|
||||||
import {events} from '/resources/js/bus'
|
import {events} from '../../bus'
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {mapGetters} from "vuex";
|
import {mapGetters} from "vuex";
|
||||||
|
|
||||||
@@ -252,8 +252,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import 'resources/sass/vuefilemanager/_inapp-forms.scss';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.item-thumbnail {
|
.item-thumbnail {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|||||||
@@ -227,8 +227,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
@import '../../../sass/vuefilemanager/inapp-forms';
|
||||||
@import '/resources/sass/vuefilemanager/_forms';
|
@import '../../../sass/vuefilemanager/forms';
|
||||||
|
|
||||||
.item-thumbnail {
|
.item-thumbnail {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<MobileNavigationToolbar />
|
<MobileNavigationToolbar />
|
||||||
|
|
||||||
<ContentSidebar>
|
<ContentSidebar>
|
||||||
<ContentGroup v-for="(menu, i) in nav" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="false">
|
<ContentGroup v-for="(menu, i) in nav" :key="i" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="false">
|
||||||
<router-link v-for="(item, i) in menu.groupLinks" :key="i" :to="{name: item.route}" class="flex items-center py-2.5" :class="{'router-link-active': item.linkActivation && item.linkActivation.includes($router.currentRoute.fullPath.split('/')[2])}">
|
<router-link v-for="(item, i) in menu.groupLinks" :key="i" :to="{name: item.route}" class="flex items-center py-2.5" :class="{'router-link-active': item.linkActivation && item.linkActivation.includes($router.currentRoute.fullPath.split('/')[2])}">
|
||||||
<box-icon v-if="item.icon === 'box'" size="17" class="mr-2.5 vue-feather icon-active" />
|
<box-icon v-if="item.icon === 'box'" size="17" class="mr-2.5 vue-feather icon-active" />
|
||||||
<users-icon v-if="item.icon === 'users'" size="17" class="mr-2.5 vue-feather icon-active" />
|
<users-icon v-if="item.icon === 'users'" size="17" class="mr-2.5 vue-feather icon-active" />
|
||||||
@@ -44,15 +44,15 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import MobileNavigationToolbar from "./MobileNavigationToolbar";
|
import MobileNavigationToolbar from "./MobileNavigationToolbar";
|
||||||
import FilePreview from '/resources/js/components/FilePreview/FilePreview'
|
import FilePreview from "../components/FilePreview/FilePreview";
|
||||||
import Spotlight from '/resources/js/components/Spotlight/Spotlight'
|
import Spotlight from "../components/Spotlight/Spotlight";
|
||||||
import { DollarSignIcon, HelpCircleIcon, RefreshCwIcon, UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon, GlobeIcon } from 'vue-feather-icons'
|
import { DollarSignIcon, HelpCircleIcon, RefreshCwIcon, UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon, GlobeIcon } from 'vue-feather-icons'
|
||||||
import SidebarNavigation from '/resources/js/components/Sidebar/SidebarNavigation'
|
import SidebarNavigation from "../components/Sidebar/SidebarNavigation";
|
||||||
import MobileNavigation from '/resources/js/components/Others/MobileNavigation'
|
import MobileNavigation from "../components/Others/MobileNavigation";
|
||||||
import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
|
import ContentSidebar from "../components/Sidebar/ContentSidebar";
|
||||||
import CreateLanguage from '/resources/js/components/Others/CreateLanguage'
|
import CreateLanguage from "../components/Others/CreateLanguage";
|
||||||
import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
|
import ContentGroup from "../components/Sidebar/ContentGroup";
|
||||||
import ConfirmPopup from '/resources/js/components/Others/Popup/ConfirmPopup'
|
import ConfirmPopup from "../components/Others/Popup/ConfirmPopup";
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -49,14 +49,14 @@
|
|||||||
import AppInputSwitch from "../../../../components/Admin/AppInputSwitch";
|
import AppInputSwitch from "../../../../components/Admin/AppInputSwitch";
|
||||||
import AppInputText from "../../../../components/Admin/AppInputText";
|
import AppInputText from "../../../../components/Admin/AppInputText";
|
||||||
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
|
||||||
import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
|
import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
|
||||||
import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
|
import SelectInput from "../../../../components/Others/Forms/SelectInput";
|
||||||
import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
|
import ImageInput from "../../../../components/Others/Forms/ImageInput";
|
||||||
import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
|
import FormLabel from "../../../../components/Others/Forms/FormLabel";
|
||||||
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
|
import ButtonBase from "../../../../components/FilesView/ButtonBase";
|
||||||
import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
|
import SetupBox from "../../../../components/Others/Forms/SetupBox";
|
||||||
import PageTab from '/resources/js/components/Others/Layout/PageTab'
|
import PageTab from "../../../../components/Others/Layout/PageTab";
|
||||||
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
|
import InfoBox from "../../../../components/Others/Forms/InfoBox";
|
||||||
import {required} from 'vee-validate/dist/rules'
|
import {required} from 'vee-validate/dist/rules'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user