From 2e1decd8b3ad87ccf9e6b0e11fa487c3027a079b Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 30 Sep 2020 15:52:55 +0530
Subject: [PATCH] feat: update layout for download backups

---
 frappe/desk/page/backups/backups.css  |  9 +++++
 frappe/desk/page/backups/backups.html | 50 ++++++++++-----------------
 frappe/desk/page/backups/backups.py   |  2 +-
 3 files changed, 29 insertions(+), 32 deletions(-)
 create mode 100644 frappe/desk/page/backups/backups.css

diff --git a/frappe/desk/page/backups/backups.css b/frappe/desk/page/backups/backups.css
new file mode 100644
index 0000000000..044b0b53d0
--- /dev/null
+++ b/frappe/desk/page/backups/backups.css
@@ -0,0 +1,9 @@
+.download-backup-card {
+	display: block;
+	text-decoration: none;
+}
+
+.download-backup-card:hover {
+	box-shadow: var(--shadow-md);
+	text-decoration: none;
+}
diff --git a/frappe/desk/page/backups/backups.html b/frappe/desk/page/backups/backups.html
index 0056b6814b..2563e8b62c 100644
--- a/frappe/desk/page/backups/backups.html
+++ b/frappe/desk/page/backups/backups.html
@@ -1,32 +1,20 @@
 <!-- jinja -->
-
-<table class="table table-striped table-bordered" style="max-width: 600px;">
-    <thead>
-        <tr>
-            <th style="width: 30%;">
-                {{ _("Date") }}
-            </th>
-            <th style="width: 50%;">
-                {{ _("File") }}
-            </th>
-            <th>
-                {{ _("Size") }}
-            </th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for f in files %}
-        <tr>
-            <td>
-                {{ f[1] }}
-            </td>
-            <td>
-                <a href="{{ f[0] }}" target="_blank" rel="noopener noreferrer">{{ f[0] }}</a>
-            </td>
-            <td>
-                {{ f[2] }}
-            </td>
-        </tr>
-        {% endfor %}
-    </tbody>
-</table>
+<div class="row">
+	{% for f in files %}
+	<div class="col-lg-3 col-md-4 col-12">
+		<a href="{{ f[0] }}" target="_blank" rel="noopener noreferrer" class="frappe-card download-backup-card">
+			<div>
+				{{ f[1] }}
+			</div>
+			<div class="mt-2">
+				<svg class="icon-sm" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+					stroke="var(--icon-stroke)">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+						d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+				</svg>
+				{{ f[2] }}
+			</div>
+		</a>
+	</div>
+	{% endfor %}
+</div>
\ No newline at end of file
diff --git a/frappe/desk/page/backups/backups.py b/frappe/desk/page/backups/backups.py
index 386af70a4e..eaa0c65143 100644
--- a/frappe/desk/page/backups/backups.py
+++ b/frappe/desk/page/backups/backups.py
@@ -9,7 +9,7 @@ import datetime
 def get_context(context):
 	def get_time(path):
 		dt = os.path.getmtime(path)
-		return convert_utc_to_user_timezone(datetime.datetime.utcfromtimestamp(dt)).strftime('%Y-%m-%d %H:%M')
+		return convert_utc_to_user_timezone(datetime.datetime.utcfromtimestamp(dt)).strftime('%a %b %d %H:%M %Y')
 
 	def get_size(path):
 		size = os.path.getsize(path)