localize other displayed numbers

app/templates/file.js

@@ -1,5 +1,6 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const number = require('../utils').number;
 
 function timeLeft(milliseconds, state) {
   const minutes = Math.floor(milliseconds / 1000 / 60);
@@ -40,7 +41,9 @@ module.exports = function(file, state, emit) {
       </span>
     </td>
     <td class="overflow-col">${remainingTime}</td>
-    <td class="center-col">${totalDownloads} / ${downloadLimit}</td>
+    <td class="center-col">${number(totalDownloads)} / ${number(
+    downloadLimit
+  )}</td>
     <td class="center-col">
       <img
         onclick=${showPopup}

app/templates/selectbox.js

@@ -1,4 +1,5 @@
 const html = require('choo/html');
+const number = require('../utils').number;
 
 module.exports = function(selected, options, translate, changed) {
   const id = `select-${Math.random()}`;
@@ -47,7 +48,9 @@ module.exports = function(selected, options, translate, changed) {
       <ul id="${id}" class="selectOptions">
         ${options.map(
           i =>
-            html`<li class="selectOption" onclick=${choose} data-value="${i}">${i}</li>`
+            html`<li class="selectOption" onclick=${choose} data-value="${i}">${number(
+              i
+            )}</li>`
         )}
       </ul>
     </div>`;

app/utils.js

@@ -117,6 +117,14 @@ function percent(ratio) {
   return `${Math.floor(ratio * 100)}%`;
 }
 
+function number(n) {
+  if (LOCALIZE_NUMBERS) {
+    const locale = document.querySelector('html').lang;
+    return n.toLocaleString(locale);
+  }
+  return n.toString();
+}
+
 function allowedCopy() {
   const support = !!document.queryCommandSupported;
   return support ? document.queryCommandSupported('copy') : false;
@@ -171,6 +179,7 @@ module.exports = {
   allowedCopy,
   bytes,
   percent,
+  number,
   copyToClipboard,
   arrayToB64,
   b64ToArray,