Setup initial view of covers

1 files changed, 19 insertions, 0 deletions

diff --git a/public/main.js b/public/main.js
new file mode 100644
index 0000000..29de235
--- /dev/null
+++ b/public/main.js
@@ -0,0 +1,19 @@
+const sortedBooks = books.sort((a, b) =>
+  a.authorsSort == b.authorsSort
+    ? a.date > b.date
+    : a.authorsSort > b.authorsSort)
+
+const view = h('div', 
+  { className: 'g-Books' }, 
+  ...sortedBooks.map(book => h('img', { className: 'g-Book', src: book.cover })))
+
+document.body.appendChild(view)
+
+// Helpers
+
+function h(tagName, attrs, ...children) {
+  let elem = document.createElement(tagName)
+  elem = Object.assign(elem, attrs)
+  for (const child of children) elem.append(child)
+  return elem
+}