From b2f6e5673d1fbf72695b5c64db7d5e51d59b9e2e Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Mon, 4 Jan 2021 10:58:41 +0000
Subject: some work on the tiles view

---
 Zotlabs/Storage/Browser.php  |  2 +-
 view/tpl/cloud_directory.tpl | 66 +++++++++++++++++++++-----------------------
 2 files changed, 32 insertions(+), 36 deletions(-)

diff --git a/Zotlabs/Storage/Browser.php b/Zotlabs/Storage/Browser.php
index 0c6072ee4..9ae881f2f 100644
--- a/Zotlabs/Storage/Browser.php
+++ b/Zotlabs/Storage/Browser.php
@@ -500,7 +500,7 @@ class Browser extends DAV\Browser\Plugin {
 
 		$breadcrumbs_html = '';
 
-		if($display_path && ! $_REQUEST['cat']){
+		if($display_path && ! $_REQUEST['cat'] && ! $_SESSION['cloud_tiles']){
 			$breadcrumbs = [];
 			$folders = explode('/', $display_path);
 			$folder_hashes = explode('/', $node->os_path);
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl
index c24e3c8aa..757239960 100644
--- a/view/tpl/cloud_directory.tpl
+++ b/view/tpl/cloud_directory.tpl
@@ -1,46 +1,42 @@
-<div class="section-content-wrapper-np">
+<div class="{{if $tiles}}section-content-wrapper{{else}}section-content-wrapper-np{{/if}}">
 	{{if $tiles}}
 	<table id="cloud-index">
 		<tr id="new-upload-progress-bar-1"></tr> {{* this is needed to append the upload files in the right order *}}
 	</table>
-
-	{{if $parentpath}}
-	<div class="cloud-container" >
-		<div class="cloud-icon tiles">
-			<a href="{{$parentpath}}">
-				<div class="cloud-icon-container">
-					<i class="fa fa-fw fa-level-up" ></i>
-				</div>
-			</a>
-		</div>
-		<div class="cloud-title">
-			<a href="{{$parentpath}}">..</a>
-		</div>
-	</div>
-	{{/if}}
-
-	{{foreach $entries as $item}}
-	<div class="cloud-container">
-		<div class="cloud-icon tiles"><a href="{{$item.rel_path}}">
-		{{if $item.photo_icon}}
-		<img src="{{$item.photo_icon}}" title="{{$item.type}}" >
-		{{else}}
-		<div class="cloud-icon-container">
-			<i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}"></i>
+	<div class="row row-cols-2 row-cols-md-4">
+		{{if $parentpath}}
+		<div class="col mb-4">
+			<div class="card h-100">
+				<a href="{{$parentpath}}">
+					<div class="text-center m-2">
+						<i class="fa fa-fw fa-level-up fa-5x" title="{{$item.type}}" style="font-size: 4rem"></i>
+					</div>
+					<div class="card-footer">
+						<small class="text-muted text-truncate">..</small>
+					</div>
+				</a>
+			</div>
 		</div>
 		{{/if}}
+		{{foreach $entries as $item}}
+		<div class="col mb-4">
+			<div class="card text-center">
+				<a href="{{$item.rel_path}}" title="{{$item.type}}" >
+					<div class="m-2">
+						{{if $item.photo_icon}}
+						<img src="{{$item.photo_icon}}" class="card-img-top" alt="{{$item.photo_icon}}" style="height: 4rem; width: auto">
+						{{else}}
+						<i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}" style="font-size: 4rem"></i>
+						{{/if}}
+					</div>
+					<div class="card-footer text-truncate">
+						<small class="text-muted">{{$item.name}}</small>
+					</div>
+				</a>
+			</div>
 		</div>
-		<div class="cloud-title">
-			<a href="{{$item.rel_path}}">
-				{{$item.name}}
-			</a>
-		</div>
-		{{if $is_owner}}
-			{{* add file tools here *}}
-		{{/if}}
+		{{/foreach}}
 	</div>
-	{{/foreach}}
-	<div class="clear"></div>
 	{{else}}
 	<table id="cloud-index">
 		<tr>
-- 
cgit v1.2.3