Fixed album pages

Previously album pages would still use utils.getPrettyBytes(), but one of the previous commits got rid of it in favor of client-side solution.

I forgot to update album pages to also use client-side solution, but this commit fixes it.

On a side note, I also switched all instances of consts to var in the function.

public/js/album.js

@@ -1,7 +1,33 @@
 /* global LazyLoad */
 
-var page = {}
+var page = {
+  lazyLoad: null,
+
+  // byte units for getPrettyBytes()
+  byteUnits: ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+}
+
+page.getPrettyBytes = num => {
+  // MIT License
+  // Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
+  if (!Number.isFinite(num)) { return num }
+
+  var neg = num < 0
+  if (neg) { num = -num }
+  if (num < 1) { return (neg ? '-' : '') + num + ' B' }
+
+  var exponent = Math.min(Math.floor(Math.log10(num) / 3), page.byteUnits.length - 1)
+  var numStr = Number((num / Math.pow(1000, exponent)).toPrecision(3))
+  var unit = page.byteUnits[exponent]
+
+  return (neg ? '-' : '') + numStr + ' ' + unit
+}
 
 window.onload = function () {
+  var elements = document.getElementsByClassName('file-size')
+  for (var i = 0; i < elements.length; i++) {
+    elements[i].innerHTML = page.getPrettyBytes(parseInt(elements[i].innerHTML))
+  }
+
   page.lazyLoad = new LazyLoad()
 }

public/js/dashboard.js

@@ -1418,13 +1418,13 @@ page.getPrettyBytes = num => {
   // Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
   if (!Number.isFinite(num)) { return num }
 
-  const neg = num < 0
+  var neg = num < 0
   if (neg) { num = -num }
   if (num < 1) { return (neg ? '-' : '') + num + ' B' }
 
-  const exponent = Math.min(Math.floor(Math.log10(num) / 3), page.byteUnits.length - 1)
-  const numStr = Number((num / Math.pow(1000, exponent)).toPrecision(3))
-  const unit = page.byteUnits[exponent]
+  var exponent = Math.min(Math.floor(Math.log10(num) / 3), page.byteUnits.length - 1)
+  var numStr = Number((num / Math.pow(1000, exponent)).toPrecision(3))
+  var unit = page.byteUnits[exponent]
 
   return (neg ? '-' : '') + numStr + ' ' + unit
 }

routes/album.js

@@ -41,7 +41,6 @@ routes.get('/a/:identifier', async (req, res, next) => {
 
   for (const file of files) {
     file.file = `${basedomain}/${file.name}`
-    file.size = utils.getPrettyBytes(parseInt(file.size))
 
     file.extname = path.extname(file.name).toLowerCase()
     if (utils.mayGenerateThumb(file.extname)) {

views/_globals.njk

@@ -15,7 +15,7 @@
   v2: Images and config files (manifest.json, browserconfig.xml, etc).
   v3: CSS and JS files (libs such as bulma, lazyload, etc).
 #}
-{% set v1 = "Wd5CjV76Yz" %}
+{% set v1 = "UW9mVRyFee" %}
 {% set v2 = "Ii3JYKIhb0" %}
 {% set v3 = "HrvcYD3KTh" %}
 

views/album.njk

@@ -86,7 +86,7 @@
           </a>
           <div class="details">
             <p><span class="name" title="{{ file.file }}">{{ file.name }}</span></p>
-            <p>{{ file.size }}</p>
+            <p class="file-size">{{ file.size }}</p>
           </div>
         </div>
       {% endfor %}