From 3a934b7020238d1a6015cf2e128cb48378c0d275 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cl=C3=A9ment=20Renault?= Date: Tue, 20 Oct 2020 12:19:48 +0200 Subject: [PATCH] Split the update attributes on the updates front page --- public/updates-script.js | 47 ++++++++++++++++++++++++++++++---------- templates/updates.html | 22 ++++++++++++------- 2 files changed, 49 insertions(+), 20 deletions(-) diff --git a/public/updates-script.js b/public/updates-script.js index 68830c767..57a28835e 100644 --- a/public/updates-script.js +++ b/public/updates-script.js @@ -19,16 +19,29 @@ $(window).on('load', function () { const field = document.createElement('li'); field.classList.add("field"); - const attribute = document.createElement('div'); - attribute.classList.add("attribute"); - attribute.innerHTML = "TEXT"; + const attributeUpdateId = document.createElement('div'); + attributeUpdateId.classList.add("attribute"); + attributeUpdateId.innerHTML = "update id"; - const content = document.createElement('div'); - content.classList.add("content"); - content.innerHTML = 'Pending ' + status.update_id; + const contentUpdateId = document.createElement('div'); + contentUpdateId.classList.add("updateId"); + contentUpdateId.classList.add("content"); + contentUpdateId.innerHTML = status.update_id; - field.appendChild(attribute); - field.appendChild(content); + field.appendChild(attributeUpdateId); + field.appendChild(contentUpdateId); + + const attributeUpdateStatus = document.createElement('div'); + attributeUpdateStatus.classList.add("attribute"); + attributeUpdateStatus.innerHTML = "update status"; + + const contentUpdateStatus = document.createElement('div'); + contentUpdateStatus.classList.add("updateStatus"); + contentUpdateStatus.classList.add("content"); + contentUpdateStatus.innerHTML = 'pending'; + + field.appendChild(attributeUpdateStatus); + field.appendChild(contentUpdateStatus); ol.appendChild(field); elem.appendChild(ol); @@ -38,14 +51,14 @@ $(window).on('load', function () { if (status.type == "Processing") { const id = 'update-' + status.update_id; - const content = $(`#${id} .content`); - content.html('Processing ' + status.update_id); + const content = $(`#${id} .updateStatus.content`); + content.html('processing'); } if (status.type == "Processed") { const id = 'update-' + status.update_id; - const content = $(`#${id} .content`); - content.html('Processed ' + status.update_id); + const content = $(`#${id} .updateStatus.content`); + content.html('processed'); } } }); @@ -53,3 +66,13 @@ $(window).on('load', function () { function prependChild(parent, newFirstChild) { parent.insertBefore(newFirstChild, parent.firstChild) } + +// Make the number of document a little bit prettier +$('#docs-count').text(function(index, text) { + return parseInt(text).toLocaleString() +}); + +// Make the database a little bit easier to read +$('#db-size').text(function(index, text) { + return filesize(parseInt(text)) +}); diff --git a/templates/updates.html b/templates/updates.html index 55c8088c3..909df222e 100644 --- a/templates/updates.html +++ b/templates/updates.html @@ -7,6 +7,8 @@ + + {{ db_name }} | Updates @@ -15,12 +17,14 @@
-
-
- milli logo in white - milli logo in black -
-
+ +
+
+ milli logo in white + milli logo in black +
+
+