bugfixes

resources/js/components/Index/IndexPricingTables.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page-wrapper medium pricing" v-if="! isEmpty && index.section_pricing_content === '1'">
+    <div class="page-wrapper medium pricing" v-if="! isEmpty && index.section_pricing_content === '1' && config.stripe_public_key">
         <div id="pricing" class="page-title center">
             <h1 class="title" v-html="index.pricing_title"></h1>
         </div>
@@ -34,7 +34,7 @@
             CloudIcon,
         },
         computed: {
-            ...mapGetters(['index']),
+            ...mapGetters(['index', 'config']),
         },
         data() {
             return {

resources/js/components/Others/EmptyPageContent.vue

@@ -4,6 +4,7 @@
             <div class="icon">
                 <file-icon v-if="icon === 'file'" size="38"></file-icon>
                 <file-text-icon v-if="icon === 'file-text'" size="38"></file-text-icon>
+                <settings-icon v-if="icon === 'settings'" size="38"></settings-icon>
             </div>
             <div class="header">
                 <h1 class="title">{{ title }}</h1>
@@ -15,12 +16,13 @@
 </template>
 
 <script>
-    import { FileIcon, FileTextIcon } from 'vue-feather-icons'
+    import { FileIcon, FileTextIcon, SettingsIcon } from 'vue-feather-icons'
 
     export default {
         name: 'EmptyPageContent',
         props: ['icon','title','description'],
         components: {
+            SettingsIcon,
             FileTextIcon,
             FileIcon,
         }
@@ -41,10 +43,14 @@
         .content {
             margin: 0 auto;
             max-width: 360px;
+
+            /deep/ .button-base {
+                margin: 0 auto;
+            }
         }
 
         .icon {
-            path, polyline, line {
+            path, polyline, line, circle {
                 stroke: $theme;
             }
         }

resources/js/components/Others/Forms/InfoBox.vue

@@ -35,6 +35,10 @@
             line-height: 1.6;
             word-break: break-word;
             font-weight: 600;
+
+            /deep/ a {
+                color: $theme;
+            }
         }
 
         b {

resources/js/components/Others/MoveItem.vue

@@ -12,7 +12,7 @@
             <!--Folder tree-->
             <div v-if="! isLoadingTree && navigation">
                 <ThumbnailItem class="item-thumbnail" :item="pickedItem" info="location"/>
-                <TreeMenu :depth="1" :nodes="items" v-for="items in navigation" :key="items.unique_id"/>
+                <TreeMenu :disabled-by-id="pickedItem.unique_id" :depth="1" :nodes="items" v-for="items in navigation" :key="items.unique_id"/>
             </div>
         </PopupContent>
 
@@ -127,5 +127,4 @@
     .item-thumbnail {
         margin-bottom: 20px;
     }
-
 </style>

resources/js/components/Others/TreeMenu.vue

@@ -1,6 +1,6 @@
 <template>
     <!--Folder Icon-->
-    <div class="folder-item-wrapper">
+    <div class="folder-item-wrapper" :class="{'is-inactive': disabledById && disabledById === nodes.unique_id}">
 
         <div class="folder-item" :class="{'is-selected': isSelected}" @click="getFolder" :style="indent">
             <chevron-right-icon @click.stop="showTree" size="17" class="icon-arrow" :class="{'is-opened': isVisible, 'is-visible': nodes.folders.length !== 0}"></chevron-right-icon>
@@ -9,7 +9,7 @@
             <span class="label">{{ nodes.name }}</span>
         </div>
 
-        <TreeMenu :depth="depth + 1" v-if="isVisible" :nodes="item" v-for="item in nodes.folders" :key="item.unique_id" />
+        <TreeMenu :disabled-by-id="disabledById" :depth="depth + 1" v-if="isVisible" :nodes="item" v-for="item in nodes.folders" :key="item.unique_id" />
     </div>
 </template>
 
@@ -21,7 +21,7 @@
     export default {
         name: 'TreeMenu',
         props: [
-            'nodes', 'depth'
+            'nodes', 'depth', 'disabledById'
         ],
         components: {
             ChevronRightIcon,
@@ -38,6 +38,7 @@
             return {
                 isVisible: false,
                 isSelected: false,
+                isInactive: false
             }
         },
         methods: {
@@ -49,16 +50,18 @@
                 this.isVisible = ! this.isVisible
             }
         },
-        created() {
+        mounted() {
 
             // Show first location
-            if (this.depth == 1) this.isVisible = true
+            if (this.depth == 1)
+                this.isVisible = true
 
             // Select clicked folder
             events.$on('pick-folder', node => {
                 this.isSelected = false
 
-                if (this.nodes.unique_id == node.unique_id) this.isSelected = true
+                if (this.nodes.unique_id == node.unique_id)
+                    this.isSelected = true
             })
 
             // Select clicked folder
@@ -76,6 +79,11 @@
     @import '@assets/vue-file-manager/_variables';
     @import '@assets/vue-file-manager/_mixins';
 
+    .is-inactive {
+        opacity: 0.5;
+        pointer-events: none;
+    }
+
     .folder-item {
         user-select: none;
         display: block;

resources/js/components/Others/UserImageInput.vue

@@ -80,7 +80,7 @@
             left: 0;
             right: 0;
             bottom: 0;
-            z-index: 1;
+            z-index: 2;
             width: 100%;
             cursor: pointer;
         }