|
|
@ -140,6 +140,9 @@ class Websites extends LitElement { |
|
|
|
}}></vaadin-grid-column> |
|
|
|
}}></vaadin-grid-column> |
|
|
|
<vaadin-grid-column header="Status" .renderer=${(root, column, data) => { |
|
|
|
<vaadin-grid-column header="Status" .renderer=${(root, column, data) => { |
|
|
|
render(html`${this.renderStatus(data.item)}`, root) |
|
|
|
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> |
|
|
|
<vaadin-grid-column width="10rem" flex-grow="0" header="" .renderer=${(root, column, data) => { |
|
|
|
<vaadin-grid-column width="10rem" flex-grow="0" header="" .renderer=${(root, column, data) => { |
|
|
|
render(html`${this.renderFollowUnfollowButton(data.item)}`, root); |
|
|
|
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>` |
|
|
|
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) { |
|
|
|
renderFollowUnfollowButton(websiteObj) { |
|
|
|
let name = websiteObj.name |
|
|
|
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) { |
|
|
|
_textMenu(event) { |
|
|
|
|
|
|
|
|
|
|
|
const getSelectedText = () => { |
|
|
|
const getSelectedText = () => { |
|
|
|