tailwind 3 upgrade part 2

This commit is contained in:
Čarodej
2022-01-28 13:48:42 +01:00
parent 940a2de13d
commit 854ae6d8fd
175 changed files with 776 additions and 774 deletions

View File

@@ -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

View File

@@ -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%;

View File

@@ -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 {

View File

@@ -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%;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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);

View File

@@ -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);

View File

@@ -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'

View File

@@ -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;

View File

@@ -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);

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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'

View File

@@ -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"

View File

@@ -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 {

View File

@@ -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',

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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',

View File

@@ -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'

View File

@@ -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;

View File

@@ -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%;

View File

@@ -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%;

View File

@@ -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,

View File

@@ -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;

View File

@@ -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;

View File

@@ -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);

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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"

View File

@@ -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 {

View File

@@ -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'

View File

@@ -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%;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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);

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 */

View File

@@ -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;

View File

@@ -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;

View File

@@ -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>

View File

@@ -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;

View File

@@ -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>

View File

@@ -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'

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;

View File

@@ -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);

View File

@@ -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;

View File

@@ -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,

View File

@@ -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'

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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);

View File

@@ -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',

View File

@@ -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 {

View File

@@ -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',

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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%);

View File

@@ -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"

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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";

View File

@@ -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";

View File

@@ -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'

View File

@@ -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";

View File

@@ -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"

View File

@@ -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 {

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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";

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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