From 5c09a7ecb724121250beb091932a818c8dc8645b Mon Sep 17 00:00:00 2001
From: diana <dianamariand92@gmail.com>
Date: Wed, 20 Jan 2021 22:09:53 +0100
Subject: [PATCH] fixing file navigation

---
 ui/src/components/services.js  |  3 +--
 ui/src/views/BucketContent.vue | 10 ++++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/services.js b/ui/src/components/services.js
index 2baa9230..98fe5ec6 100644
--- a/ui/src/components/services.js
+++ b/ui/src/components/services.js
@@ -210,7 +210,7 @@ export default {
         },
 
         getBucketFilesCall(params, callBackHandler){
-            let stream = this.minioClient.listObjects(params.name, params.prefix, true,) 
+            let stream = this.minioClient.listObjectsV2(params.name, params.prefix, true) 
             var funct = {
                 err : "",
                 files: []
@@ -218,7 +218,6 @@ export default {
             stream.on('data', function(obj) 
             {   
                 funct.files.push(obj);
-                
             })    
             stream.on('error', function(err) 
             {       
diff --git a/ui/src/views/BucketContent.vue b/ui/src/views/BucketContent.vue
index 80a6b240..cefe58b9 100644
--- a/ui/src/views/BucketContent.vue
+++ b/ui/src/views/BucketContent.vue
@@ -160,7 +160,7 @@
 				</template>
 				<template slot="items" slot-scope="props" expand="true">
 					<tr :active="props.selected"  @mouseover="c_index=props.index" @mouseleave="c_index=-1" >
-					<td class="justify-center" @click="props.selected = !props.selected" >
+					<td v-if="props.item.name!=''" class="justify-center" @click="props.selected = !props.selected" >
 						<v-icon v-show="c_index!=props.index && props.selected != true" :color="props.item.color">{{props.item.icon}}</v-icon>
 						<v-checkbox
 							:input-value="props.selected"
@@ -168,15 +168,21 @@
 							hide-details
 							v-show ="props.index==c_index || props.selected == true"							
 						></v-checkbox>
+					</td>
+					<td v-else class="justify-center" @click="props.selected = !props.selected" >
+						
 					</td>
 					<td v-if="props.item.icon =='folder'" @click="fetchData({'path':props.item.path, 'name':props.item.name})" class="text-xs-center pointer">{{ props.item.name }}</td>
 					<td v-else class="text-xs-center">{{ props.item.name }}</td>
 					<td class="text-xs-center">{{ findFilesize(props.item.size) }}</td>
 					<td class="text-xs-center">{{ findDate(props.item.lastModified) }}</td>
-					<td class="justify-center">
+					<td v-if="props.item.name!=''" class="justify-center">
 						<v-icon style="margin-right:10px;" v-if="props.item.icon=='insert_photo'" small @click="previewFile(props.item)" color="blue darken-2">visibility</v-icon>
 						<v-icon style="margin-right:10px;" v-if="props.item.icon!='insert_photo'" small color="grey">visibility_off</v-icon>
 						<v-icon small @click="removeFile(props.item)" color="red darken-2">delete_forever</v-icon>
+					</td>
+					<td v-else class="justify-center">
+						
 					</td>
 					</tr>
 				</template>