From 9ffc08bf0b35b382b2d30f72e922736ee2bff03f Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Fri, 21 Jan 2022 16:14:48 +0100
Subject: [PATCH] Display approximate resource size in the websites list.
 Requires core update.

---
 .../plugins/core/qdn/websites.src.js           | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/qortal-ui-plugins/plugins/core/qdn/websites.src.js b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
index da9a8e3b..5e6a7fd6 100644
--- a/qortal-ui-plugins/plugins/core/qdn/websites.src.js
+++ b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
@@ -140,6 +140,9 @@ class Websites extends LitElement {
                         }}></vaadin-grid-column>
                         <vaadin-grid-column header="Status" .renderer=${(root, column, data) => {
                             render(html`${this.renderStatus(data.item)}`, root)
+                        }}></vaadin-grid-column>
+						<vaadin-grid-column header="Size" .renderer=${(root, column, data) => {
+                            render(html`${this.renderSize(data.item)}`, root)
                         }}></vaadin-grid-column>
                         <vaadin-grid-column width="10rem" flex-grow="0" header="" .renderer=${(root, column, data) => {
                             render(html`${this.renderFollowUnfollowButton(data.item)}`, root);
@@ -411,6 +414,14 @@ class Websites extends LitElement {
         return html`<span title="${websiteObj.status.description}">${websiteObj.status.title}</span>`
     }
 
+    renderSize(websiteObj) {
+        if (websiteObj.size === null) {
+            return html``
+        }
+        let sizeReadable = this.bytesToSize(websiteObj.size);
+        return html`<span>${sizeReadable}</span>`
+    }
+
     renderFollowUnfollowButton(websiteObj) {
         let name = websiteObj.name
 
@@ -447,6 +458,13 @@ class Websites extends LitElement {
         }
     }
 
+    bytesToSize(bytes) {
+        var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'];
+        if (bytes == 0) return '0 bytes';
+        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
+        return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
+     }
+
     _textMenu(event) {
 
         const getSelectedText = () => {