From c3d4c237cbab49a4274b6617eee9f620bd21f056 Mon Sep 17 00:00:00 2001
From: Bobby Wibowo <bobbywibowo98@gmail.com>
Date: Wed, 10 Oct 2018 02:52:41 +0700
Subject: [PATCH] Init account-manager branch

---
 controllers/albumsController.js     |    7 +-
 controllers/authController.js       |  142 +-
 controllers/tokenController.js      |   32 +-
 controllers/uploadController.js     |   23 +-
 controllers/utilsController.js      |   13 +-
 database/db.js                      |    6 +-
 database/migration.js               |   12 +-
 lolisafe.js                         |   13 +-
 public/css/dashboard.css            |   24 +-
 public/css/sweetalert.css           |    7 +
 public/js/.eslintrc.json            |   13 +-
 public/js/album.js                  |    2 +-
 public/js/auth.js                   |   54 +-
 public/js/dashboard.js              | 2114 ++++++++++++++++-----------
 public/js/home.js                   |  392 +++--
 public/js/sharex.js                 |   37 +-
 public/libs/fontello/fontello.css   |   29 +-
 public/libs/fontello/fontello.eot   |  Bin 11844 -> 12320 bytes
 public/libs/fontello/fontello.svg   |   14 +-
 public/libs/fontello/fontello.ttf   |  Bin 11676 -> 12152 bytes
 public/libs/fontello/fontello.woff  |  Bin 7552 -> 7848 bytes
 public/libs/fontello/fontello.woff2 |  Bin 6332 -> 6620 bytes
 routes/api.js                       |    3 +
 views/dashboard.njk                 |    9 +
 24 files changed, 1762 insertions(+), 1184 deletions(-)

diff --git a/controllers/albumsController.js b/controllers/albumsController.js
index a0fa7f0..2a83b01 100644
--- a/controllers/albumsController.js
+++ b/controllers/albumsController.js
@@ -204,9 +204,12 @@ albumsController.edit = async (req, res, next) => {
     })
     .first()
 
-  if (album && (album.id !== id)) {
+  if (!album) {
+    return res.json({ success: false, description: 'Could not get album with the specified ID.' })
+  } else if (album.id !== id) {
     return res.json({ success: false, description: 'Name already in use.' })
   } else if (req._old && (album.id === id)) {
+    // Old rename API
     return res.json({ success: false, description: 'You did not specify a new name.' })
   }
 
@@ -266,7 +269,7 @@ albumsController.rename = async (req, res, next) => {
 }
 
 albumsController.get = async (req, res, next) => {
-  // TODO:
+  // TODO: ... what was i supposed to do here?
   const identifier = req.params.identifier
   if (identifier === undefined) {
     return res.status(401).json({ success: false, description: 'No identifier provided.' })
diff --git a/controllers/authController.js b/controllers/authController.js
index df553fc..d6ee913 100644
--- a/controllers/authController.js
+++ b/controllers/authController.js
@@ -6,6 +6,35 @@ const utils = require('./utilsController')
 
 const authController = {}
 
+authController.permissions = {
+  user: 0, // upload & delete own files, create & delete albums
+  moderator: 50, // delete other user's files
+  admin: 80, // manage users (disable accounts) & create moderators
+  superadmin: 100 // create admins
+  // groups will inherit permissions from groups which have lower value
+}
+
+authController.is = (user, group) => {
+  // root bypass
+  if (user.username === 'root') { return true }
+  const permission = user.permission || 0
+  return permission >= authController.permissions[group]
+}
+
+authController.higher = (user, target) => {
+  const userPermission = user.permission || 0
+  const targetPermission = target.permission || 0
+  return userPermission > targetPermission
+}
+
+authController.mapPermissions = user => {
+  const map = {}
+  Object.keys(authController.permissions).forEach(group => {
+    map[group] = authController.is(user, group)
+  })
+  return map
+}
+
 authController.verify = async (req, res, next) => {
   const username = req.body.username
   const password = req.body.password
@@ -14,7 +43,9 @@ authController.verify = async (req, res, next) => {
   if (password === undefined) { return res.json({ success: false, description: 'No password provided.' }) }
 
   const user = await db.table('users').where('username', username).first()
-  if (!user) { return res.json({ success: false, description: 'Username doesn\'t exist.' }) }
+  if (!user) {
+    return res.json({ success: false, description: 'Username doesn\'t exist.' })
+  }
   if (user.enabled === false || user.enabled === 0) {
     return res.json({ success: false, description: 'This account has been disabled.' })
   }
@@ -60,7 +91,8 @@ authController.register = async (req, res, next) => {
       username,
       password: hash,
       token,
-      enabled: 1
+      enabled: 1,
+      permission: authController.permissions.user
     })
     return res.json({ success: true, token })
   })
@@ -94,23 +126,43 @@ authController.changePassword = async (req, res, next) => {
 authController.getFileLengthConfig = async (req, res, next) => {
   const user = await utils.authorize(req, res)
   if (!user) { return }
-  return res.json({ success: true, fileLength: user.fileLength, config: config.uploads.fileLength })
+  return res.json({
+    success: true,
+    fileLength: user.fileLength,
+    config: config.uploads.fileLength
+  })
 }
 
 authController.changeFileLength = async (req, res, next) => {
   if (config.uploads.fileLength.userChangeable === false) {
-    return res.json({ success: false, description: 'Changing file name length is disabled at the moment.' })
+    return res.json({
+      success: false,
+      description: 'Changing file name length is disabled at the moment.'
+    })
   }
 
   const user = await utils.authorize(req, res)
   if (!user) { return }
 
   const fileLength = parseInt(req.body.fileLength)
-  if (fileLength === undefined) { return res.json({ success: false, description: 'No file name length provided.' }) }
-  if (isNaN(fileLength)) { return res.json({ success: false, description: 'File name length is not a valid number.' }) }
+  if (fileLength === undefined) {
+    return res.json({
+      success: false,
+      description: 'No file name length provided.'
+    })
+  }
+  if (isNaN(fileLength)) {
+    return res.json({
+      success: false,
+      description: 'File name length is not a valid number.'
+    })
+  }
 
   if (fileLength < config.uploads.fileLength.min || fileLength > config.uploads.fileLength.max) {
-    return res.json({ success: false, description: `File name length must be ${config.uploads.fileLength.min} to ${config.uploads.fileLength.max} characters.` })
+    return res.json({
+      success: false,
+      description: `File name length must be ${config.uploads.fileLength.min} to ${config.uploads.fileLength.max} characters.`
+    })
   }
 
   if (fileLength === user.fileLength) {
@@ -124,4 +176,80 @@ authController.changeFileLength = async (req, res, next) => {
   return res.json({ success: true })
 }
 
+authController.editUser = async (req, res, next) => {
+  const user = await utils.authorize(req, res)
+  if (!user) { return }
+
+  const id = parseInt(req.body.id)
+  if (isNaN(id)) {
+    return res.json({ success: false, description: 'No user specified.' })
+  }
+
+  const target = await db.table('users')
+    .where('id', id)
+    .first()
+
+  if (!target) {
+    return res.json({ success: false, description: 'Could not get user with the specified ID.' })
+  } else if (!authController.higher(user, target)) {
+    return res.json({ success: false, description: 'The user is in the same or higher group as you.' })
+  } else if (target.username === 'root') {
+    return res.json({ success: false, description: 'Root user may not be edited.' })
+  }
+
+  const username = String(req.body.username)
+  if (username.length < 4 || username.length > 32) {
+    return res.json({ success: false, description: 'Username must have 4-32 characters.' })
+  }
+
+  await db.table('users')
+    .where('id', id)
+    .update({
+      username,
+      enabled: Boolean(req.body.enabled)
+    })
+
+  if (!req.body.resetPassword) {
+    return res.json({ success: true, username })
+  }
+
+  const password = randomstring.generate(16)
+  bcrypt.hash(password, 10, async (error, hash) => {
+    if (error) {
+      console.error(error)
+      return res.json({ success: false, description: 'Error generating password hash (╯°□°）╯︵ ┻━┻.' })
+    }
+
+    await db.table('users')
+      .where('id', id)
+      .update('password', hash)
+
+    return res.json({ success: true, password })
+  })
+}
+
+authController.listUsers = async (req, res, next) => {
+  const user = await utils.authorize(req, res)
+  if (!user) { return }
+
+  const isadmin = authController.is(user, 'admin')
+  if (!isadmin) { return res.status(403) }
+
+  let offset = req.params.page
+  if (offset === undefined) { offset = 0 }
+
+  const users = await db.table('users')
+    // .orderBy('id', 'DESC')
+    .limit(25)
+    .offset(25 * offset)
+    .select('id', 'username', 'enabled', 'fileLength', 'permission')
+
+  for (const user of users) {
+    user.groups = authController.mapPermissions(user)
+    delete user.permission
+  }
+
+  return res.json({ success: true, users })
+}
+
 module.exports = authController
diff --git a/controllers/tokenController.js b/controllers/tokenController.js
index 4386e65..63264a9 100644
--- a/controllers/tokenController.js
+++ b/controllers/tokenController.js
@@ -1,3 +1,4 @@
+const auth = require('./authController')
 const config = require('./../config')
 const db = require('knex')(config.database)
 const randomstring = require('randomstring')
@@ -7,17 +8,35 @@ const tokenController = {}
 
 tokenController.verify = async (req, res, next) => {
   const token = req.body.token
-  if (token === undefined) { return res.status(401).json({ success: false, description: 'No token provided.' }) }
+  if (token === undefined) {
+    return res.status(401).json({
+      success: false,
+      description: 'No token provided.'
+    })
+  }
 
   const user = await db.table('users').where('token', token).first()
-  if (!user) { return res.status(401).json({ success: false, description: 'Invalid token.' }) }
-  return res.json({ success: true, username: user.username })
+  if (!user) {
+    return res.status(401).json({
+      success: false,
+      description: 'Invalid token.'
+    })
+  }
+
+  return res.json({
+    success: true,
+    username: user.username,
+    permissions: auth.mapPermissions(user)
+  })
 }
 
 tokenController.list = async (req, res, next) => {
   const user = await utils.authorize(req, res)
   if (!user) { return }
-  return res.json({ success: true, token: user.token })
+  return res.json({
+    success: true,
+    token: user.token
+  })
 }
 
 tokenController.change = async (req, res, next) => {
@@ -30,7 +49,10 @@ tokenController.change = async (req, res, next) => {
     timestamp: Math.floor(Date.now() / 1000)
   })
 
-  res.json({ success: true, token: newtoken })
+  res.json({
+    success: true,
+    token: newtoken
+  })
 }
 
 module.exports = tokenController
diff --git a/controllers/uploadController.js b/controllers/uploadController.js
index 980d492..fd25e00 100644
--- a/controllers/uploadController.js
+++ b/controllers/uploadController.js
@@ -1,3 +1,4 @@
+const auth = require('./authController')
 const config = require('./../config')
 const crypto = require('crypto')
 const db = require('knex')(config.database)
@@ -649,6 +650,11 @@ uploadsController.list = async (req, res) => {
   let offset = req.params.page
   if (offset === undefined) { offset = 0 }
 
+  // Headers is string-only, this seem to be the safest and lightest
+  const all = req.headers.all === '1'
+  const ismoderator = auth.is(user, 'moderator')
+  if (all && !ismoderator) { return res.json(403) }
+
   const files = await db.table('files')
     .where(function () {
       if (req.params.id === undefined) {
@@ -658,7 +664,9 @@ uploadsController.list = async (req, res) => {
       }
     })
     .where(function () {
-      if (user.username !== 'root') { this.where('userid', user.id) }
+      if (!all || !ismoderator) {
+        this.where('userid', user.id)
+      }
     })
     .orderBy('id', 'DESC')
     .limit(25)
@@ -668,7 +676,7 @@ uploadsController.list = async (req, res) => {
   const albums = await db.table('albums')
     .where(function () {
       this.where('enabled', 1)
-      if (user.username !== 'root') {
+      if (!all || !ismoderator) {
         this.where('userid', user.id)
       }
     })
@@ -688,8 +696,8 @@ uploadsController.list = async (req, res) => {
       }
     }
 
-    // Only push usernames if we are root
-    if (user.username === 'root') {
+    // Only push usernames if we are a moderator
+    if (all && ismoderator) {
       if (file.userid !== undefined && file.userid !== null && file.userid !== '') {
         userids.push(file.userid)
       }
@@ -702,13 +710,12 @@ uploadsController.list = async (req, res) => {
   }
 
   // If we are a normal user, send response
-  if (user.username !== 'root') { return res.json({ success: true, files }) }
+  if (!ismoderator) { return res.json({ success: true, files }) }
 
-  // If we are root but there are no uploads attached to a user, send response
+  // If we are a moderator but there are no uploads attached to a user, send response
   if (userids.length === 0) { return res.json({ success: true, files }) }
 
-  const users = await db.table('users')
-    .whereIn('id', userids)
+  const users = await db.table('users').whereIn('id', userids)
   for (const dbUser of users) {
     for (const file of files) {
       if (file.userid === dbUser.id) {
diff --git a/controllers/utilsController.js b/controllers/utilsController.js
index 8793c30..0a47691 100644
--- a/controllers/utilsController.js
+++ b/controllers/utilsController.js
@@ -57,9 +57,18 @@ utilsController.authorize = async (req, res) => {
   }
 
   const user = await db.table('users').where('token', token).first()
-  if (user) { return user }
+  if (user) {
+    if (user.enabled === false || user.enabled === 0) {
+      res.json({ success: false, description: 'This account has been disabled.' })
+      return
+    }
+    return user
+  }
 
-  res.status(401).json({ success: false, description: 'Invalid token.' })
+  res.status(401).json({
+    success: false,
+    description: 'Invalid token.'
+  })
 }
 
 utilsController.generateThumbs = (name, force) => {
diff --git a/database/db.js b/database/db.js
index b9449ed..d8bbb73 100644
--- a/database/db.js
+++ b/database/db.js
@@ -1,3 +1,5 @@
+const { permissions } = require('./../controllers/authController')
+
 const init = function (db) {
   // Create the tables we need to store galleries and files
   db.schema.hasTable('albums').then(exists => {
@@ -44,6 +46,7 @@ const init = function (db) {
         table.integer('enabled')
         table.integer('timestamp')
         table.integer('fileLength')
+        table.integer('permission')
       }).then(() => {
         db.table('users').where({ username: 'root' }).then((user) => {
           if (user.length > 0) { return }
@@ -55,7 +58,8 @@ const init = function (db) {
               username: 'root',
               password: hash,
               token: require('randomstring').generate(64),
-              timestamp: Math.floor(Date.now() / 1000)
+              timestamp: Math.floor(Date.now() / 1000),
+              permission: permissions.superadmin
             }).then(() => {})
           })
         })
diff --git a/database/migration.js b/database/migration.js
index 64d1dce..86d9b5b 100644
--- a/database/migration.js
+++ b/database/migration.js
@@ -1,5 +1,6 @@
 const config = require('./../config')
 const db = require('knex')(config.database)
+const { permissions } = require('./../controllers/authController')
 
 const map = {
   albums: {
@@ -10,7 +11,8 @@ const map = {
   },
   users: {
     enabled: 'integer',
-    fileLength: 'integer'
+    fileLength: 'integer',
+    permission: 'integer'
   }
 }
 
@@ -30,6 +32,14 @@ migration.start = async () => {
     }))
   }))
 
+  await db.table('users')
+    .where('username', 'root')
+    .first()
+    .update({
+      permission: permissions.superadmin
+    })
+    .then(() => console.log(`Updated root's permission to ${permissions.superadmin} (superadmin).`))
+
   console.log('Migration finished! Now start lolisafe normally')
   process.exit(0)
 }
diff --git a/lolisafe.js b/lolisafe.js
index d76fc9f..3aec125 100644
--- a/lolisafe.js
+++ b/lolisafe.js
@@ -32,9 +32,12 @@ fs.existsSync(`./${config.uploads.folder}/zips`) || fs.mkdirSync(`./${config.upl
 safe.use(helmet())
 safe.set('trust proxy', 1)
 
+// https://mozilla.github.io/nunjucks/api.html#configure
 nunjucks.configure('views', {
   autoescape: true,
-  express: safe
+  express: safe,
+  // watch: true, // will this be fine in production?
+  noCache: process.env.DEV === '1'
 })
 safe.set('view engine', 'njk')
 safe.enable('view cache')
@@ -127,7 +130,13 @@ const start = async () => {
     if (!created) { return process.exit(1) }
   }
 
-  safe.listen(config.port, () => console.log(`lolisafe started on port ${config.port}`))
+  safe.listen(config.port, () => {
+    console.log(`lolisafe started on port ${config.port}`)
+    if (process.env.DEV === '1') {
+      // DEV=1 yarn start
+      console.log('lolisafe is in development mode, nunjucks caching disabled')
+    }
+  })
 }
 
 start()
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index 19d5e3d..c05cb32 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -9,6 +9,11 @@
 
 .menu-list a {
   color: #3794d2;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .menu-list a:hover {
@@ -21,6 +26,15 @@
   background-color: #3794d2;
 }
 
+.menu-list a[disabled] {
+  color: #7a7a7a;
+  cursor: not-allowed;
+}
+
+.menu-list a[disabled]:hover {
+  background: none;
+}
+
 .pagination a {
   color: #eff0f1;
   border-color: #4d4d4d;
@@ -71,7 +85,7 @@
   width: 100%;
 }
 
-.image-container .file-checkbox {
+.image-container .checkbox {
   position: absolute;
   top: .75rem;
   left: .75rem;
@@ -118,7 +132,7 @@
 
 /* Make extra info appear on hover only on non-touch devices */
 
-.no-touch .image-container .file-checkbox {
+.no-touch .image-container .checkbox {
   opacity: .25;
   -webkit-transition: opacity .25s;
   transition: opacity .25s;
@@ -131,7 +145,7 @@
   transition: opacity .25s;
 }
 
-.no-touch .image-container:hover .file-checkbox,
+.no-touch .image-container:hover .checkbox,
 .no-touch .image-container:hover .controls,
 .no-touch .image-container:hover .details {
   opacity: 1;
@@ -180,6 +194,6 @@
   height: 2.25em;
 }
 
-.table td a:not([href]) {
-  text-decoration: line-through;
+.is-linethrough {
+  text-decoration: line-through
 }
diff --git a/public/css/sweetalert.css b/public/css/sweetalert.css
index beea10d..aa7cb35 100644
--- a/public/css/sweetalert.css
+++ b/public/css/sweetalert.css
@@ -18,6 +18,13 @@
   color: #bdc3c7;
 }
 
+.swal-content .is-code {
+  font-family: 'Courier New', Courier, monospace;
+  border: 1px dashed #eff0f1;
+  border-radius: 5px;
+  margin-top: 5px;
+}
+
 .swal-button {
   background-color: #3794d2;
   color: #eff0f1;
diff --git a/public/js/.eslintrc.json b/public/js/.eslintrc.json
index c427cf4..eebc10b 100644
--- a/public/js/.eslintrc.json
+++ b/public/js/.eslintrc.json
@@ -1,7 +1,7 @@
 {
   "root": true,
   "parserOptions": {
-    "ecmaVersion": 5
+    "ecmaVersion": 6
   },
   "env": {
     "browser": true
@@ -17,6 +17,17 @@
     "quotes": [
       "error",
       "single"
+    ],
+    "object-shorthand": [
+      "error",
+      "always"
+    ],
+    "prefer-const": [
+      "error",
+      {
+        "destructuring": "any",
+        "ignoreReadBeforeAssign": false
+      }
     ]
   }
 }
diff --git a/public/js/album.js b/public/js/album.js
index 7db04b0..6d5ede4 100644
--- a/public/js/album.js
+++ b/public/js/album.js
@@ -1,6 +1,6 @@
 /* global LazyLoad */
 
-var page = {}
+const page = {}
 
 window.onload = function () {
   page.lazyLoad = new LazyLoad()
diff --git a/public/js/auth.js b/public/js/auth.js
index 331d9c6..a8782dc 100644
--- a/public/js/auth.js
+++ b/public/js/auth.js
@@ -1,6 +1,6 @@
 /* global swal, axios */
 
-var page = {
+const page = {
   // user token
   token: localStorage.token,
 
@@ -10,33 +10,31 @@ var page = {
 }
 
 page.do = function (dest) {
-  var user = page.user.value
-  var pass = page.pass.value
+  const user = page.user.value
+  const pass = page.pass.value
 
   if (!user) {
-    return swal('Error', 'You need to specify a username', 'error')
+    return swal('An error occurred!', 'You need to specify a username', 'error')
   }
 
   if (!pass) {
-    return swal('Error', 'You need to specify a username', 'error')
+    return swal('An error occurred!', 'You need to specify a username', 'error')
   }
 
-  axios.post('api/' + dest, {
+  axios.post(`api/${dest}`, {
     username: user,
     password: pass
-  })
-    .then(function (response) {
-      if (response.data.success === false) {
-        return swal('Error', response.data.description, 'error')
-      }
+  }).then(function (response) {
+    if (response.data.success === false) {
+      return swal('An error occurred!', response.data.description, 'error')
+    }
 
-      localStorage.token = response.data.token
-      window.location = 'dashboard'
-    })
-    .catch(function (error) {
-      console.error(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    localStorage.token = response.data.token
+    window.location = 'dashboard'
+  }).catch(function (error) {
+    console.error(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.verify = function () {
@@ -44,18 +42,16 @@ page.verify = function () {
 
   axios.post('api/tokens/verify', {
     token: page.token
-  })
-    .then(function (response) {
-      if (response.data.success === false) {
-        return swal('Error', response.data.description, 'error')
-      }
+  }).then(function (response) {
+    if (response.data.success === false) {
+      return swal('An error occurred!', response.data.description, 'error')
+    }
 
-      window.location = 'dashboard'
-    })
-    .catch(function (error) {
-      console.error(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    window.location = 'dashboard'
+  }).catch(function (error) {
+    console.error(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 window.onload = function () {
diff --git a/public/js/dashboard.js b/public/js/dashboard.js
index 0e64ea0..baddaca 100644
--- a/public/js/dashboard.js
+++ b/public/js/dashboard.js
@@ -1,30 +1,66 @@
 /* global swal, axios, ClipboardJS, LazyLoad */
 
-var page = {
+// keys for localStorage
+const LS_KEYS = {
+  token: 'token',
+  viewType: {
+    uploads: 'UPLOADS_VIEW_TYPE'
+  },
+  selected: {
+    uploads: 'SELECTED_UPLOADS',
+    users: 'SELECTED_USERS'
+  }
+}
+
+const page = {
   // #page
   dom: null,
 
   // user token
-  token: localStorage.token,
-  username: null, // from api/tokens/verify
+  token: localStorage[LS_KEYS.token],
 
-  // view config (either list or thumbs)
-  filesView: localStorage.filesView,
+  // from api/tokens/verify
+  username: null,
+  permissions: null,
 
-  // current view (which album and which page)
-  currentView: { album: null, pageNum: null },
+  currentView: null,
+  views: {
+    // config of uploads view
+    uploads: {
+      type: localStorage[LS_KEYS.viewType.uploads],
+      album: null, // album's id
+      pageNum: null, // page num
+      all: null // listing all uploads or just the user's
+    },
+    // config of users view
+    users: {
+      pageNum: null
+    }
+  },
 
-  // id of selected files (shared across pages and will be synced with localStorage)
-  selectedFiles: [],
-  checkboxes: [],
-  lastSelected: null,
+  // id of selected items (shared across pages and will be synced with localStorage)
+  selected: {
+    uploads: [],
+    users: []
+  },
+  checkboxes: {
+    uploads: [],
+    users: []
+  },
+  lastSelected: {
+    upload: null,
+    user: null
+  },
 
   // select album dom for dialogs/modals
   selectAlbumContainer: null,
 
-  // cache of files and albums data for dialogs/modals
-  files: {},
-  albums: {},
+  // cache for dialogs/modals
+  cache: {
+    uploads: {},
+    albums: {},
+    users: {}
+  },
 
   clipboardJS: null,
   lazyLoad: null,
@@ -42,31 +78,30 @@ page.preparePage = function () {
 }
 
 page.verifyToken = function (token, reloadOnError) {
-  axios.post('api/tokens/verify', { token: token })
-    .then(function (response) {
-      if (response.data.success === false) {
-        return swal({
-          title: 'An error occurred!',
-          text: response.data.description,
-          icon: 'error'
-        })
-          .then(function () {
-            if (!reloadOnError) { return }
-            localStorage.removeItem('token')
-            location.location = 'auth'
-          })
-      }
+  axios.post('api/tokens/verify', { token }).then(function (response) {
+    if (response.data.success === false) {
+      return swal({
+        title: 'An error occurred!',
+        text: response.data.description,
+        icon: 'error'
+      }).then(function () {
+        if (!reloadOnError) { return }
+        localStorage.removeItem(LS_KEYS.token)
+        location.location = 'auth'
+      })
+    }
 
-      axios.defaults.headers.common.token = token
-      localStorage.token = token
-      page.token = token
-      page.username = response.data.username
-      page.prepareDashboard()
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    axios.defaults.headers.common.token = token
+    localStorage[LS_KEYS.token] = token
+    page.token = token
+    page.username = response.data.username
+    page.permissions = response.data.permissions
+    console.log(page.username, page.permissions)
+    page.prepareDashboard()
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.prepareDashboard = function () {
@@ -76,9 +111,27 @@ page.prepareDashboard = function () {
   document.getElementById('auth').style.display = 'none'
   document.getElementById('dashboard').style.display = 'block'
 
+  if (page.permissions.moderator) {
+    const itemManageUploads = document.getElementById('itemManageUploads')
+    itemManageUploads.removeAttribute('disabled')
+    itemManageUploads.addEventListener('click', function () {
+      page.setActiveMenu(this)
+      page.getUploads({ all: true })
+    })
+  }
+
+  if (page.permissions.admin) {
+    const itemManageUsers = document.getElementById('itemManageUsers')
+    itemManageUsers.removeAttribute('disabled')
+    itemManageUsers.addEventListener('click', function () {
+      page.setActiveMenu(this)
+      page.getUsers()
+    })
+  }
+
   document.getElementById('itemUploads').addEventListener('click', function () {
     page.setActiveMenu(this)
-    page.getUploads()
+    page.getUploads({ all: false })
   })
 
   document.getElementById('itemDeleteByNames').addEventListener('click', function () {
@@ -106,11 +159,11 @@ page.prepareDashboard = function () {
     page.changePassword()
   })
 
-  var logoutBtn = document.getElementById('itemLogout')
+  const logoutBtn = document.getElementById('itemLogout')
   logoutBtn.addEventListener('click', function () {
     page.logout()
   })
-  logoutBtn.innerHTML = 'Logout ( ' + page.username + ' )'
+  logoutBtn.innerHTML = `Logout ( ${page.username} )`
 
   page.getAlbumsSidebar()
 
@@ -118,20 +171,20 @@ page.prepareDashboard = function () {
 }
 
 page.logout = function () {
-  localStorage.removeItem('token')
+  localStorage.removeItem(LS_KEYS.token)
   location.reload('.')
 }
 
 page.getItemID = function (element) {
   // This expects the item's parent to have the item's ID
-  var parent = element.parentNode
+  let parent = element.parentNode
   // If the element is part of a set of controls, use the container's parent instead
   if (element.parentNode.classList.contains('controls')) { parent = parent.parentNode }
   return parseInt(parent.dataset.id)
 }
 
 page.domClick = function (event) {
-  var element = event.target
+  let element = event.target
   if (!element) { return }
 
   // If the clicked element is an icon, delegate event to its A parent; hacky
@@ -142,35 +195,54 @@ page.domClick = function (event) {
   if (!element.dataset || !element.dataset.action) { return }
 
   event.stopPropagation() // maybe necessary
-  var id = page.getItemID(element)
-  var action = element.dataset.action
+  const id = page.getItemID(element)
+  const action = element.dataset.action
+
+  // Handle pagination actions
+  if (['page-prev', 'page-next'].includes(action)) {
+    const views = {}
+    let func = null
+
+    if (page.currentView === 'uploads') {
+      views.album = page.views.uploads.album
+      views.all = page.views.uploads.all
+      func = page.getUploads
+    } else if (page.currentView === 'users') {
+      func = page.getUsers
+    }
+
+    switch (action) {
+      case 'page-prev':
+        views.pageNum = page.views[page.currentView].pageNum - 1
+        if (views.pageNum < 0) {
+          return swal('An error occurred!', 'This is already the first page.', 'error')
+        }
+        return func(views, element)
+      case 'page-next':
+        views.pageNum = page.views[page.currentView].pageNum + 1
+        return func(views, element)
+    }
+  }
 
   switch (action) {
-    case 'page-prev':
-      if (page.currentView.pageNum === 0) {
-        return swal('Can\'t do that!', 'This is already the first page!', 'warning')
-      }
-      return page.getUploads(page.currentView.album, page.currentView.pageNum - 1, element)
-    case 'page-next':
-      return page.getUploads(page.currentView.album, page.currentView.pageNum + 1, element)
     case 'view-list':
-      return page.setFilesView('list', element)
+      return page.setUploadsView('list', element)
     case 'view-thumbs':
-      return page.setFilesView('thumbs', element)
+      return page.setUploadsView('thumbs', element)
     case 'clear-selection':
       return page.clearSelection()
     case 'add-selected-files-to-album':
       return page.addSelectedFilesToAlbum()
     case 'bulk-delete':
       return page.deleteSelectedFiles()
-    case 'select-file':
-      return page.selectFile(element, event)
+    case 'select':
+      return page.select(element, event)
     case 'add-to-album':
       return page.addSingleFileToAlbum(id)
     case 'delete-file':
       return page.deleteFile(id)
-    case 'select-all-files':
-      return page.selectAllFiles(element)
+    case 'select-all':
+      return page.selectAll(element)
     case 'display-thumbnail':
       return page.displayThumbnail(id)
     case 'delete-file-by-names':
@@ -183,6 +255,8 @@ page.domClick = function (event) {
       return page.deleteAlbum(id)
     case 'get-new-token':
       return page.getNewToken(element)
+    case 'edit-user':
+      return page.editUser(id)
   }
 }
 
@@ -192,245 +266,257 @@ page.isLoading = function (element, state) {
   element.classList.remove('is-loading')
 }
 
-page.getUploads = function (album, pageNum, element) {
+page.getUploads = function ({ album, pageNum, all } = {}, element) {
   if (element) { page.isLoading(element, true) }
   if (pageNum === undefined) { pageNum = 0 }
 
-  var url = 'api/uploads/' + pageNum
-  if (album !== undefined) { url = 'api/album/' + album + '/' + pageNum }
+  let url = `api/uploads/${pageNum}`
+  if (album !== undefined) { url = `api/album/${album}/${pageNum}` }
 
-  axios.get(url)
-    .then(function (response) {
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
-      }
+  if (all && !page.permissions.moderator) {
+    return swal('An error occurred!', 'You can not do this!', 'error')
+  }
 
-      if (pageNum && (response.data.files.length === 0)) {
-        // Only remove loading class here, since beyond this the entire page will be replaced anyways
-        if (element) { page.isLoading(element, false) }
-        return swal('Can\'t do that!', 'There are no more files!', 'warning')
-      }
-
-      page.files = {}
-
-      var pagination =
-        '<nav class="pagination is-centered">\n' +
-        '  <a class="button pagination-previous" data-action="page-prev">Previous</a>\n' +
-        '  <a class="button pagination-next" data-action="page-next">Next page</a>\n' +
-        '</nav>'
-
-      var controls =
-        '<div class="columns">\n' +
-        '  <div class="column is-hidden-mobile"></div>\n' +
-        '  <div class="column" style="text-align: center">\n' +
-        '    <a class="button is-small is-danger" title="List view" data-action="view-list">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-th-list"></i>\n' +
-        '      </span>\n' +
-        '    </a>\n' +
-        '    <a class="button is-small is-danger" title="Thumbs view" data-action="view-thumbs">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-th-large"></i>\n' +
-        '      </span>\n' +
-        '    </a>\n' +
-        '  </div>\n' +
-        '  <div class="column" style="text-align: right">\n' +
-        '    <a class="button is-small is-info" title="Clear selection" data-action="clear-selection">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-cancel"></i>\n' +
-        '      </span>\n' +
-        '    </a>\n' +
-        '    <a class="button is-small is-warning" title="Add selected files to album" data-action="add-selected-files-to-album">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-plus"></i>\n' +
-        '      </span>\n' +
-        '    </a>\n' +
-        '    <a class="button is-small is-danger" title="Bulk delete" data-action="bulk-delete">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-trash"></i>\n' +
-        '      </span>\n' +
-        '      <span>Bulk delete</span>\n' +
-        '    </a>\n' +
-        '  </div>\n' +
-        '</div>'
-
-      var allFilesSelected = true
-      var table, i, file, selected, displayAlbumOrUser
-
-      if (page.filesView === 'thumbs') {
-        page.dom.innerHTML =
-          pagination + '\n' +
-          '<hr>\n' +
-          controls + '\n' +
-          '<div id="table" class="columns is-multiline is-mobile is-centered">\n' +
-          '</div>\n' +
-          pagination
-
-        table = document.getElementById('table')
-
-        for (i = 0; i < response.data.files.length; i++) {
-          file = response.data.files[i]
-          selected = page.selectedFiles.includes(file.id)
-          if (!selected && allFilesSelected) { allFilesSelected = false }
-
-          // Prettify
-          file.prettyBytes = page.getPrettyBytes(parseInt(file.size))
-          file.prettyDate = page.getPrettyDate(new Date(file.timestamp * 1000))
-
-          displayAlbumOrUser = file.album
-          if (page.username === 'root') {
-            displayAlbumOrUser = ''
-            if (file.username !== undefined) { displayAlbumOrUser = file.username }
-          }
-
-          var div = document.createElement('div')
-          div.className = 'image-container column is-narrow'
-          div.dataset.id = file.id
-          if (file.thumb !== undefined) {
-            div.innerHTML = '<a class="image" href="' + file.file + '" target="_blank" rel="noopener"><img alt="' + file.name + '" data-src="' + file.thumb + '"/></a>'
-          } else {
-            div.innerHTML = '<a class="image" href="' + file.file + '" target="_blank" rel="noopener"><h1 class="title">' + (file.extname || 'N/A') + '</h1></a>'
-          }
-
-          div.innerHTML +=
-            '<input type="checkbox" class="file-checkbox" title="Select this file" data-action="select-file"' + (selected ? ' checked' : '') + '>\n' +
-            '<div class="controls">\n' +
-            '  <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" data-clipboard-text="' + file.file + '">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-clipboard-1"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '  <a class="button is-small is-warning" title="Add to album" data-action="add-to-album">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-plus"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '  <a class="button is-small is-danger" title="Delete file" data-action="delete-file">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-trash"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '</div>\n' +
-            '<div class="details">\n' +
-            '  <p><span class="name" title="' + file.file + '">' + file.name + '</span></p>\n' +
-            '  <p>' + (displayAlbumOrUser ? ('<span>' + displayAlbumOrUser + '</span> – ') : '') + file.prettyBytes + '</p>\n' +
-            '</div>'
-
-          table.appendChild(div)
-          page.checkboxes = Array.from(table.getElementsByClassName('file-checkbox'))
-          page.lazyLoad.update()
-        }
+  console.log(url, all)
+  axios.get(url, {
+    headers: {
+      all: all ? '1' : '0'
+    }
+  }).then(function (response) {
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
       } else {
-        var albumOrUser = 'Album'
-        if (page.username === 'root') { albumOrUser = 'User' }
+        return swal('An error occurred!', response.data.description, 'error')
+      }
+    }
 
-        page.dom.innerHTML =
-          pagination + '\n' +
-          '<hr>\n' +
-          controls + '\n' +
-          '<div class="table-container">\n' +
-          '  <table class="table is-narrow is-fullwidth is-hoverable">\n' +
-          '    <thead>\n' +
-          '      <tr>\n' +
-          '          <th><input id="selectAll" type="checkbox" title="Select all files" data-action="select-all-files"></th>\n' +
-          '          <th style="width: 25%">File</th>\n' +
-          '          <th>' + albumOrUser + '</th>\n' +
-          '          <th>Size</th>\n' +
-          '          <th>Date</th>\n' +
-          '          <th></th>\n' +
-          '      </tr>\n' +
-          '    </thead>\n' +
-          '    <tbody id="table">\n' +
-          '    </tbody>\n' +
-          '  </table>\n' +
-          '</div>\n' +
-          '<hr>\n' +
-          pagination
+    if (pageNum && (response.data.files.length === 0)) {
+      // Only remove loading class here, since beyond this the entire page will be replaced anyways
+      if (element) { page.isLoading(element, false) }
+      return swal('An error occurred!', 'There are no more uploads.', 'error')
+    }
 
-        table = document.getElementById('table')
+    page.currentView = 'uploads'
+    page.cache.uploads = {}
 
-        for (i = 0; i < response.data.files.length; i++) {
-          file = response.data.files[i]
-          selected = page.selectedFiles.includes(file.id)
-          if (!selected && allFilesSelected) { allFilesSelected = false }
+    const pagination = `
+      <nav class="pagination is-centered">
+        <a class="button pagination-previous" data-action="page-prev">Previous</a>
+        <a class="button pagination-next" data-action="page-next">Next page</a>
+      </nav>
+    `
 
-          page.files[file.id] = {
-            name: file.name,
-            thumb: file.thumb
-          }
+    const controls = `
+      <div class="columns">
+        <div class="column is-hidden-mobile"></div>
+        <div class="column" style="text-align: center">
+          <a class="button is-small is-danger" title="List view" data-action="view-list">
+            <span class="icon">
+              <i class="icon-th-list"></i>
+            </span>
+          </a>
+          <a class="button is-small is-danger" title="Thumbs view" data-action="view-thumbs">
+            <span class="icon">
+              <i class="icon-th-large"></i>
+            </span>
+          </a>
+        </div>
+        <div class="column" style="text-align: right">
+          <a class="button is-small is-info" title="Clear selection" data-action="clear-selection">
+            <span class="icon">
+              <i class="icon-cancel"></i>
+            </span>
+          </a>
+          ${all ? '' : `
+          <a class="button is-small is-warning" title="Add selected uploads to album" data-action="add-selected-files-to-album">
+            <span class="icon">
+              <i class="icon-plus"></i>
+            </span>
+          </a>`}
+          <a class="button is-small is-danger" title="Bulk delete" data-action="bulk-delete">
+            <span class="icon">
+              <i class="icon-trash"></i>
+            </span>
+            <span>Bulk delete</span>
+          </a>
+        </div>
+      </div>
+    `
 
-          // Prettify
-          file.prettyBytes = page.getPrettyBytes(parseInt(file.size))
-          file.prettyDate = page.getPrettyDate(new Date(file.timestamp * 1000))
+    let allSelected = true
+    if (page.views.uploads.type === 'thumbs') {
+      page.dom.innerHTML = `
+        ${pagination}
+        <hr>
+        ${controls}
+        <div id="table" class="columns is-multiline is-mobile is-centered">
+        </div>
+        ${pagination}
+      `
 
-          displayAlbumOrUser = file.album
-          if (page.username === 'root') {
-            displayAlbumOrUser = ''
-            if (file.username !== undefined) { displayAlbumOrUser = file.username }
-          }
+      const table = document.getElementById('table')
 
-          var tr = document.createElement('tr')
-          tr.dataset.id = file.id
-          tr.innerHTML =
-            '<th class="controls"><input type="checkbox" class="file-checkbox" title="Select this file" data-action="select-file"' + (selected ? ' checked' : '') + '></th>\n' +
-            '<th><a href="' + file.file + '" target="_blank" rel="noopener" title="' + file.file + '">' + file.name + '</a></th>\n' +
-            '<th>' + displayAlbumOrUser + '</th>\n' +
-            '<td>' + file.prettyBytes + '</td>\n' +
-            '<td>' + file.prettyDate + '</td>\n' +
-            '<td class="controls" style="text-align: right" >\n' +
-            '  <a class="button is-small is-primary" title="View thumbnail" data-action="display-thumbnail"' + (file.thumb ? '' : ' disabled') + '>\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-picture-1"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '  <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" data-clipboard-text="' + file.file + '">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-clipboard-1"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '  <a class="button is-small is-warning" title="Add to album" data-action="add-to-album">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-plus"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '  <a class="button is-small is-danger" title="Delete file" data-action="delete-file">\n' +
-            '    <span class="icon">\n' +
-            '      <i class="icon-trash"></i>\n' +
-            '    </span>\n' +
-            '  </a>\n' +
-            '</td>'
+      for (let i = 0; i < response.data.files.length; i++) {
+        const upload = response.data.files[i]
+        const selected = page.selected.uploads.includes(upload.id)
+        if (!selected && allSelected) { allSelected = false }
 
-          table.appendChild(tr)
-          page.checkboxes = Array.from(table.getElementsByClassName('file-checkbox'))
+        // Prettify
+        upload.prettyBytes = page.getPrettyBytes(parseInt(upload.size))
+        upload.prettyDate = page.getPrettyDate(new Date(upload.timestamp * 1000))
+
+        let displayAlbumOrUser = upload.album
+        if (all) { displayAlbumOrUser = upload.username || '' }
+
+        const div = document.createElement('div')
+        div.className = 'image-container column is-narrow'
+        div.dataset.id = upload.id
+        if (upload.thumb !== undefined) {
+          div.innerHTML = `<a class="image" href="${upload.file}" target="_blank" rel="noopener"><img alt="${upload.name}" data-src="${upload.thumb}"/></a>`
+        } else {
+          div.innerHTML = `<a class="image" href="${upload.file}" target="_blank" rel="noopener"><h1 class="title">${upload.extname || 'N/A'}</h1></a>`
         }
-      }
 
-      if (allFilesSelected && response.data.files.length) {
-        var selectAll = document.getElementById('selectAll')
-        if (selectAll) { selectAll.checked = true }
-      }
+        div.innerHTML += `
+          <input type="checkbox" class="checkbox" title="Select this file" data-action="select"${selected ? ' checked' : ''}>
+          <div class="controls">
+            <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" data-clipboard-text="${upload.file}">
+              <span class="icon">
+                <i class="icon-clipboard-1"></i>
+              </span>
+            </a>
+            <a class="button is-small is-warning" title="Add to album" data-action="add-to-album">
+              <span class="icon">
+                <i class="icon-plus"></i>
+              </span>
+            </a>
+            <a class="button is-small is-danger" title="Delete file" data-action="delete-file">
+              <span class="icon">
+                <i class="icon-trash"></i>
+              </span>
+            </a>
+          </div>
+          <div class="details">
+            <p><span class="name" title="${upload.file}">${upload.name}</span></p>
+            <p>${displayAlbumOrUser ? `<span>${displayAlbumOrUser}</span> – ` : ''}${upload.prettyBytes}</p>
+          </div>
+        `
 
-      page.currentView.album = album
-      page.currentView.pageNum = response.data.files.length ? pageNum : 0
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+        table.appendChild(div)
+        // page.checkboxes.uploads = Array.from(table.getElementsByClassName('checkbox'))
+        page.checkboxes.uploads = Array.from(table.querySelectorAll('.checkbox[data-action="select"]'))
+        page.lazyLoad.update()
+      }
+    } else {
+      let albumOrUser = 'Album'
+      if (all) { albumOrUser = 'User' }
+
+      page.dom.innerHTML = `
+        ${pagination}
+        <hr>
+        ${controls}
+        <div class="table-container">
+          <table class="table is-narrow is-fullwidth is-hoverable">
+            <thead>
+              <tr>
+                <th><input id="selectAll" class="checkbox" type="checkbox" title="Select all uploads" data-action="select-all"></th>
+                <th style="width: 25%">File</th>
+                <th>${albumOrUser}</th>
+                <th>Size</th>
+                <th>Date</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody id="table">
+            </tbody>
+          </table>
+        </div>
+        <hr>
+        ${pagination}
+      `
+
+      const table = document.getElementById('table')
+
+      for (let i = 0; i < response.data.files.length; i++) {
+        const upload = response.data.files[i]
+        const selected = page.selected.uploads.includes(upload.id)
+        if (!selected && allSelected) { allSelected = false }
+
+        page.cache.uploads[upload.id] = {
+          name: upload.name,
+          thumb: upload.thumb
+        }
+
+        // Prettify
+        upload.prettyBytes = page.getPrettyBytes(parseInt(upload.size))
+        upload.prettyDate = page.getPrettyDate(new Date(upload.timestamp * 1000))
+
+        let displayAlbumOrUser = upload.album
+        if (all) { displayAlbumOrUser = upload.username || '' }
+
+        const tr = document.createElement('tr')
+        tr.dataset.id = upload.id
+        tr.innerHTML = `
+          <th class="controls"><input type="checkbox" class="checkbox" title="Select this file" data-action="select"${selected ? ' checked' : ''}></th>
+          <th><a href="${upload.file}" target="_blank" rel="noopener" title="${upload.file}">${upload.name}</a></th>
+          <th>${displayAlbumOrUser}</th>
+          <td>${upload.prettyBytes}</td>
+          <td>${upload.prettyDate}</td>
+          <td class="controls" style="text-align: right">
+            <a class="button is-small is-primary" title="View thumbnail" data-action="display-thumbnail"${upload.thumb ? '' : ' disabled'}>
+              <span class="icon">
+                <i class="icon-picture-1"></i>
+              </span>
+            </a>
+            <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" data-clipboard-text="${upload.file}">
+              <span class="icon">
+                <i class="icon-clipboard-1"></i>
+              </span>
+            </a>
+            ${all ? '' : `
+            <a class="button is-small is-warning" title="Add to album" data-action="add-to-album">
+              <span class="icon">
+                <i class="icon-plus"></i>
+              </span>
+            </a>`}
+            <a class="button is-small is-danger" title="Delete file" data-action="delete-file">
+              <span class="icon">
+                <i class="icon-trash"></i>
+              </span>
+            </a>
+          </td>
+        `
+
+        table.appendChild(tr)
+        // page.checkboxes.uploads = Array.from(table.getElementsByClassName('checkbox'))
+        page.checkboxes.uploads = Array.from(table.querySelectorAll('.checkbox[data-action="select"]'))
+      }
+    }
+
+    if (allSelected && response.data.files.length) {
+      const selectAll = document.getElementById('selectAll')
+      if (selectAll) { selectAll.checked = true }
+    }
+
+    page.views.uploads.album = album
+    page.views.uploads.pageNum = response.data.files.length ? pageNum : 0
+    page.views.uploads.all = all
+  }).catch(function (error) {
+    if (element) { page.isLoading(element, false) }
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
-page.setFilesView = function (view, element) {
-  localStorage.filesView = view
-  page.filesView = view
-  page.getUploads(page.currentView.album, page.currentView.pageNum, element)
+page.setUploadsView = function (view, element) {
+  localStorage[LS_KEYS.viewType.files] = view
+  page.views.uploads.type = view
+  page.getUploads(page.views.uploads, element)
 }
 
 page.displayThumbnail = function (id) {
-  var file = page.files[id]
+  const file = page.cache.uploads[id]
   if (!file.thumb) { return }
   return swal({
     text: file.name,
@@ -442,113 +528,123 @@ page.displayThumbnail = function (id) {
   })
 }
 
-page.selectAllFiles = function (element) {
-  var table = document.getElementById('table')
-  var checkboxes = table.getElementsByClassName('file-checkbox')
+page.selectAll = function (element) {
+  const currentView = page.currentView
+  const checkboxes = page.checkboxes[currentView]
+  const selected = page.selected[currentView]
 
-  for (var i = 0; i < checkboxes.length; i++) {
-    var id = page.getItemID(checkboxes[i])
+  for (let i = 0; i < checkboxes.length; i++) {
+    const id = page.getItemID(checkboxes[i])
     if (isNaN(id)) { continue }
     if (checkboxes[i].checked !== element.checked) {
       checkboxes[i].checked = element.checked
       if (checkboxes[i].checked) {
-        page.selectedFiles.push(id)
+        selected.push(id)
       } else {
-        page.selectedFiles.splice(page.selectedFiles.indexOf(id), 1)
+        selected.splice(selected.indexOf(id), 1)
       }
     }
   }
 
-  if (page.selectedFiles.length) {
-    localStorage.selectedFiles = JSON.stringify(page.selectedFiles)
+  if (selected.length) {
+    localStorage[LS_KEYS.selected[currentView]] = JSON.stringify(selected)
   } else {
-    localStorage.removeItem('selectedFiles')
+    localStorage.removeItem(LS_KEYS.selected[currentView])
   }
 
-  element.title = element.checked ? 'Unselect all files' : 'Select all files'
+  page.selected[currentView] = selected
+  element.title = element.checked ? 'Unselect all uploads' : 'Select all uploads'
 }
 
 page.selectInBetween = function (element, lastElement) {
   if (!element || !lastElement) { return }
   if (element === lastElement) { return }
-  if (!page.checkboxes || !page.checkboxes.length) { return }
 
-  var thisIndex = page.checkboxes.indexOf(element)
-  var lastIndex = page.checkboxes.indexOf(lastElement)
+  const currentView = page.currentView
+  const checkboxes = page.checkboxes[currentView]
+  if (!checkboxes || !checkboxes.length) { return }
 
-  var distance = thisIndex - lastIndex
+  const thisIndex = checkboxes.indexOf(element)
+  const lastIndex = checkboxes.indexOf(lastElement)
+
+  const distance = thisIndex - lastIndex
   if (distance >= -1 && distance <= 1) { return }
 
-  for (var i = 0; i < page.checkboxes.length; i++) {
+  for (let i = 0; i < checkboxes.length; i++) {
     if ((thisIndex > lastIndex && i > lastIndex && i < thisIndex) ||
       (thisIndex < lastIndex && i > thisIndex && i < lastIndex)) {
-      page.checkboxes[i].checked = true
-      page.selectedFiles.push(page.getItemID(page.checkboxes[i]))
+      checkboxes[i].checked = true
+      page.selected[currentView].push(page.getItemID(checkboxes[i]))
     }
   }
 
-  localStorage.selectedFiles = JSON.stringify(page.selectedFiles)
+  localStorage[LS_KEYS.selected.uploads] = JSON.stringify(page.selected[currentView])
+  page.checkboxes[currentView] = checkboxes
 }
 
-page.selectFile = function (element, event) {
-  if (event.shiftKey && page.lastSelected) {
-    page.selectInBetween(element, page.lastSelected)
+page.select = function (element, event) {
+  const currentView = page.currentView
+  const lastSelected = page.lastSelected[currentView]
+  if (event.shiftKey && lastSelected) {
+    page.selectInBetween(element, lastSelected)
   } else {
-    page.lastSelected = element
+    page.lastSelected[currentView] = element
   }
 
-  var id = page.getItemID(element)
+  const id = page.getItemID(element)
   if (isNaN(id)) { return }
 
-  if (!page.selectedFiles.includes(id) && element.checked) {
-    page.selectedFiles.push(id)
-  } else if (page.selectedFiles.includes(id) && !element.checked) {
-    page.selectedFiles.splice(page.selectedFiles.indexOf(id), 1)
+  const selected = page.selected[currentView]
+  if (!selected.includes(id) && element.checked) {
+    selected.push(id)
+  } else if (selected.includes(id) && !element.checked) {
+    selected.splice(selected.indexOf(id), 1)
   }
 
-  if (page.selectedFiles.length) {
-    localStorage.selectedFiles = JSON.stringify(page.selectedFiles)
+  if (selected.length) {
+    localStorage[LS_KEYS.selected[currentView]] = JSON.stringify(selected)
   } else {
-    localStorage.removeItem('selectedFiles')
+    localStorage.removeItem(LS_KEYS.selected[currentView])
   }
+
+  page.selected[currentView] = selected
 }
 
 page.clearSelection = function () {
-  var count = page.selectedFiles.length
+  const currentView = page.currentView
+  const selected = page.selected[currentView]
+  const count = selected.length
   if (!count) {
-    return swal('An error occurred!', 'You have not selected any files.', 'error')
+    return swal('An error occurred!', `You have not selected any ${currentView}.`, 'error')
   }
 
-  var suffix = 'file' + (count === 1 ? '' : 's')
+  const suffix = count === 1 ? currentView.substring(0, currentView.length - 1) : currentView
   return swal({
     title: 'Are you sure?',
-    text: 'You are going to unselect ' + count + ' ' + suffix + '.',
+    text: `You are going to unselect ${count} ${suffix}.`,
     buttons: true
-  })
-    .then(function (proceed) {
-      if (!proceed) { return }
+  }).then(function (proceed) {
+    if (!proceed) { return }
 
-      var table = document.getElementById('table')
-      var checkboxes = table.getElementsByClassName('file-checkbox')
-
-      for (var i = 0; i < checkboxes.length; i++) {
-        if (checkboxes[i].checked) {
-          checkboxes[i].checked = false
-        }
+    const checkboxes = page.checkboxes[currentView]
+    for (let i = 0; i < checkboxes.length; i++) {
+      if (checkboxes[i].checked) {
+        checkboxes[i].checked = false
       }
+    }
 
-      page.selectedFiles = []
-      localStorage.removeItem('selectedFiles')
+    localStorage.removeItem(LS_KEYS.selected[currentView])
+    page.selected[currentView] = []
 
-      var selectAll = document.getElementById('selectAll')
-      if (selectAll) { selectAll.checked = false }
+    const selectAll = document.getElementById('selectAll')
+    if (selectAll) { selectAll.checked = false }
 
-      return swal('Cleared selection!', 'Unselected ' + count + ' ' + suffix + '.', 'success')
-    })
+    return swal('Cleared selection!', `Unselected ${count} ${suffix}.`, 'success')
+  })
 }
 
 page.deleteFile = function (id) {
-  // TODO: Share function with bulk delete, just like 'add selected files to album' and 'add single file to album'
+  // TODO: Share function with bulk delete, just like 'add selected uploads to album' and 'add single file to album'
   swal({
     title: 'Are you sure?',
     text: 'You won\'t be able to recover the file!',
@@ -561,221 +657,214 @@ page.deleteFile = function (id) {
         closeModal: false
       }
     }
-  })
-    .then(function (proceed) {
-      if (!proceed) { return }
+  }).then(function (proceed) {
+    if (!proceed) { return }
 
-      axios.post('api/upload/delete', { id: id })
-        .then(function (response) {
-          if (!response) { return }
+    axios.post('api/upload/delete', { id }).then(function (response) {
+      if (!response) { return }
 
-          if (response.data.success === false) {
-            if (response.data.description === 'No token provided') {
-              return page.verifyToken(page.token)
-            } else {
-              return swal('An error occurred!', response.data.description, 'error')
-            }
-          }
+      if (response.data.success === false) {
+        if (response.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', response.data.description, 'error')
+        }
+      }
 
-          swal('Deleted!', 'The file has been deleted.', 'success')
-          page.getUploads(page.currentView.album, page.currentView.pageNum)
-        })
-        .catch(function (error) {
-          console.log(error)
-          return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-        })
+      swal('Deleted!', 'The file has been deleted.', 'success')
+      page.getUploads(page.views.uploads)
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 page.deleteSelectedFiles = function () {
-  var count = page.selectedFiles.length
+  const count = page.selected.uploads.length
   if (!count) {
-    return swal('An error occurred!', 'You have not selected any files.', 'error')
+    return swal('An error occurred!', 'You have not selected any uploads.', 'error')
   }
 
-  var suffix = 'file' + (count === 1 ? '' : 's')
+  const suffix = `file${count === 1 ? '' : 's'}`
   swal({
     title: 'Are you sure?',
-    text: 'You won\'t be able to recover ' + count + ' ' + suffix + '!',
+    text: `You won't be able to recover ${count} ${suffix}!`,
     icon: 'warning',
     dangerMode: true,
     buttons: {
       cancel: true,
       confirm: {
-        text: 'Yes, nuke the ' + suffix + '!',
+        text: `Yes, nuke the ${suffix}!`,
         closeModal: false
       }
     }
-  })
-    .then(function (proceed) {
-      if (!proceed) { return }
+  }).then(function (proceed) {
+    if (!proceed) { return }
 
-      axios.post('api/upload/bulkdelete', {
-        field: 'id',
-        values: page.selectedFiles
-      })
-        .then(function (bulkdelete) {
-          if (!bulkdelete) { return }
+    axios.post('api/upload/bulkdelete', {
+      field: 'id',
+      values: page.selected.uploads
+    }).then(function (bulkdelete) {
+      if (!bulkdelete) { return }
 
-          if (bulkdelete.data.success === false) {
-            if (bulkdelete.data.description === 'No token provided') {
-              return page.verifyToken(page.token)
-            } else {
-              return swal('An error occurred!', bulkdelete.data.description, 'error')
-            }
-          }
+      if (bulkdelete.data.success === false) {
+        if (bulkdelete.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', bulkdelete.data.description, 'error')
+        }
+      }
 
-          var deleted = count
-          if (bulkdelete.data.failed && bulkdelete.data.failed.length) {
-            deleted -= bulkdelete.data.failed.length
-            page.selectedFiles = page.selectedFiles.filter(function (id) {
-              return bulkdelete.data.failed.includes(id)
-            })
-          } else {
-            page.selectedFiles = []
-          }
-
-          localStorage.selectedFiles = JSON.stringify(page.selectedFiles)
-
-          swal('Deleted!', deleted + ' file' + (deleted === 1 ? ' has' : 's have') + ' been deleted.', 'success')
-          return page.getUploads(page.currentView.album, page.currentView.pageNum)
-        })
-        .catch(function (error) {
-          console.log(error)
-          swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+      let deleted = count
+      if (bulkdelete.data.failed && bulkdelete.data.failed.length) {
+        deleted -= bulkdelete.data.failed.length
+        page.selected.uploads = page.selected.uploads.filter(function (id) {
+          return bulkdelete.data.failed.includes(id)
         })
+      } else {
+        page.selected.uploads = []
+      }
+
+      localStorage[LS_KEYS.selected.uploads] = JSON.stringify(page.selected.uploads)
+
+      swal('Deleted!', `${deleted} file${deleted === 1 ? ' has' : 's have'} been deleted.`, 'success')
+      return page.getUploads(page.views.uploads)
+    }).catch(function (error) {
+      console.log(error)
+      swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 page.deleteByNames = function () {
-  page.dom.innerHTML =
-    '<h2 class="subtitle">Delete by names</h2>\n' +
-    '<div class="field">\n' +
-    '  <label class="label">File names:</label>\n' +
-    '  <div class="control">\n' +
-    '    <textarea id="names" class="textarea"></textarea>\n' +
-    '  </div>\n' +
-    '  <p class="help">Separate each entry with a new line.</p>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <a class="button is-danger is-fullwidth" data-action="delete-file-by-names">\n' +
-    '      <span class="icon">\n' +
-    '        <i class="icon-trash"></i>\n' +
-    '      </span>\n' +
-    '      <span>Bulk delete</span>\n' +
-    '    </a>\n' +
-    '  </div>\n' +
-    '</div>'
+  page.dom.innerHTML = `
+    <h2 class="subtitle">Delete by names</h2>
+    <div class="field">
+      <label class="label">File names:</label>
+      <div class="control">
+        <textarea id="names" class="textarea"></textarea>
+      </div>
+      <p class="help">Separate each entry with a new line.</p>
+    </div>
+    <div class="field">
+      <div class="control">
+        <a class="button is-danger is-fullwidth" data-action="delete-file-by-names">
+          <span class="icon">
+            <i class="icon-trash"></i>
+          </span>
+          <span>Bulk delete</span>
+        </a>
+      </div>
+    </div>
+  `
 }
 
 page.deleteFileByNames = function () {
-  var names = document.getElementById('names').value
+  const names = document.getElementById('names').value
     .split(/\r?\n/)
     .filter(function (n) {
       return n.trim().length
     })
-  var count = names.length
+  const count = names.length
   if (!count) {
     return swal('An error occurred!', 'You have not entered any file names.', 'error')
   }
 
-  var suffix = 'file' + (count === 1 ? '' : 's')
+  const suffix = `file${count === 1 ? '' : 's'}`
   swal({
     title: 'Are you sure?',
-    text: 'You won\'t be able to recover ' + count + ' ' + suffix + '!',
+    text: `You won't be able to recover ${count} ${suffix}!`,
     icon: 'warning',
     dangerMode: true,
     buttons: {
       cancel: true,
       confirm: {
-        text: 'Yes, nuke the ' + suffix + '!',
+        text: `Yes, nuke the ${suffix}!`,
         closeModal: false
       }
     }
-  })
-    .then(function (proceed) {
-      if (!proceed) { return }
+  }).then(function (proceed) {
+    if (!proceed) { return }
 
-      axios.post('api/upload/bulkdelete', {
-        field: 'name',
-        values: names
-      })
-        .then(function (bulkdelete) {
-          if (!bulkdelete) { return }
+    axios.post('api/upload/bulkdelete', {
+      field: 'name',
+      values: names
+    }).then(function (bulkdelete) {
+      if (!bulkdelete) { return }
 
-          if (bulkdelete.data.success === false) {
-            if (bulkdelete.data.description === 'No token provided') {
-              return page.verifyToken(page.token)
-            } else {
-              return swal('An error occurred!', bulkdelete.data.description, 'error')
-            }
-          }
+      if (bulkdelete.data.success === false) {
+        if (bulkdelete.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', bulkdelete.data.description, 'error')
+        }
+      }
 
-          var deleted = count
-          if (bulkdelete.data.failed && bulkdelete.data.failed.length) {
-            deleted -= bulkdelete.data.failed.length
-          }
+      let deleted = count
+      if (bulkdelete.data.failed && bulkdelete.data.failed.length) {
+        deleted -= bulkdelete.data.failed.length
+      }
 
-          document.getElementById('names').value = bulkdelete.data.failed.join('\n')
-          swal('Deleted!', deleted + ' file' + (deleted === 1 ? ' has' : 's have') + ' been deleted.', 'success')
-        })
-        .catch(function (error) {
-          console.log(error)
-          swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-        })
+      document.getElementById('names').value = bulkdelete.data.failed.join('\n')
+      swal('Deleted!', `${deleted} file${deleted === 1 ? ' has' : 's have'} been deleted.`, 'success')
+    }).catch(function (error) {
+      console.log(error)
+      swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 page.addSelectedFilesToAlbum = function () {
-  var count = page.selectedFiles.length
+  const count = page.selected.uploads.length
   if (!count) {
-    return swal('An error occurred!', 'You have not selected any files.', 'error')
+    return swal('An error occurred!', 'You have not selected any uploads.', 'error')
   }
 
-  page.addFilesToAlbum(page.selectedFiles, function (failed) {
+  page.addFilesToAlbum(page.selected.uploads, function (failed) {
     if (!failed) { return }
     if (failed.length) {
-      page.selectedFiles = page.selectedFiles.filter(function (id) {
+      page.selected.uploads = page.selected.uploads.filter(function (id) {
         return failed.includes(id)
       })
     } else {
-      page.selectedFiles = []
+      page.selected.uploads = []
     }
-    localStorage.selectedFiles = JSON.stringify(page.selectedFiles)
-    page.getUploads(page.currentView.album, page.currentView.pageNum)
+    localStorage[LS_KEYS.selected.uploads] = JSON.stringify(page.selected.uploads)
+    page.getUploads(page.views.uploads)
   })
 }
 
 page.addSingleFileToAlbum = function (id) {
   page.addFilesToAlbum([id], function (failed) {
     if (!failed) { return }
-    page.getUploads(page.currentView.album, page.currentView.pageNum)
+    page.getUploads(page.views.uploads)
   })
 }
 
 page.addFilesToAlbum = function (ids, callback) {
-  var count = ids.length
+  const count = ids.length
 
-  var content = document.createElement('div')
+  const content = document.createElement('div')
   content.id = 'addFilesToAlbum'
-  content.innerHTML =
-    '<p>You are about to add <span style="font-weight: 800">' + count + '</span> file' + (count === 1 ? '' : 's') + ' to an album.</p>' +
-    '<div class="field">\n' +
-    '  <label class="label">If a file is already in an album, it will be moved.</label>\n' +
-    '  <div class="control">\n' +
-    '    <div class="select is-fullwidth">\n' +
-    '      <select disabled>\n' +
-    '        <option value="-1">Remove from album</option>\n' +
-    '        <option value="" selected disabled>Fetching albums list\u2026</option>\n' +
-    '      </select>\n' +
-    '    </div>\n' +
-    '</div>'
+  content.innerHTML = `
+    <p>You are about to add <b>${count}</b> file${count === 1 ? '' : 's'} to an album.</p>
+    <div class="field">
+      <label class="label">If a file is already in an album, it will be moved.</label>
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select disabled>
+            <option value="-1">Remove from album</option>
+            <option value="" selected disabled>Fetching albums list\u2026</option>
+          </select>
+        </div>
+    </div>
+  `
 
   swal({
     title: 'Add to album',
     icon: 'warning',
-    content: content,
+    content,
     buttons: {
       cancel: true,
       confirm: {
@@ -786,16 +875,16 @@ page.addFilesToAlbum = function (ids, callback) {
   }).then(function (choose) {
     if (!choose) { return }
 
-    var container = document.getElementById('addFilesToAlbum')
-    var select = container.getElementsByTagName('select')[0]
-    var albumid = parseInt(select.value)
+    const container = document.getElementById('addFilesToAlbum')
+    const select = container.getElementsByTagName('select')[0]
+    const albumid = parseInt(select.value)
     if (isNaN(albumid)) {
       return swal('An error occurred!', 'You did not choose an album.', 'error')
     }
 
     axios.post('api/albums/addfiles', {
-      ids: ids,
-      albumid: albumid
+      ids,
+      albumid
     }).then(function (add) {
       if (!add) { return }
 
@@ -808,17 +897,17 @@ page.addFilesToAlbum = function (ids, callback) {
         return
       }
 
-      var added = ids.length
+      let added = ids.length
       if (add.data.failed && add.data.failed.length) {
         added -= add.data.failed.length
       }
 
-      var suffix = 'file' + (ids.length === 1 ? '' : 's')
+      const suffix = `file${ids.length === 1 ? '' : 's'}`
       if (!added) {
-        return swal('An error occurred!', 'Could not add the ' + suffix + ' to the album.', 'error')
+        return swal('An error occurred!', `Could not add the ${suffix} to the album.`, 'error')
       }
 
-      swal('Woohoo!', 'Successfully ' + (albumid < 0 ? 'removed' : 'added') + ' ' + added + ' ' + suffix + ' ' + (albumid < 0 ? 'from' : 'to') + ' the album.', 'success')
+      swal('Woohoo!', `Successfully ${albumid < 0 ? 'removed' : 'added'} ${added} ${suffix} ${albumid < 0 ? 'from' : 'to'} the album.`, 'success')
       return callback(add.data.failed)
     }).catch(function (error) {
       console.log(error)
@@ -841,12 +930,12 @@ page.addFilesToAlbum = function (ids, callback) {
     }
 
     // If the prompt was replaced, the container would be missing
-    var container = document.getElementById('addFilesToAlbum')
+    const container = document.getElementById('addFilesToAlbum')
     if (!container) { return }
-    var select = container.getElementsByTagName('select')[0]
+    const select = container.getElementsByTagName('select')[0]
     select.innerHTML += list.data.albums
       .map(function (album) {
-        return '<option value="' + album.id + '">' + album.name + '</option>'
+        return `<option value="${album.id}">${album.name}</option>`
       })
       .join('\n')
     select.getElementsByTagName('option')[1].innerHTML = 'Choose an album'
@@ -858,149 +947,150 @@ page.addFilesToAlbum = function (ids, callback) {
 }
 
 page.getAlbums = function () {
-  axios.get('api/albums')
-    .then(function (response) {
-      if (!response) { return }
+  axios.get('api/albums').then(function (response) {
+    if (!response) { return }
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
+      }
+    }
+
+    page.cache.albums = {}
+
+    page.dom.innerHTML = `
+      <h2 class="subtitle">Create new album</h2>
+      <div class="field">
+        <div class="control">
+          <input id="albumName" class="input" type="text" placeholder="Name">
+        </div>
+      </div>
+      <div class="field">
+        <div class="control">
+          <a id="submitAlbum" class="button is-breeze is-fullwidth" data-action="submit-album">
+            <span class="icon">
+              <i class="icon-paper-plane-empty"></i>
+            </span>
+            <span>Create</span>
+          </a>
+        </div>
+      </div>
+      <hr>
+      <h2 class="subtitle">List of albums</h2>
+      <div class="table-container">
+        <table class="table is-fullwidth is-hoverable">
+          <thead>
+            <tr>
+              <th>ID</th>
+              <th>Name</th>
+              <th>Files</th>
+              <th>Created at</th>
+              <th>Public link</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody id="table">
+          </tbody>
+        </table>
+      </div>
+    `
+
+    const homeDomain = response.data.homeDomain
+    const table = document.getElementById('table')
+
+    for (let i = 0; i < response.data.albums.length; i++) {
+      const album = response.data.albums[i]
+      const albumUrl = `${homeDomain}/a/${album.identifier}`
+
+      // Prettify
+      album.prettyDate = page.getPrettyDate(new Date(album.timestamp * 1000))
+
+      page.cache.albums[album.id] = {
+        name: album.name,
+        download: album.download,
+        public: album.public
       }
 
-      page.albums = {}
+      const tr = document.createElement('tr')
+      tr.innerHTML = `
+        <tr>
+          <th>${album.id}</th>
+          <th>${album.name}</th>
+          <th>${album.files}</th>
+          <td>${album.prettyDate}</td>
+          <td><a ${album.public ? `href="${albumUrl}"` : 'class="is-linethrough"'} target="_blank" rel="noopener">${albumUrl}</a></td>
+          <td style="text-align: right" data-id="${album.id}">
+            <a class="button is-small is-primary" title="Edit album" data-action="edit-album">
+              <span class="icon is-small">
+                <i class="icon-pencil-1"></i>
+              </span>
+            </a>
+            <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" ${album.public ? `data-clipboard-text="${albumUrl}"` : 'disabled'}>
+              <span class="icon is-small">
+                <i class="icon-clipboard-1"></i>
+              </span>
+            </a>
+            <a class="button is-small is-warning" title="Download album" ${album.download ? `href="api/album/zip/${album.identifier}?v=${album.editedAt}"` : 'disabled'}>
+              <span class="icon is-small">
+                <i class="icon-download"></i>
+              </span>
+            </a>
+            <a class="button is-small is-danger" title="Delete album" data-action="delete-album">
+              <span class="icon is-small">
+                <i class="icon-trash"></i>
+              </span>
+            </a>
+          </td>
+        </tr>
+      `
 
-      page.dom.innerHTML =
-        '<h2 class="subtitle">Create new album</h2>\n' +
-        '<div class="field">\n' +
-        '  <div class="control">\n' +
-        '    <input id="albumName" class="input" type="text" placeholder="Name">\n' +
-        '  </div>\n' +
-        '</div>\n' +
-        '<div class="field">\n' +
-        '  <div class="control">\n' +
-        '    <a id="submitAlbum" class="button is-breeze is-fullwidth" data-action="submit-album">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-paper-plane-empty"></i>\n' +
-        '      </span>\n' +
-        '      <span>Create</span>\n' +
-        '    </a>\n' +
-        '  </div>\n' +
-        '</div>\n' +
-        '<hr>\n' +
-        '<h2 class="subtitle">List of albums</h2>\n' +
-        '<div class="table-container">\n' +
-        '  <table class="table is-fullwidth is-hoverable">\n' +
-        '    <thead>\n' +
-        '      <tr>\n' +
-        '          <th>ID</th>\n' +
-        '          <th>Name</th>\n' +
-        '          <th>Files</th>\n' +
-        '          <th>Created at</th>\n' +
-        '          <th>Public link</th>\n' +
-        '          <th></th>\n' +
-        '      </tr>\n' +
-        '    </thead>\n' +
-        '    <tbody id="table">\n' +
-        '    </tbody>\n' +
-        '  </table>\n' +
-        '</div>'
-
-      var homeDomain = response.data.homeDomain
-      var table = document.getElementById('table')
-
-      for (var i = 0; i < response.data.albums.length; i++) {
-        var album = response.data.albums[i]
-        var albumUrl = homeDomain + '/a/' + album.identifier
-
-        // Prettify
-        album.prettyDate = page.getPrettyDate(new Date(album.timestamp * 1000))
-
-        page.albums[album.id] = {
-          name: album.name,
-          download: album.download,
-          public: album.public
-        }
-
-        var tr = document.createElement('tr')
-        tr.innerHTML =
-          '<tr>\n' +
-          '  <th>' + album.id + '</th>\n' +
-          '  <th>' + album.name + '</th>\n' +
-          '  <th>' + album.files + '</th>\n' +
-          '  <td>' + album.prettyDate + '</td>\n' +
-          '  <td><a' + (album.public ? (' href="' + albumUrl + '"') : '') + ' target="_blank" rel="noopener">' + albumUrl + '</a></td>\n' +
-          '  <td style="text-align: right" data-id="' + album.id + '">\n' +
-          '    <a class="button is-small is-primary" title="Edit album" data-action="edit-album">\n' +
-          '      <span class="icon is-small">\n' +
-          '        <i class="icon-pencil-1"></i>\n' +
-          '      </span>\n' +
-          '    </a>\n' +
-          '    <a class="button is-small is-info clipboard-js" title="Copy link to clipboard" ' + (album.public ? ('data-clipboard-text="' + albumUrl + '"') : 'disabled') + '>\n' +
-          '      <span class="icon is-small">\n' +
-          '        <i class="icon-clipboard-1"></i>\n' +
-          '      </span>\n' +
-          '    </a>\n' +
-          '    <a class="button is-small is-warning" title="Download album" ' + (album.download ? ('href="api/album/zip/' + album.identifier + '?v=' + album.editedAt + '"') : 'disabled') + '>\n' +
-          '      <span class="icon is-small">\n' +
-          '        <i class="icon-download"></i>\n' +
-          '      </span>\n' +
-          '    </a>\n' +
-          '    <a class="button is-small is-danger" title="Delete album" data-action="delete-album">\n' +
-          '      <span class="icon is-small">\n' +
-          '        <i class="icon-trash"></i>\n' +
-          '      </span>\n' +
-          '    </a>\n' +
-          '  </td>\n' +
-          '</tr>'
-
-        table.appendChild(tr)
-      }
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+      table.appendChild(tr)
+    }
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.editAlbum = function (id) {
-  var album = page.albums[id]
+  const album = page.cache.albums[id]
   if (!album) { return }
 
-  var div = document.createElement('div')
-  div.innerHTML =
-    '<div class="field">\n' +
-    '  <label class="label">Album name</label>\n' +
-    '  <div class="controls">\n' +
-    '    <input id="_name" class="input" type="text" value="' + (album.name || '') + '">\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <label class="checkbox">\n' +
-    '      <input id="_download" type="checkbox" ' + (album.download ? 'checked' : '') + '>\n' +
-    '      Enable download\n' +
-    '    </label>\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <label class="checkbox">\n' +
-    '      <input id="_public" type="checkbox" ' + (album.public ? 'checked' : '') + '>\n' +
-    '      Enable public link\n' +
-    '    </label>\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <label class="checkbox">\n' +
-    '      <input id="_requestLink" type="checkbox">\n' +
-    '      Request new public link\n' +
-    '    </label>\n' +
-    '  </div>\n' +
-    '</div>'
+  const div = document.createElement('div')
+  div.innerHTML = `
+    <div class="field">
+      <label class="label">Album name</label>
+      <div class="controls">
+        <input id="swalName" class="input" type="text" value="${album.name || ''}">
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalDownload" type="checkbox" ${album.download ? 'checked' : ''}>
+          Enable download
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalPublic" type="checkbox" ${album.public ? 'checked' : ''}>
+          Enable public link
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalRequestLink" type="checkbox">
+          Request new public link
+        </label>
+      </div>
+    </div>
+  `
 
   swal({
     title: 'Edit album',
@@ -1012,50 +1102,47 @@ page.editAlbum = function (id) {
         closeModal: false
       }
     }
-  })
-    .then(function (value) {
-      if (!value) { return }
+  }).then(function (value) {
+    if (!value) { return }
 
-      axios.post('api/albums/edit', {
-        id: id,
-        name: document.getElementById('_name').value,
-        download: document.getElementById('_download').checked,
-        public: document.getElementById('_public').checked,
-        requestLink: document.getElementById('_requestLink').checked
-      })
-        .then(function (response) {
-          if (!response) { return }
+    axios.post('api/albums/edit', {
+      id,
+      name: document.getElementById('swalName').value,
+      download: document.getElementById('swalDownload').checked,
+      public: document.getElementById('swalPublic').checked,
+      requestLink: document.getElementById('swalRequestLink').checked
+    }).then(function (response) {
+      if (!response) { return }
 
-          if (response.data.success === false) {
-            if (response.data.description === 'No token provided') {
-              return page.verifyToken(page.token)
-            } else {
-              return swal('An error occurred!', response.data.description, 'error')
-            }
-          }
+      if (response.data.success === false) {
+        if (response.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', response.data.description, 'error')
+        }
+      }
 
-          if (response.data.identifier) {
-            swal('Success!', 'Your album\'s new identifier is: ' + response.data.identifier + '.', 'success')
-          } else if (response.data.name !== album.name) {
-            swal('Success!', 'Your album was renamed to: ' + response.data.name + '.', 'success')
-          } else {
-            swal('Success!', 'Your album was edited!', 'success')
-          }
+      if (response.data.identifier) {
+        swal('Success!', `Your album's new identifier is: ${response.data.identifier}.`, 'success')
+      } else if (response.data.name !== album.name) {
+        swal('Success!', `Your album was renamed to: ${response.data.name}.`, 'success')
+      } else {
+        swal('Success!', 'Your album was edited!', 'success')
+      }
 
-          page.getAlbumsSidebar()
-          page.getAlbums()
-        })
-        .catch(function (error) {
-          console.log(error)
-          return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-        })
+      page.getAlbumsSidebar()
+      page.getAlbums()
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 page.deleteAlbum = function (id) {
   swal({
     title: 'Are you sure?',
-    text: 'This won\'t delete your files, only the album!',
+    text: 'This won\'t delete your uploads, only the album!',
     icon: 'warning',
     dangerMode: true,
     buttons: {
@@ -1065,38 +1152,35 @@ page.deleteAlbum = function (id) {
         closeModal: false
       },
       purge: {
-        text: 'Umm, delete the files too please?',
+        text: 'Umm, delete the uploads too please?',
         value: 'purge',
         className: 'swal-button--danger',
         closeModal: false
       }
     }
-  })
-    .then(function (proceed) {
-      if (!proceed) { return }
+  }).then(function (proceed) {
+    if (!proceed) { return }
 
-      axios.post('api/albums/delete', {
-        id: id,
-        purge: proceed === 'purge'
-      })
-        .then(function (response) {
-          if (response.data.success === false) {
-            if (response.data.description === 'No token provided') {
-              return page.verifyToken(page.token)
-            } else {
-              return swal('An error occurred!', response.data.description, 'error')
-            }
-          }
+    axios.post('api/albums/delete', {
+      id,
+      purge: proceed === 'purge'
+    }).then(function (response) {
+      if (response.data.success === false) {
+        if (response.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', response.data.description, 'error')
+        }
+      }
 
-          swal('Deleted!', 'Your album has been deleted.', 'success')
-          page.getAlbumsSidebar()
-          page.getAlbums()
-        })
-        .catch(function (error) {
-          console.log(error)
-          return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-        })
+      swal('Deleted!', 'Your album has been deleted.', 'success')
+      page.getAlbumsSidebar()
+      page.getAlbums()
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 page.submitAlbum = function (element) {
@@ -1104,68 +1188,64 @@ page.submitAlbum = function (element) {
 
   axios.post('api/albums', {
     name: document.getElementById('albumName').value
-  })
-    .then(function (response) {
-      if (!response) { return }
+  }).then(function (response) {
+    if (!response) { return }
 
-      page.isLoading(element, false)
+    page.isLoading(element, false)
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      swal('Woohoo!', 'Album was created successfully', 'success')
-      page.getAlbumsSidebar()
-      page.getAlbums()
-    })
-    .catch(function (error) {
-      console.log(error)
-      page.isLoading(element, false)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    swal('Woohoo!', 'Album was created successfully', 'success')
+    page.getAlbumsSidebar()
+    page.getAlbums()
+  }).catch(function (error) {
+    console.log(error)
+    page.isLoading(element, false)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.getAlbumsSidebar = function () {
-  axios.get('api/albums/sidebar')
-    .then(function (response) {
-      if (!response) { return }
+  axios.get('api/albums/sidebar').then(function (response) {
+    if (!response) { return }
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      var albumsContainer = document.getElementById('albumsContainer')
-      albumsContainer.innerHTML = ''
+    const albumsContainer = document.getElementById('albumsContainer')
+    albumsContainer.innerHTML = ''
 
-      if (response.data.albums === undefined) { return }
+    if (response.data.albums === undefined) { return }
 
-      for (var i = 0; i < response.data.albums.length; i++) {
-        var album = response.data.albums[i]
-        var li = document.createElement('li')
-        var a = document.createElement('a')
-        a.id = album.id
-        a.innerHTML = album.name
+    for (let i = 0; i < response.data.albums.length; i++) {
+      const album = response.data.albums[i]
+      const li = document.createElement('li')
+      const a = document.createElement('a')
+      a.id = album.id
+      a.innerHTML = album.name
 
-        a.addEventListener('click', function () {
-          page.getAlbum(this)
-        })
+      a.addEventListener('click', function () {
+        page.getAlbum(this)
+      })
 
-        li.appendChild(a)
-        albumsContainer.appendChild(li)
-      }
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+      li.appendChild(a)
+      albumsContainer.appendChild(li)
+    }
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.getAlbum = function (album) {
@@ -1174,176 +1254,174 @@ page.getAlbum = function (album) {
 }
 
 page.changeFileLength = function () {
-  axios.get('api/filelength/config')
-    .then(function (response) {
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+  axios.get('api/filelength/config').then(function (response) {
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      page.dom.innerHTML =
-        '<h2 class="subtitle">File name length</h2>\n' +
-        '<div class="field">\n' +
-        '  <div class="field">\n' +
-        '    <label class="label">Your current file name length:</label>\n' +
-        '    <div class="control">\n' +
-        '      <input id="fileLength" class="input" type="text" placeholder="Your file length" value="' + (response.data.fileLength ? Math.min(Math.max(response.data.fileLength, response.data.config.min), response.data.config.max) : response.data.config.default) + '">\n' +
-        '    </div>\n' +
-        '    <p class="help">Default file name length is <b>' + response.data.config.default + '</b> characters. ' + (response.data.config.userChangeable ? ('Range allowed for user is <b>' + response.data.config.min + '</b> to <b>' + response.data.config.max + '</b> characters.') : 'Changing file name length is disabled at the moment.') + '</p>\n' +
-        '  </div>\n' +
-        '  <div class="field">\n' +
-        '    <div class="control">\n' +
-        '      <a id="setFileLength" class="button is-breeze is-fullwidth">\n' +
-        '        <span class="icon">\n' +
-        '          <i class="icon-paper-plane-empty"></i>\n' +
-        '        </span>\n' +
-        '        <span>Set file name length</span>\n' +
-        '      </a>\n' +
-        '    </div>\n' +
-        '  <div>\n' +
-        '</div>'
+    // Shorter vars
+    const { max, min } = response.data.config
+    const [ chg, def ] = [ response.data.config.userChangable, response.data.config.default ]
+    const len = response.data.fileLength
 
-      document.getElementById('setFileLength').addEventListener('click', function () {
-        page.setFileLength(document.getElementById('fileLength').value, this)
-      })
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    page.dom.innerHTML = `
+      <h2 class="subtitle">File name length</h2>
+      <div class="field">
+        <div class="field">
+          <label class="label">Your current file name length:</label>
+          <div class="control">
+            <input id="fileLength" class="input" type="text" placeholder="Your file length" value="${len ? Math.min(Math.max(len, min), max) : def}">
+          </div>
+          <p class="help">Default file name length is <b>${def}</b> characters. ${(chg ? `Range allowed for user is <b>${min}</b> to <b>${max}</b> characters.` : 'Changing file name length is disabled at the moment.')}</p>
+        </div>
+        <div class="field">
+          <div class="control">
+            <a id="setFileLength" class="button is-breeze is-fullwidth">
+              <span class="icon">
+                <i class="icon-paper-plane-empty"></i>
+              </span>
+              <span>Set file name length</span>
+            </a>
+          </div>
+        <div>
+      </div>
+    `
+
+    document.getElementById('setFileLength').addEventListener('click', function () {
+      page.setFileLength(document.getElementById('fileLength').value, this)
     })
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.setFileLength = function (fileLength, element) {
   page.isLoading(element, true)
 
-  axios.post('api/filelength/change', { fileLength: fileLength })
-    .then(function (response) {
-      page.isLoading(element, false)
+  axios.post('api/filelength/change', { fileLength }).then(function (response) {
+    page.isLoading(element, false)
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      swal({
-        title: 'Woohoo!',
-        text: 'Your file length was successfully changed.',
-        icon: 'success'
-      })
-        .then(function () {
-          page.changeFileLength()
-        })
-    })
-    .catch(function (error) {
-      console.log(error)
-      page.isLoading(element, false)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    swal({
+      title: 'Woohoo!',
+      text: 'Your file length was successfully changed.',
+      icon: 'success'
+    }).then(function () {
+      page.changeFileLength()
     })
+  }).catch(function (error) {
+    console.log(error)
+    page.isLoading(element, false)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.changeToken = function () {
-  axios.get('api/tokens')
-    .then(function (response) {
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+  axios.get('api/tokens').then(function (response) {
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      page.dom.innerHTML =
-        '<h2 class="subtitle">Manage your token</h2>\n' +
-        '<div class="field">\n' +
-        '  <label class="label">Your current token:</label>\n' +
-        '  <div class="field">\n' +
-        '    <div class="control">\n' +
-        '      <input id="token" readonly class="input" type="text" placeholder="Your token" value="' + response.data.token + '">\n' +
-        '    </div>\n' +
-        '  </div>\n' +
-        '</div>\n' +
-        '<div class="field">\n' +
-        '  <div class="control">\n' +
-        '    <a id="getNewToken" class="button is-breeze is-fullwidth" data-action="get-new-token">\n' +
-        '      <span class="icon">\n' +
-        '        <i class="icon-arrows-cw"></i>\n' +
-        '      </span>\n' +
-        '      <span>Request new token</span>\n' +
-        '    </a>\n' +
-        '  </div>\n' +
-        '</div>'
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    page.dom.innerHTML = `
+      <h2 class="subtitle">Manage your token</h2>
+      <div class="field">
+        <label class="label">Your current token:</label>
+        <div class="field">
+          <div class="control">
+            <input id="token" readonly class="input" type="text" placeholder="Your token" value="${response.data.token}">
+          </div>
+        </div>
+      </div>
+      <div class="field">
+        <div class="control">
+          <a id="getNewToken" class="button is-breeze is-fullwidth" data-action="get-new-token">
+            <span class="icon">
+              <i class="icon-arrows-cw"></i>
+            </span>
+            <span>Request new token</span>
+          </a>
+        </div>
+      </div>
+    `
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.getNewToken = function (element) {
   page.isLoading(element, true)
 
-  axios.post('api/tokens/change')
-    .then(function (response) {
-      page.isLoading(element, false)
+  axios.post('api/tokens/change').then(function (response) {
+    page.isLoading(element, false)
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      swal({
-        title: 'Woohoo!',
-        text: 'Your token was successfully changed.',
-        icon: 'success'
-      })
-        .then(function () {
-          axios.defaults.headers.common.token = response.data.token
-          localStorage.token = response.data.token
-          page.token = response.data.token
-          page.changeToken()
-        })
-    })
-    .catch(function (error) {
-      console.log(error)
-      page.isLoading(element, false)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    swal({
+      title: 'Woohoo!',
+      text: 'Your token was successfully changed.',
+      icon: 'success'
+    }).then(function () {
+      axios.defaults.headers.common.token = response.data.token
+      localStorage[LS_KEYS.token] = response.data.token
+      page.token = response.data.token
+      page.changeToken()
     })
+  }).catch(function (error) {
+    console.log(error)
+    page.isLoading(element, false)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.changePassword = function () {
-  page.dom.innerHTML =
-    '<h2 class="subtitle">Change your password</h2>\n' +
-    '<div class="field">\n' +
-    '  <label class="label">New password:</label>\n' +
-    '  <div class="control">\n' +
-    '    <input id="password" class="input" type="password">\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <label class="label">Re-type new password:</label>\n' +
-    '  <div class="control">\n' +
-    '    <input id="passwordConfirm" class="input" type="password">\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <a id="sendChangePassword" class="button is-breeze is-fullwidth">\n' +
-    '      <span class="icon">\n' +
-    '        <i class="icon-paper-plane-empty"></i>\n' +
-    '      </span>\n' +
-    '      <span>Set new password</span>\n' +
-    '    </a>\n' +
-    '  </div>\n' +
-    '</div>'
+  page.dom.innerHTML = `
+    <h2 class="subtitle">Change your password</h2>
+    <div class="field">
+      <label class="label">New password:</label>
+      <div class="control">
+        <input id="password" class="input" type="password">
+      </div>
+    </div>
+    <div class="field">
+      <label class="label">Re-type new password:</label>
+      <div class="control">
+        <input id="passwordConfirm" class="input" type="password">
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <a id="sendChangePassword" class="button is-breeze is-fullwidth">
+          <span class="icon">
+            <i class="icon-paper-plane-empty"></i>
+          </span>
+          <span>Set new password</span>
+        </a>
+      </div>
+    </div>
+  `
 
   document.getElementById('sendChangePassword').addEventListener('click', function () {
     if (document.getElementById('password').value === document.getElementById('passwordConfirm').value) {
@@ -1361,38 +1439,35 @@ page.changePassword = function () {
 page.sendNewPassword = function (pass, element) {
   page.isLoading(element, true)
 
-  axios.post('api/password/change', { password: pass })
-    .then(function (response) {
-      page.isLoading(element, false)
+  axios.post('api/password/change', { password: pass }).then(function (response) {
+    page.isLoading(element, false)
 
-      if (response.data.success === false) {
-        if (response.data.description === 'No token provided') {
-          return page.verifyToken(page.token)
-        } else {
-          return swal('An error occurred!', response.data.description, 'error')
-        }
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
       }
+    }
 
-      swal({
-        title: 'Woohoo!',
-        text: 'Your password was successfully changed.',
-        icon: 'success'
-      })
-        .then(function () {
-          page.changePassword()
-        })
-    })
-    .catch(function (error) {
-      console.log(error)
-      page.isLoading(element, false)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    swal({
+      title: 'Woohoo!',
+      text: 'Your password was successfully changed.',
+      icon: 'success'
+    }).then(function () {
+      page.changePassword()
     })
+  }).catch(function (error) {
+    console.log(error)
+    page.isLoading(element, false)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.setActiveMenu = function (activeItem) {
-  var menu = document.getElementById('menu')
-  var items = menu.getElementsByTagName('a')
-  for (var i = 0; i < items.length; i++) {
+  const menu = document.getElementById('menu')
+  const items = menu.getElementsByTagName('a')
+  for (let i = 0; i < items.length; i++) {
     items[i].classList.remove('is-active')
   }
 
@@ -1420,24 +1495,297 @@ page.getPrettyBytes = num => {
 
   const neg = num < 0
   if (neg) { num = -num }
-  if (num < 1) { return (neg ? '-' : '') + num + ' B' }
+  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]
 
-  return (neg ? '-' : '') + numStr + ' ' + unit
+  return `${neg ? '-' : ''}${numStr} ${unit}`
 }
 
+page.getUsers = ({ pageNum } = {}, element) => {
+  if (element) { page.isLoading(element, true) }
+  if (pageNum === undefined) { pageNum = 0 }
+
+  if (!page.permissions.admin) {
+    return swal('An error occurred!', 'You can not do this!', 'error')
+  }
+
+  const url = `api/users/${pageNum}`
+  console.log(url)
+  axios.get(url).then(function (response) {
+    if (response.data.success === false) {
+      if (response.data.description === 'No token provided') {
+        return page.verifyToken(page.token)
+      } else {
+        return swal('An error occurred!', response.data.description, 'error')
+      }
+    }
+
+    if (pageNum && (response.data.users.length === 0)) {
+      // Only remove loading class here, since beyond this the entire page will be replaced anyways
+      if (element) { page.isLoading(element, false) }
+      return swal('An error occurred!', 'There are no more users!', 'error')
+    }
+
+    console.log(response.data.users)
+
+    page.currentView = 'users'
+    page.cache.users = {}
+
+    const pagination = `
+      <nav class="pagination is-centered">
+        <a class="button pagination-previous" data-action="page-prev">Previous</a>
+        <a class="button pagination-next" data-action="page-next">Next page</a>
+      </nav>
+    `
+
+    const controls = `
+      <div class="columns">
+        <div class="column is-hidden-mobile"></div>
+        <div class="column" style="text-align: right">
+          <a class="button is-small is-info" title="Clear selection" data-action="clear-selection">
+            <span class="icon">
+              <i class="icon-cancel"></i>
+            </span>
+          </a>
+          <a class="button is-small is-warning" title="Bulk disable (WIP)" data-action="bulk-disable-users" disabled>
+            <span class="icon">
+              <i class="icon-hammer"></i>
+            </span>
+            <span>Bulk disable</span>
+          </a>
+          <a class="button is-small is-danger" title="Bulk delete (WIP)" data-action="bulk-delete-users" disabled>
+            <span class="icon">
+              <i class="icon-trash"></i>
+            </span>
+            <span>Bulk delete</span>
+          </a>
+        </div>
+      </div>
+    `
+
+    let allSelected = true
+
+    page.dom.innerHTML = `
+      ${pagination}
+      <hr>
+      ${controls}
+      <div class="table-container">
+        <table class="table is-narrow is-fullwidth is-hoverable">
+          <thead>
+            <tr>
+              <th><input id="selectAll" class="checkbox" type="checkbox" title="Select all users" data-action="select-all"></th>
+              <th style="width: 50%">Username</th>
+              <th>File length</th>
+              <th>Group</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody id="table">
+          </tbody>
+        </table>
+      </div>
+      <hr>
+      ${pagination}
+    `
+
+    const table = document.getElementById('table')
+
+    for (let i = 0; i < response.data.users.length; i++) {
+      const user = response.data.users[i]
+      const selected = page.selected.users.includes(user.id)
+      if (!selected && allSelected) { allSelected = false }
+
+      page.cache.users[user.id] = {
+        username: user.username,
+        groups: user.groups,
+        enabled: user.enabled
+      }
+
+      let group = 'User'
+      for (const g of Object.keys(user.groups)) {
+        if (!user.groups[g]) { break }
+        group = g
+      }
+
+      const tr = document.createElement('tr')
+      tr.dataset.id = user.id
+      tr.innerHTML = `
+        <th class="controls"><input type="checkbox" class="checkbox" title="Select this user" data-action="select"${selected ? ' checked' : ''}></th>
+        <th${!user.enabled ? ' class="is-linethrough"' : ''}>${user.username}</th>
+        <td>${user.fileLength || 'default'}</td>
+        <td>${group}</td>
+        <td class="controls" style="text-align: right">
+          <a class="button is-small is-primary" title="Edit user" data-action="edit-user">
+            <span class="icon">
+              <i class="icon-pencil-1"></i>
+            </span>
+          </a>
+          <a class="button is-small is-warning" title="Disable user (WIP)" data-action="disable-user" disabled>
+            <span class="icon">
+              <i class="icon-hammer"></i>
+            </span>
+          </a>
+          <a class="button is-small is-danger" title="Delete user (WIP)" data-action="delete-user" disabled>
+            <span class="icon">
+              <i class="icon-trash"></i>
+            </span>
+          </a>
+        </td>
+      `
+
+      table.appendChild(tr)
+      // page.checkboxes.users = Array.from(table.getElementsByClassName('checkbox'))
+      page.checkboxes.users = Array.from(table.querySelectorAll('.checkbox[data-action="select"]'))
+    }
+
+    if (allSelected && response.data.users.length) {
+      const selectAll = document.getElementById('selectAll')
+      if (selectAll) { selectAll.checked = true }
+    }
+
+    page.views.users.pageNum = response.data.users.length ? pageNum : 0
+  }).catch(function (error) {
+    if (element) { page.isLoading(element, false) }
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
+}
+
+page.editUser = function (id) {
+  const user = page.cache.users[id]
+  if (!user) { return }
+
+  const div = document.createElement('div')
+  div.innerHTML = `
+    <div class="field">
+      <label class="label">Username</label>
+      <div class="controls">
+        <input id="swalUsername" class="input" type="text" value="${user.username || ''}">
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalEnabled" type="checkbox" ${user.enabled ? 'checked' : ''}>
+          Enabled
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalResetPassword" type="checkbox">
+          Reset password
+        </label>
+      </div>
+    </div>
+  `
+
+  swal({
+    title: 'Edit user',
+    icon: 'info',
+    content: div,
+    buttons: {
+      cancel: true,
+      confirm: {
+        closeModal: false
+      }
+    }
+  }).then(function (value) {
+    if (!value) { return }
+
+    axios.post('api/users/edit', {
+      id,
+      username: document.getElementById('swalUsername').value,
+      enabled: document.getElementById('swalEnabled').checked,
+      resetPassword: document.getElementById('swalResetPassword').checked
+    }).then(function (response) {
+      if (!response) { return }
+
+      if (response.data.success === false) {
+        if (response.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', response.data.description, 'error')
+        }
+      }
+
+      if (response.data.password) {
+        const div = document.createElement('div')
+        div.innerHTML = `
+          <p>${user.username}'s new password is:</p>
+          <p class="is-code">${response.data.password}</p>
+        `
+        swal({
+          title: 'Success!',
+          icon: 'success',
+          content: div
+        })
+      } else if (response.data.name !== user.name) {
+        swal('Success!', `${user.username} was renamed into: ${response.data.name}.`, 'success')
+      } else {
+        swal('Success!', 'The user was edited!', 'success')
+      }
+
+      page.getUsers(page.views.users)
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    })
+  })
+}
+
+/*
+page.disableUser = function (id) {
+  swal({
+    title: 'Are you sure?',
+    text: `You will be disabling a user with the username <b>${page.cache.users.id.username}!</b>`,
+    icon: 'warning',
+    dangerMode: true,
+    buttons: {
+      cancel: true,
+      confirm: {
+        text: 'Yes, disable them!',
+        closeModal: false
+      }
+    }
+  }).then(function (proceed) {
+    if (!proceed) { return }
+
+    axios.post('api/users/disable', { id }).then(function (response) {
+      if (!response) { return }
+
+      if (response.data.success === false) {
+        if (response.data.description === 'No token provided') {
+          return page.verifyToken(page.token)
+        } else {
+          return swal('An error occurred!', response.data.description, 'error')
+        }
+      }
+
+      swal('Success!', 'The user has been disabled.', 'success')
+      page.getUsers(page.views.users)
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+    })
+  })
+}
+*/
+
 window.onload = function () {
   // Add 'no-touch' class to non-touch devices
   if (!('ontouchstart' in document.documentElement)) {
     document.documentElement.classList.add('no-touch')
   }
 
-  var selectedFiles = localStorage.selectedFiles
-  if (selectedFiles) {
-    page.selectedFiles = JSON.parse(selectedFiles)
+  const selectedKeys = ['uploads', 'users']
+  for (const selectedKey of selectedKeys) {
+    const ls = localStorage[LS_KEYS.selected[selectedKey]]
+    if (ls) { page.selected[selectedKey] = JSON.parse(ls) }
   }
 
   page.preparePage()
diff --git a/public/js/home.js b/public/js/home.js
index cc5e9ea..db61ebc 100644
--- a/public/js/home.js
+++ b/public/js/home.js
@@ -1,6 +1,6 @@
 /* global swal, axios, Dropzone, ClipboardJS, LazyLoad */
 
-var page = {
+const page = {
   // user token
   token: localStorage.token,
 
@@ -21,24 +21,22 @@ var page = {
   lazyLoad: null
 }
 
-var imageExtensions = ['.webp', '.jpg', '.jpeg', '.bmp', '.gif', '.png']
+const imageExtensions = ['.webp', '.jpg', '.jpeg', '.bmp', '.gif', '.png']
 
 page.checkIfPublic = function () {
-  axios.get('api/check')
-    .then(function (response) {
-      page.private = response.data.private
-      page.enableUserAccounts = response.data.enableUserAccounts
-      page.maxFileSize = response.data.maxFileSize
-      page.chunkSize = response.data.chunkSize
-      page.preparePage()
-    })
-    .catch(function (error) {
-      console.log(error)
-      var button = document.getElementById('loginToUpload')
-      button.classList.remove('is-loading')
-      button.innerText = 'Error occurred. Reload the page?'
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+  axios.get('api/check').then(function (response) {
+    page.private = response.data.private
+    page.enableUserAccounts = response.data.enableUserAccounts
+    page.maxFileSize = response.data.maxFileSize
+    page.chunkSize = response.data.chunkSize
+    page.preparePage()
+  }).catch(function (error) {
+    console.log(error)
+    const button = document.getElementById('loginToUpload')
+    button.classList.remove('is-loading')
+    button.innerText = 'Error occurred. Reload the page?'
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.preparePage = function () {
@@ -46,7 +44,7 @@ page.preparePage = function () {
     if (page.token) {
       return page.verifyToken(page.token, true)
     } else {
-      var button = document.getElementById('loginToUpload')
+      const button = document.getElementById('loginToUpload')
       button.href = 'auth'
       button.classList.remove('is-loading')
 
@@ -64,29 +62,26 @@ page.preparePage = function () {
 page.verifyToken = function (token, reloadOnError) {
   if (reloadOnError === undefined) { reloadOnError = false }
 
-  axios.post('api/tokens/verify', { token: token })
-    .then(function (response) {
-      if (response.data.success === false) {
-        return swal({
-          title: 'An error occurred!',
-          text: response.data.description,
-          icon: 'error'
-        })
-          .then(function () {
-            if (!reloadOnError) { return }
-            localStorage.removeItem('token')
-            location.reload()
-          })
-      }
+  axios.post('api/tokens/verify', { token }).then(function (response) {
+    if (response.data.success === false) {
+      return swal({
+        title: 'An error occurred!',
+        text: response.data.description,
+        icon: 'error'
+      }).then(function () {
+        if (!reloadOnError) { return }
+        localStorage.removeItem('token')
+        location.reload()
+      })
+    }
 
-      localStorage.token = token
-      page.token = token
-      return page.prepareUpload()
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    localStorage.token = token
+    page.token = token
+    return page.prepareUpload()
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.prepareUpload = function () {
@@ -104,24 +99,24 @@ page.prepareUpload = function () {
     document.getElementById('albumDiv').style.display = 'flex'
   }
 
-  document.getElementById('maxFileSize').innerHTML = 'Maximum upload size per file is ' + page.maxFileSize
+  document.getElementById('maxFileSize').innerHTML = `Maximum upload size per file is ${page.maxFileSize}`
   document.getElementById('loginToUpload').style.display = 'none'
 
   if (!page.token && page.enableUserAccounts) {
     document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads'
   }
 
-  var previewNode = document.querySelector('#tpl')
+  const previewNode = document.querySelector('#tpl')
   page.previewTemplate = previewNode.innerHTML
   previewNode.parentNode.removeChild(previewNode)
 
   page.prepareDropzone()
 
-  var tabs = document.getElementById('tabs')
+  const tabs = document.getElementById('tabs')
   if (tabs) {
     tabs.style.display = 'flex'
-    var items = tabs.getElementsByTagName('li')
-    for (var i = 0; i < items.length; i++) {
+    const items = tabs.getElementsByTagName('li')
+    for (let i = 0; i < items.length; i++) {
       items[i].addEventListener('click', function () {
         page.setActiveTab(this.dataset.id)
       })
@@ -136,42 +131,44 @@ page.prepareUpload = function () {
 }
 
 page.prepareAlbums = function () {
-  var option = document.createElement('option')
+  const option = document.createElement('option')
   option.value = ''
   option.innerHTML = 'Upload to album'
   option.disabled = true
   option.selected = true
   page.albumSelect.appendChild(option)
 
-  axios.get('api/albums', { headers: { token: page.token } })
-    .then(function (response) {
-      if (response.data.success === false) {
-        return swal('An error occurred!', response.data.description, 'error')
-      }
+  axios.get('api/albums', {
+    headers: {
+      token: page.token
+    }
+  }).then(function (response) {
+    if (response.data.success === false) {
+      return swal('An error occurred!', response.data.description, 'error')
+    }
 
-      // If the user doesn't have any albums we don't really need to display
-      // an album selection
-      if (!response.data.albums.length) { return }
+    // If the user doesn't have any albums we don't really need to display
+    // an album selection
+    if (!response.data.albums.length) { return }
 
-      // Loop through the albums and create an option for each album
-      for (var i = 0; i < response.data.albums.length; i++) {
-        var album = response.data.albums[i]
-        var option = document.createElement('option')
-        option.value = album.id
-        option.innerHTML = album.name
-        page.albumSelect.appendChild(option)
-      }
-    })
-    .catch(function (error) {
-      console.log(error)
-      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-    })
+    // Loop through the albums and create an option for each album
+    for (let i = 0; i < response.data.albums.length; i++) {
+      const album = response.data.albums[i]
+      const option = document.createElement('option')
+      option.value = album.id
+      option.innerHTML = album.name
+      page.albumSelect.appendChild(option)
+    }
+  }).catch(function (error) {
+    console.log(error)
+    return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
+  })
 }
 
 page.setActiveTab = function (activeId) {
-  var items = document.getElementById('tabs').getElementsByTagName('li')
-  for (var i = 0; i < items.length; i++) {
-    var tabId = items[i].dataset.id
+  const items = document.getElementById('tabs').getElementsByTagName('li')
+  for (let i = 0; i < items.length; i++) {
+    const tabId = items[i].dataset.id
     if (tabId === activeId) {
       items[i].classList.add('is-active')
       document.getElementById(tabId).style.display = 'block'
@@ -183,27 +180,28 @@ page.setActiveTab = function (activeId) {
 }
 
 page.prepareDropzone = function () {
-  var tabDiv = document.getElementById('tab-files')
-  var div = document.createElement('div')
+  const tabDiv = document.getElementById('tab-files')
+  const div = document.createElement('div')
   div.className = 'control is-expanded'
-  div.innerHTML =
-    '<div id="dropzone" class="button is-danger is-fullwidth is-unselectable">\n' +
-    '  <span class="icon">\n' +
-    '    <i class="icon-upload-cloud"></i>\n' +
-    '  </span>\n' +
-    '  <span>Click here or drag and drop files</span>\n' +
-    '</div>'
+  div.innerHTML = `
+    <div id="dropzone" class="button is-danger is-fullwidth is-unselectable">
+      <span class="icon">
+        <i class="icon-upload-cloud"></i>
+      </span>
+      <span>Click here or drag and drop files</span>
+    </div>
+  `
 
   tabDiv.getElementsByClassName('dz-container')[0].appendChild(div)
 
-  var previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
+  const previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
   page.dropzone = new Dropzone('#dropzone', {
     url: 'api/upload',
     paramName: 'files[]',
     maxFilesize: parseInt(page.maxFileSize),
     parallelUploads: 2,
     uploadMultiple: false,
-    previewsContainer: previewsContainer,
+    previewsContainer,
     previewTemplate: page.previewTemplate,
     createImageThumbnails: false,
     maxFiles: 1000,
@@ -212,45 +210,41 @@ page.prepareDropzone = function () {
     chunking: Boolean(page.chunkSize),
     chunkSize: parseInt(page.chunkSize) * 1000000, // 1000000 B = 1 MB,
     parallelChunkUploads: false, // when set to true, sometimes it often hangs with hundreds of parallel uploads
-    chunksUploaded: function (file, done) {
+    chunksUploaded (file, done) {
       file.previewElement.querySelector('.progress').setAttribute('value', 100)
       file.previewElement.querySelector('.progress').innerHTML = '100%'
 
-      // The API supports an array of multiple files
-      return axios.post('api/upload/finishchunks',
-        {
-          files: [{
-            uuid: file.upload.uuid,
-            original: file.name,
-            size: file.size,
-            type: file.type,
-            count: file.upload.totalChunkCount,
-            albumid: page.album
-          }]
-        },
-        {
-          headers: {
-            token: page.token
-          }
-        })
-        .then(function (response) {
-          file.previewElement.querySelector('.progress').style.display = 'none'
+      return axios.post('api/upload/finishchunks', {
+        // The API supports an array of multiple files
+        files: [{
+          uuid: file.upload.uuid,
+          original: file.name,
+          size: file.size,
+          type: file.type,
+          count: file.upload.totalChunkCount,
+          albumid: page.album
+        }]
+      }, {
+        headers: {
+          token: page.token
+        }
+      }).then(function (response) {
+        file.previewElement.querySelector('.progress').style.display = 'none'
 
-          if (response.data.success === false) {
-            file.previewElement.querySelector('.error').innerHTML = response.data.description
-          }
+        if (response.data.success === false) {
+          file.previewElement.querySelector('.error').innerHTML = response.data.description
+        }
 
-          if (response.data.files && response.data.files[0]) {
-            page.updateTemplate(file, response.data.files[0])
-          }
-          return done()
-        })
-        .catch(function (error) {
-          return {
-            success: false,
-            description: error.toString()
-          }
-        })
+        if (response.data.files && response.data.files[0]) {
+          page.updateTemplate(file, response.data.files[0])
+        }
+        return done()
+      }).catch(function (error) {
+        return {
+          success: false,
+          description: error.toString()
+        }
+      })
     }
   })
 
@@ -269,7 +263,7 @@ page.prepareDropzone = function () {
   page.dropzone.on('uploadprogress', function (file, progress) {
     if (file.upload.chunked && progress === 100) { return }
     file.previewElement.querySelector('.progress').setAttribute('value', progress)
-    file.previewElement.querySelector('.progress').innerHTML = progress + '%'
+    file.previewElement.querySelector('.progress').innerHTML = `${progress}%`
   })
 
   page.dropzone.on('success', function (file, response) {
@@ -296,7 +290,7 @@ page.prepareDropzone = function () {
 }
 
 page.uploadUrls = function (button) {
-  var tabDiv = document.getElementById('tab-urls')
+  const tabDiv = document.getElementById('tab-urls')
   if (!tabDiv) { return }
 
   if (button.classList.contains('is-loading')) { return }
@@ -308,9 +302,9 @@ page.uploadUrls = function (button) {
   }
 
   function run () {
-    var albumid = page.album
-    var previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
-    var urls = document.getElementById('urls').value
+    const albumid = page.album
+    const previewsContainer = tabDiv.getElementsByClassName('uploads')[0]
+    const urls = document.getElementById('urls').value
       .split(/\r?\n/)
       .filter(function (url) { return url.trim().length })
     document.getElementById('urls').value = urls.join('\n')
@@ -321,22 +315,22 @@ page.uploadUrls = function (button) {
     }
 
     tabDiv.getElementsByClassName('uploads')[0].style.display = 'block'
-    var files = urls.map(function (url) {
-      var previewTemplate = document.createElement('template')
+    const files = urls.map(function (url) {
+      const previewTemplate = document.createElement('template')
       previewTemplate.innerHTML = page.previewTemplate.trim()
-      var previewElement = previewTemplate.content.firstChild
+      const previewElement = previewTemplate.content.firstChild
       previewElement.querySelector('.name').innerHTML = url
       previewsContainer.appendChild(previewElement)
       return {
-        url: url,
-        previewElement: previewElement
+        url,
+        previewElement
       }
     })
 
     function post (i) {
       if (i === files.length) { return done() }
 
-      var file = files[i]
+      const file = files[i]
 
       function posted (result) {
         file.previewElement.querySelector('.progress').style.display = 'none'
@@ -348,25 +342,21 @@ page.uploadUrls = function (button) {
         return post(i + 1)
       }
 
-      axios.post('api/upload',
-        {
-          urls: [file.url]
-        },
-        {
-          headers: {
-            token: page.token,
-            albumid: albumid
-          }
-        })
-        .then(function (response) {
-          return posted(response.data)
-        })
-        .catch(function (error) {
-          return posted({
-            success: false,
-            description: error.toString()
-          })
+      axios.post('api/upload', {
+        urls: [file.url]
+      }, {
+        headers: {
+          token: page.token,
+          albumid
+        }
+      }).then(function (response) {
+        return posted(response.data)
+      }).catch(function (error) {
+        return posted({
+          success: false,
+          description: error.toString()
         })
+      })
     }
     return post(0)
   }
@@ -376,14 +366,14 @@ page.uploadUrls = function (button) {
 page.updateTemplate = function (file, response) {
   if (!response.url) { return }
 
-  var a = file.previewElement.querySelector('.link > a')
-  var clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')
+  const a = file.previewElement.querySelector('.link > a')
+  const clipboard = file.previewElement.querySelector('.clipboard-mobile > .clipboard-js')
   a.href = a.innerHTML = clipboard.dataset['clipboardText'] = response.url
   clipboard.parentElement.style.display = 'block'
 
-  var exec = /.[\w]+(\?|$)/.exec(response.url)
+  const exec = /.[\w]+(\?|$)/.exec(response.url)
   if (exec && exec[0] && imageExtensions.includes(exec[0].toLowerCase())) {
-    var img = file.previewElement.querySelector('img')
+    const img = file.previewElement.querySelector('img')
     img.setAttribute('alt', response.name || '')
     img.dataset['src'] = response.url
     img.onerror = function () { this.style.display = 'none' } // hide webp in firefox and ie
@@ -392,30 +382,31 @@ page.updateTemplate = function (file, response) {
 }
 
 page.createAlbum = function () {
-  var div = document.createElement('div')
-  div.innerHTML =
-    '<div class="field">\n' +
-    '  <label class="label">Album name</label>\n' +
-    '  <div class="controls">\n' +
-    '    <input id="_name" class="input" type="text" placeholder="My super album">\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <label class="checkbox">\n' +
-    '      <input id="_download" type="checkbox" checked>\n' +
-    '      Enable download\n' +
-    '    </label>\n' +
-    '  </div>\n' +
-    '</div>\n' +
-    '<div class="field">\n' +
-    '  <div class="control">\n' +
-    '    <label class="checkbox">\n' +
-    '      <input id="_public" type="checkbox" checked>\n' +
-    '      Enable public link\n' +
-    '    </label>\n' +
-    '  </div>\n' +
-    '</div>'
+  const div = document.createElement('div')
+  div.innerHTML = `
+    <div class="field">
+      <label class="label">Album name</label>
+      <div class="controls">
+        <input id="swalName" class="input" type="text" placeholder="My super album">
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalDownload" type="checkbox" checked>
+          Enable download
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input id="swalPublic" type="checkbox" checked>
+          Enable public link
+        </label>
+      </div>
+    </div>
+  `
 
   swal({
     title: 'Create new album',
@@ -427,43 +418,44 @@ page.createAlbum = function () {
         closeModal: false
       }
     }
-  })
-    .then(function (value) {
-      if (!value) { return }
+  }).then(function (value) {
+    if (!value) { return }
 
-      var name = document.getElementById('_name').value
-      axios.post('api/albums', {
-        name: name,
-        download: document.getElementById('_download').checked,
-        public: document.getElementById('_public').checked
-      }, { headers: { token: page.token } })
-        .then(function (response) {
-          if (response.data.success === false) {
-            return swal('An error occurred!', response.data.description, 'error')
-          }
+    const name = document.getElementById('swalName').value
+    axios.post('api/albums', {
+      name,
+      download: document.getElementById('swalDownload').checked,
+      public: document.getElementById('swalPublic').checked
+    }, {
+      headers: {
+        token: page.token
+      }
+    }).then(function (response) {
+      if (response.data.success === false) {
+        return swal('An error occurred!', response.data.description, 'error')
+      }
 
-          var option = document.createElement('option')
-          option.value = response.data.id
-          option.innerHTML = name
-          page.albumSelect.appendChild(option)
+      const option = document.createElement('option')
+      option.value = response.data.id
+      option.innerHTML = name
+      page.albumSelect.appendChild(option)
 
-          swal('Woohoo!', 'Album was created successfully', 'success')
-        })
-        .catch(function (error) {
-          console.log(error)
-          return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
-        })
+      swal('Woohoo!', 'Album was created successfully', 'success')
+    }).catch(function (error) {
+      console.log(error)
+      return swal('An error occurred!', 'There was an error with the request, please check the console for more information.', 'error')
     })
+  })
 }
 
 // Handle image paste event
 window.addEventListener('paste', function (event) {
-  var items = (event.clipboardData || event.originalEvent.clipboardData).items
-  for (var index in items) {
-    var item = items[index]
+  const items = (event.clipboardData || event.originalEvent.clipboardData).items
+  for (const index in items) {
+    const item = items[index]
     if (item.kind === 'file') {
-      var blob = item.getAsFile()
-      var file = new File([blob], 'pasted-image.' + blob.type.match(/(?:[^/]*\/)([^;]*)/)[1])
+      const blob = item.getAsFile()
+      const file = new File([blob], `pasted-image.${blob.type.match(/(?:[^/]*\/)([^;]*)/)[1]}`)
       file.type = blob.type
       page.dropzone.addFile(file)
     }
diff --git a/public/js/sharex.js b/public/js/sharex.js
index 239cfaf..da42bfc 100644
--- a/public/js/sharex.js
+++ b/public/js/sharex.js
@@ -2,24 +2,23 @@
 
 page.prepareShareX = function () {
   if (!page.token) { return }
-  var origin = (location.hostname + location.pathname).replace(/\/(dashboard)?$/, '')
-  var originClean = origin.replace(/\//g, '_')
-  var sharexElement = document.getElementById('ShareX')
-  var sharexFile =
-      '{\r\n' +
-      '  "Name": "' + originClean + '",\r\n' +
-      '  "DestinationType": "ImageUploader, FileUploader",\r\n' +
-      '  "RequestType": "POST",\r\n' +
-      '  "RequestURL": "' + location.protocol + '//' + origin + '/api/upload",\r\n' +
-      '  "FileFormName": "files[]",\r\n' +
-      '  "Headers": {\r\n' +
-      '    "token": "' + page.token + '"\r\n' +
-      '  },\r\n' +
-      '  "ResponseType": "Text",\r\n' +
-      '  "URL": "$json:files[0].url$",\r\n' +
-      '  "ThumbnailURL": "$json:files[0].url$"\r\n' +
-      '}'
-  var sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' })
+  const origin = (location.hostname + location.pathname).replace(/\/(dashboard)?$/, '')
+  const originClean = origin.replace(/\//g, '_')
+  const sharexElement = document.getElementById('ShareX')
+  const sharexFile = `{
+  "Name": "${originClean}",
+  "DestinationType": "ImageUploader, FileUploader",
+  "RequestType": "POST",
+  "RequestURL": "${location.protocol}//${origin}/api/upload",
+  "FileFormName": "files[]",
+  "Headers": {
+    "token": "${page.token}"
+  },
+  "ResponseType": "Text",
+  "URL": "$json:files[0].url$",
+  "ThumbnailURL": "$json:files[0].url$"
+}\n`
+  const sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' })
   sharexElement.setAttribute('href', URL.createObjectURL(sharexBlob))
-  sharexElement.setAttribute('download', originClean + '.sxcu')
+  sharexElement.setAttribute('download', `${originClean}.sxcu`)
 }
diff --git a/public/libs/fontello/fontello.css b/public/libs/fontello/fontello.css
index c9367ca..356172f 100644
--- a/public/libs/fontello/fontello.css
+++ b/public/libs/fontello/fontello.css
@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('fontello.eot?61363773');
-  src: url('fontello.eot?61363773#iefix') format('embedded-opentype'),
-       url('fontello.woff2?61363773') format('woff2'),
-       url('fontello.woff?61363773') format('woff'),
-       url('fontello.ttf?61363773') format('truetype'),
-       url('fontello.svg?61363773#fontello') format('svg');
+  src: url('fontello.eot?54767678');
+  src: url('fontello.eot?54767678#iefix') format('embedded-opentype'),
+       url('fontello.woff2?54767678') format('woff2'),
+       url('fontello.woff?54767678') format('woff'),
+       url('fontello.ttf?54767678') format('truetype'),
+       url('fontello.svg?54767678#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -33,6 +33,10 @@
   text-align: center;
   /* opacity: .8; */
 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
   /* fix buttons height, for twitter bootstrap */
   /* line-height: 1em; */
 
@@ -55,12 +59,12 @@
   font-size: 2rem;
 }
 
-.icon-sharex:before { content: '\e800'; } /* '' */
-.icon-upload-cloud:before { content: '\e801'; } /* '' */
-.icon-picture-1:before { content: '\e802'; } /* '' */
-.icon-th-list:before { content: '\e803'; } /* '' */
-.icon-trash:before { content: '\e804'; } /* '' */
-.icon-pencil-1:before { content: '\e805'; } /* '' */
+.icon-pencil-1:before { content: '\e800'; } /* '' */
+.icon-sharex:before { content: '\e801'; } /* '' */
+.icon-upload-cloud:before { content: '\e802'; } /* '' */
+.icon-picture-1:before { content: '\e803'; } /* '' */
+.icon-th-list:before { content: '\e804'; } /* '' */
+.icon-trash:before { content: '\e805'; } /* '' */
 .icon-th-large:before { content: '\e806'; } /* '' */
 .icon-arrows-cw:before { content: '\e807'; } /* '' */
 .icon-plus:before { content: '\e808'; } /* '' */
@@ -72,6 +76,7 @@
 .icon-download:before { content: '\e80e'; } /* '' */
 .icon-help-circled:before { content: '\e80f'; } /* '' */
 .icon-terminal:before { content: '\e810'; } /* '' */
+.icon-hammer:before { content: '\e811'; } /* '' */
 .icon-github-circled:before { content: '\f09b'; } /* '' */
 .icon-gauge:before { content: '\f0e4'; } /* '' */
 .icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
diff --git a/public/libs/fontello/fontello.eot b/public/libs/fontello/fontello.eot
index 3c6b03f68d35ae1c517a9a2b8aaf71ec089ce1c2..4ad422760c29f1ad2e36f43bf710e085e65e5ea1 100644
GIT binary patch
delta 1067
zcma)4U1%I-6usZieDm$hIJ3K%+1X8-{nd>nrb*+vDQ#m{D`~aRmI@`UQM;s@Y-~0&
zw4uZztcZeCvBvRDDgmXGJ{1;x5PxbY1#PUp1*L_yMhNt!7A-A^@lIC3M`t*kIp?0a
z_s-9y(fPw7+Yd0?Hz&$`DRcY5T;-kS*8pT602~-=RQ*p5op}!RIRN_e*om2}_~oyA
z0ENR?&yM>OjZ<^)A4L5+fbLIJkNfCHQI8<YiK$n|Po4aD9Du(Gkh)l}RgZLx9Bl!l
zpTT;$j)wXz`yKUbs2{F3W@caf=D_M*H0IGbGUbg`cV6Ce79hh>mm1YspX@S*P;W+^
zovt=&i)YeV)HslS?|a8*erR^g0OTLVrThJ3HUHPAdcFYIcqf=AFOZADpJZagc_4T<
zz^B00t{y|yFn=C6%%X3C1PWp$7Q9P)BmMBt87$CEN)mG-Anbk+Wx8dAZ3w=>wIdlw
zes%v!3?Kx=0q%U%26P}Vw*fZ5Z$GsG4#3?~8<0S*w*fBlWE+qS-qV6sPVtpim(H~&
zF28z$U1LMw!P}M29fT{-4^hS^3p!JUMTq)}Mk!Ht?!M5uZ=|vT6s~x{8TWt*=7CU!
z2P#oLAe4Ccq}0Q0AA)DsRl5I2wu#~KgB5e?=u4w}_pIO8m$apl>QQWqh<qO@mIk|3
zk?(dBc0#zeYAS`$eWJ9Tl(*CJ<K?YnAkE!ks0Z9Ij~GPtBzFfgB;jBmlNCe{$rnX2
zUo0fhaLZwdU9-0(wltk9PV)4yOh{Xilvvc1hN(qdYdOjksz&q(i8&hAghmY_<pKsx
zp)gK}6;b~iHKfVfNhu_ga`<#|OX7;HrtKlyUbMG{LvV)Bq;O&+&P^_&%a;4Jsv3&a
z^oS*><Qm2P3sRb@z}ZwfF^rp3k}w)3qdaa&YM2<q0nT^$m7$e&xLp6>c4p~iYug{7
zvlTR9>DGsle>tdh4X#UtKD&-U=CRe)HGK*7=HP>_zTnHQOc{pBe)1WO(?tesnsZ*_
zBMK;AiCyA?T2eokRNjjGsJ)?G)lV7~<Hp(#pK8U^IwPqdo$EJ9CrH0GJvKSjyD8Y4
Z>kZz@jjEzvZ8U1ff}6P=tw-`1<8OGf&@cc1

delta 572
zcmXw!PiPZC7{%Z0>~1!Huu*Fhu$t9GMC`^yLcAzg6zfSmNU>EhYnmp7Y`U~-sVI06
z59*;|5WzoCs$h{Gq`8!$IY=);BGQZW;7KF7Sel3)MAR=`o#D-!-y7zeZ)P(q7uAz-
z;IUCw({g6D-Y6fxd-FBG&H@<BTBf~_Sm`642c%kd%F)$NzkdLGZqd0uYUiyx<(VPk
zXMo?%o0B%>LE;<aTE2K~bfQ&z0mu#zMj>a8Y<=!L0D6g$E>Pfk%fAsX5XTCZGd;96
z_@_<5dkQke@vJ$p-oFIwN)R8m%xRkq1db7p5bGt=%GI9i)`_Vhscw%?I$sx^eROn=
zn%-|u<m^WO!B>FMEoRvTRu#Wk{=hsK-3I2sH+OyHzRgd{n4)|OG)PdJL2*wqym9=S
z;*FG~3#wrJrwDRySD;gb#X2jEknqXxPHj8_I>I*c&#tf?Xsx+IH_%SG!VdC+EA)_$
zxk9M2q+C^mq0Br@`hAsF57&Ad_0`PfuA|@K=grP@AAI5K|6K$lM|hYw#hFNmeH2$B
zhs6EJ&NK@!o7JS-(lQ4x$+Dc1&nr->>S^_*C*@hzByGbx=Uw+b^k>|^P{DBJOT^Dv
fShV*h7(_g3Xm+lY9V;41F&w=ls?igRF+K1XGK`Ws

diff --git a/public/libs/fontello/fontello.svg b/public/libs/fontello/fontello.svg
index c58404f..8b3a964 100644
--- a/public/libs/fontello/fontello.svg
+++ b/public/libs/fontello/fontello.svg
@@ -6,17 +6,17 @@
 <font id="fontello" horiz-adv-x="1000" >
 <font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="sharex" unicode="&#xe800;" d="M328-73c-98 10-183 74-229 171-52 110-43 246 24 346 44 66 107 110 181 126 21 4 70 4 91 0 45-10 86-30 120-59 7-5 12-10 12-10-1 0-10-2-20-4-122-17-223-98-257-205-10-29-12-45-12-79 0-34 2-50 12-80 14-41 35-75 70-109 32-33 64-55 107-72l16-7-7-3c-12-5-45-13-65-15-20-2-25-2-43 0z m248-11c-64 5-121 24-170 56-66 44-110 108-126 182-4 21-4 70 1 91 9 45 29 86 58 120 5 7 10 12 10 12 1-1 2-10 4-20 17-122 98-223 205-257 29-10 45-12 79-12 46 0 74 7 117 28 62 31 115 90 144 161l7 16 3-7c10-23 18-74 16-99-8-103-72-190-172-238-53-25-120-38-176-33z m42 212c-45 7-90 27-127 55-20 16-20 17-9 18 129 16 233 97 268 207 10 29 12 45 12 79 0 46-7 74-28 117-30 61-88 114-157 142-13 6-19 9-17 10 4 3 35 12 50 14 24 5 42 5 62 3 65-7 122-35 170-85 24-25 39-47 55-78 22-43 33-84 37-134 6-77-15-157-56-220-44-65-107-109-180-125-15-4-64-5-80-3z m31 204c-16 129-97 233-207 268-29 10-45 12-79 12-44 0-72-7-112-25-30-15-51-30-77-56-33-33-55-65-72-108l-7-16-3 7c-10 23-18 74-16 99 9 103 72 190 172 238 81 39 178 44 264 16 38-12 67-27 98-50 55-42 95-103 109-169 4-18 6-57 3-76-6-47-25-92-55-131-16-20-16-20-18-9z" horiz-adv-x="1000" />
+<glyph glyph-name="pencil-1" unicode="&#xe800;" d="M0-143l68 343 274-273z m137 392l422 422 259-260-421-422z m531 494q2 39 31 69t69 31 66-25l131-131q25-26 24-66t-30-69-69-30-66 24l-131 131q-27 27-25 66z" horiz-adv-x="989" />
 
-<glyph glyph-name="upload-cloud" unicode="&#xe801;" d="M781 506q108 0 184-76t76-184-76-184-184-77l-208 0 0 239 67-66q16-17 38-17 20 0 36 17 15 15 15 36t-15 36l-156 156q-14 14-37 15t-37-15l-156-156q-15-15-15-36t15-36q16-17 37-17 20 0 36 17l68 66 0-239-260 0q-86 0-148 61t-61 148q0 72 44 128t112 73l0 8q0 130 92 221t221 91q100 0 180-58t114-152q2 0 8 1t10 0z" horiz-adv-x="1041" />
+<glyph glyph-name="sharex" unicode="&#xe801;" d="M328-73c-98 10-183 74-229 171-52 110-43 246 24 346 44 66 107 110 181 126 21 4 70 4 91 0 45-10 86-30 120-59 7-5 12-10 12-10-1 0-10-2-20-4-122-17-223-98-257-205-10-29-12-45-12-79 0-34 2-50 12-80 14-41 35-75 70-109 32-33 64-55 107-72l16-7-7-3c-12-5-45-13-65-15-20-2-25-2-43 0z m248-11c-64 5-121 24-170 56-66 44-110 108-126 182-4 21-4 70 1 91 9 45 29 86 58 120 5 7 10 12 10 12 1-1 2-10 4-20 17-122 98-223 205-257 29-10 45-12 79-12 46 0 74 7 117 28 62 31 115 90 144 161l7 16 3-7c10-23 18-74 16-99-8-103-72-190-172-238-53-25-120-38-176-33z m42 212c-45 7-90 27-127 55-20 16-20 17-9 18 129 16 233 97 268 207 10 29 12 45 12 79 0 46-7 74-28 117-30 61-88 114-157 142-13 6-19 9-17 10 4 3 35 12 50 14 24 5 42 5 62 3 65-7 122-35 170-85 24-25 39-47 55-78 22-43 33-84 37-134 6-77-15-157-56-220-44-65-107-109-180-125-15-4-64-5-80-3z m31 204c-16 129-97 233-207 268-29 10-45 12-79 12-44 0-72-7-112-25-30-15-51-30-77-56-33-33-55-65-72-108l-7-16-3 7c-10 23-18 74-16 99 9 103 72 190 172 238 81 39 178 44 264 16 38-12 67-27 98-50 55-42 95-103 109-169 4-18 6-57 3-76-6-47-25-92-55-131-16-20-16-20-18-9z" horiz-adv-x="1000" />
 
-<glyph glyph-name="picture-1" unicode="&#xe802;" d="M0-68l0 836 1000 0 0-836-1000 0z m76 78l848 0 0 680-848 0 0-680z m90 80l0 59 150 195 102-86 193 291 223-228 0-231-668 0z m0 416q0 37 24 62t62 24q33 0 58-24t24-62q0-33-24-57t-58-25q-37 0-62 25t-24 57z" horiz-adv-x="1000" />
+<glyph glyph-name="upload-cloud" unicode="&#xe802;" d="M781 506q108 0 184-76t76-184-76-184-184-77l-208 0 0 239 67-66q16-17 38-17 20 0 36 17 15 15 15 36t-15 36l-156 156q-14 14-37 15t-37-15l-156-156q-15-15-15-36t15-36q16-17 37-17 20 0 36 17l68 66 0-239-260 0q-86 0-148 61t-61 148q0 72 44 128t112 73l0 8q0 130 92 221t221 91q100 0 180-58t114-152q2 0 8 1t10 0z" horiz-adv-x="1041" />
 
-<glyph glyph-name="th-list" unicode="&#xe803;" d="M860 90q43 0 73-31t31-74q0-43-31-73t-73-31l-365 0q-44 0-74 31t-31 73 31 74 74 31l365 0z m0 364q43 0 73-31t31-73-31-73-73-31l-365 0q-44 0-74 31t-31 73 31 73 74 31l365 0z m0 365q43 0 73-31t31-73q0-44-31-74t-73-31l-365 0q-42 0-74 31t-31 74 31 73 74 31l365 0z m-860-834q0 130 130 130t130-130-130-130-130 130z m0 365q0 130 130 130t130-130-130-130-130 130z m0 365q0 130 130 130t130-130-130-130-130 130z" horiz-adv-x="964" />
+<glyph glyph-name="picture-1" unicode="&#xe803;" d="M0-68l0 836 1000 0 0-836-1000 0z m76 78l848 0 0 680-848 0 0-680z m90 80l0 59 150 195 102-86 193 291 223-228 0-231-668 0z m0 416q0 37 24 62t62 24q33 0 58-24t24-62q0-33-24-57t-58-25q-37 0-62 25t-24 57z" horiz-adv-x="1000" />
 
-<glyph glyph-name="trash" unicode="&#xe804;" d="M0 633l0 141 289 0 0 76 246 0 0-76 289 0 0-141-824 0z m43-783l0 676 738 0 0-676-738 0z" horiz-adv-x="824" />
+<glyph glyph-name="th-list" unicode="&#xe804;" d="M860 90q43 0 73-31t31-74q0-43-31-73t-73-31l-365 0q-44 0-74 31t-31 73 31 74 74 31l365 0z m0 364q43 0 73-31t31-73-31-73-73-31l-365 0q-44 0-74 31t-31 73 31 73 74 31l365 0z m0 365q43 0 73-31t31-73q0-44-31-74t-73-31l-365 0q-42 0-74 31t-31 74 31 73 74 31l365 0z m-860-834q0 130 130 130t130-130-130-130-130 130z m0 365q0 130 130 130t130-130-130-130-130 130z m0 365q0 130 130 130t130-130-130-130-130 130z" horiz-adv-x="964" />
 
-<glyph glyph-name="pencil-1" unicode="&#xe805;" d="M0-143l68 343 274-273z m137 392l422 422 259-260-421-422z m531 494q2 39 31 69t69 31 66-25l131-131q25-26 24-66t-30-69-69-30-66 24l-131 131q-27 27-25 66z" horiz-adv-x="989" />
+<glyph glyph-name="trash" unicode="&#xe805;" d="M0 633l0 141 289 0 0 76 246 0 0-76 289 0 0-141-824 0z m43-783l0 676 738 0 0-676-738 0z" horiz-adv-x="824" />
 
 <glyph glyph-name="th-large" unicode="&#xe806;" d="M0 663q0 65 46 110t110 46l104 0q65 0 111-46t45-110l0-104q0-65-45-111t-111-45l-104 0q-65 0-110 45t-46 111l0 104z m521 0q0 65 46 110t111 46l103 0q65 0 111-46t46-110l0-104q0-65-46-111t-111-45l-103 0q-65 0-111 45t-46 111l0 104z m-521-521q0 65 46 110t110 46l104 0q65 0 111-46t45-110l0-104q0-65-45-111t-111-46l-104 0q-65 0-110 46t-46 111l0 104z m521 0q0 65 46 110t111 46l103 0q65 0 111-46t46-110l0-104q0-65-46-111t-111-46l-103 0q-65 0-111 46t-46 111l0 104z" horiz-adv-x="938" />
 
@@ -40,6 +40,8 @@
 
 <glyph glyph-name="terminal" unicode="&#xe810;" d="M929 779h-858c-39 0-71-32-71-72v-714c0-40 32-72 71-72h858c39 0 71 32 71 72v714c0 40-32 72-71 72z m-786-500l143 142-143 143 71 72 215-215-215-214-71 72z m571-72h-285v72h285v-72z" horiz-adv-x="1000" />
 
+<glyph glyph-name="hammer" unicode="&#xe811;" d="M988-7q0-30-20-50l-60-61q-22-20-51-20-29 0-50 20l-203 204q-21 20-21 50 0 29 24 53l-143 143-70-70q-8-8-19-8t-19 8q1-1 7-7t7-7 6-6 5-8 4-8 3-9 0-10q0-21-15-38-2-1-9-10t-11-11-10-9-13-9-12-5-14-3q-23 0-38 16l-228 228q-16 15-16 38 0 7 3 14t5 12 9 13 9 10 11 11 10 9q17 15 38 15 6 0 10 0t9-3 8-4 8-5 6-6 7-7 7-7q-8 8-8 19t8 19l194 194q8 8 19 8t19-8q-1 1-7 7t-7 7-6 7-5 7-3 8-4 9 0 10q0 21 15 38 2 2 9 10t11 11 10 10 13 8 12 5 14 3q23 0 38-16l228-228q16-15 16-38 0-7-3-14t-5-12-8-13-10-10-11-11-10-9q-17-15-38-15-6 0-10 0t-9 4-8 3-7 5-7 6-7 7-7 7q8-8 8-19t-8-19l-70-70 143-143q24 24 53 24 29 0 51-21l203-202q20-22 20-51z" horiz-adv-x="1000" />
+
 <glyph glyph-name="github-circled" unicode="&#xf09b;" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
 
 <glyph glyph-name="gauge" unicode="&#xf0e4;" d="M214 207q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m107 250q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m239-268l57 213q3 14-5 27t-21 16-27-3-17-22l-56-213q-33-3-60-25t-35-55q-11-43 11-81t66-50 81 11 50 66q9 33-4 65t-40 51z m369 18q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-358 357q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m250-107q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m179-250q0-145-79-269-10-17-30-17h-782q-20 0-30 17-79 123-79 269 0 102 40 194t106 160 160 107 194 39 194-39 160-107 106-160 40-194z" horiz-adv-x="1000" />
diff --git a/public/libs/fontello/fontello.ttf b/public/libs/fontello/fontello.ttf
index 93ed878cfe26e620c3e19dd68a679f9b7cbf7e0e..cf147ab4fff93c97a98453c9957518726fd7a599 100644
GIT binary patch
delta 1029
zcma))UuYCp6vof}Gk5OHPG_>o%+791vg@vFDlsO;bYs=%S|zp$YPCrG?-DoJXx14t
z4N+RQls*(+RHhFFO(|Gx@kv<lsZbRW)M)!A6@_A>1btCa(HGM**$O_o!#8KX@BZeT
zyEAio$E)2ZGL=67$R+^TI#4e7XSPqQL;o89y)!U2niBuMc?po&i|eUDf2e%y<cV$Q
zzX6E&LxsaW=5^@%vC5&5BZJ3|{xk@{zXM2IEENm;8u|}Z0b17Jdai_ldW}6t{}uXq
zrSj<bu1i~Io?-Aa2Kz?5fx_CW8_ohGIr{E$VcaL58olV3pidnvl#7!SEh+RkklysY
z!=ryz8b$%qAL6Dv{X<3n!K$|30Tw<v`DzEb7<@s7=AQ$CHv{|vZ1!paRvqzkz+oJ7
z6C_X&)6rmxv}>L4{}D9OMM@kwaprSM>Jc=;E~GO&<1ZfUWw$m@M*%_s0#8oW1PxfH
zY62VJ>EAVh1MsZ7CWv7z)dViq;hM1RLoKKt;l5J+Qs;UF_dYYm?y_F+;QM^zYQmK*
zy_E6cOoXYzB1GM<Q%aPz>(4iC>d(&yg)1I##ywzyc_38bfl5>l2qhl=QR?AtKY-8X
z<Xhi^tsp$OEpLt-*u8V(hNgubaa$^hHpRAxNOzEIcTcM-(yeaHjtSRRO(heiA9b%J
zxs^1xIJb;+wQx5Z`Yt!*Q9bBZaJMT-Vh;8(Sw^&xbXH{3*-Q)rHy19kyY}+f(u#A#
zi68HiF=;E35{sJBFm=tfrs|kNRV|{CsDsZ*=+q!mUPjOq3gd)Wn))tkNR!n_DI}A!
z?|6J^?1rtj*uAzrX)g<h;0&Ql;Y3M2H@T>rvfNKp)lj4!(JVnF*D3bDETyRmoK2+@
zMcky4glI_C@p?;A!$b@RIM?wlLv`Hdvg!5X<n2Ay@)r<c(-^|-`#)%JYw%-J&zwY<
zvwJA4JUTNo>#v|+5<F_^2%P4m4t-=Zxj^gbWU!(+(Qse;OaE5C6*+3;jelmp?L>8d
vbA*vZFqY~xNFzwUcyM5Nq<vBFYpOlCm)fa{QlVTf9tu95ySn=I+@$dz-~7nx

delta 572
zcmXw!PiPZC7{%Z0ZZ?}u&{S)>*c#WQB4VSdgz7<sB3SjLP)bX&&6=j!LN*=RwNw<m
zXhBaYa}fM<se(m%kme#md+J3<MZ8E4o@}9)mbRkwWc)U(GrW28d&A84&EC+9!E*A!
zM}XY`(3f*8zK~w-Af5-LT5ifU)gOO;1IHfHxjD)U&Xd{l0P$-e%nQ~er#wo0pIj>x
z?~YFF)ZPM$3mCBT)=1ME_bJduj4qpk;3xSf@d9zX?YPqet9|ud3cgT~Esp1`o~`cp
zz>zfZS;v~@tS54jc!bz2Sx&z8GHw!6L(&Q#pL91D-Q#rBOHH5P6M4Sged+^{YM$L2
zWJ{u#6;95B(Pdx`a%0y)t~dUuV2bj6&>%tGh>A6q3Z2HkDGp1WbV04$lq42K#Cw9Z
zdn=6=aa;a;W&1hc2?xm6eBmIlv+4`Yz;4DD4w2iw5F;P+g_cS*a3>%hDdks>b-i*e
zCTnf$D_^t2`!D=LSl;l;ebbG5|6SPebFGG#ds3R}^~Qdg_&n*msK(ET&3J1Ui!jb=
z(u`D<A(s?I$te8+1eVmR>bqbjSk)wLJ2V&C(w~L1{_m)SQMq(9EHgt~Pox>dOd_T6
Wd?`0pOm&LI#4Qm^Uas^f&B$Nm4UVJ$

diff --git a/public/libs/fontello/fontello.woff b/public/libs/fontello/fontello.woff
index 7d99ec4f97cfe9c690fd3c411c86a7ce858610f8..4e86699f656624a056ae769edeb7b9909432930a 100644
GIT binary patch
delta 5650
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

delta 5352
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
GDIR}+89Gw{

diff --git a/public/libs/fontello/fontello.woff2 b/public/libs/fontello/fontello.woff2
index b293ba17c49084fde04cc54359f6cdfadf9bfda2..b8f0cc19eff38b6c9c85307fa693cc46d15d6f97 100644
GIT binary patch
literal 6620
zcmV<286)O*Pew8T0RR9102$l>4*&oF055m|02ze<0RR9100000000000000000000
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
aZE3RMx@`KR4-h*LF?2UnW`VjLB3uIQO|0_(

literal 6332
zcmV;t7(?fGPew8T0RR9102sUg4*&oF04<yV02pEb0RR9100000000000000000000
z0000SR0dW6g-i$_36^jX2nw(Os5}cY00A}vBm-asAO(d@2ZARIfd(6$C`CtT*f@YU
zjCw@&{~>`JLoh$Ao(PHnLlM|09-BBmdx{`R5a^JjEj-xuah!TIO8qZqVY<`(*5QL(
zVLM$BRcLq!A0f#s5C5+9bzhQ##!oP60l*=VS_vp5kpfmMSI${QGIFMcDgXb~a__$M
zgQS^tig}DY4sp(&S)w-EmbK#$D@v#+I!c<3Lk(5O|E*d5U#V^mHfFE`9qJGdRd5;9
z0D&;~MjjeVpjN3f?)1(>+kB2XXroZVOa!9|8wJEd#y1l&Dz`B{V_nvYRfoDZ9`J<z
zR2s&XwVZn84+RRKOhJ%}lI>)eGtAnir(Z69e=C<uD777zFSo|+AQb9d@_;iq*cj~R
zkBG^frF6$ua%kC0ki8O-;Rpgn$kZRHPpSRM_7aDV00cAr|EIpvd!PN{7iBH;9Cfgw
z;t7jD0o0D(lb7_DWdA8;4aMnD?T)npS}Xv`S<|Cy_`73n7DS3zDeNggv=H|(HXpZr
zlI$3pJ#H?dd1RnX86U}g#mf=M*h!1Xx#vH93%y70IzNQXs1Xa-+Fm*yeQ0Y1Vl$!?
zVJtc3nE9W0m!b4>`Wtz3`TNKJP6#GSEYql`EAJnz!_8`upPvr}zRxrM^v^)7!Lq{9
z@fnHFu>1qWL35c;UZOrf_qm99U7l7?zuEtA!C2%ET2$?0-nB;CL(g&7Di^Kl@xS4T
zlB`gw^z=;$i_qu{CJRJMXztYVI2gp1sEr{Lv@(fSCez9kTA7AcrlpnXXk~g@nGvnb
zm{w*&D>J2)nbFG3X=RpZWtM4WR_5<hGpqCWy<yho?|;aw&tEW@jrof_W^?``|GsUZ
z!uB}KGXs>ZIe8#2-??{w5JYzWLEx%g`1fZ|{Ya*Y*OK3Ph^GId6Rk~jY^()70R!!K
zfCkYuAaLS!1A$D1FAf?$cNs4a29v?b7jM;?{84y$<Si^1p}pSPu7VT~GigfZYVIjH
zQWj+@_!5(A$@ggkna7)O@IqdbCNwKCG}8vODyG0of29ZB;DZbVs%a{4Jo0ej;Kdnh
z0~i}9)T)(f;c6#XBVcW==9GE{Uum%yK*`Sk=UFS|whIl%J|3BL61;{?z)rmtCP8MX
z`)c5Tz^Vh1Ex_9XpH=~2V}jJzntxmaT-hK%BG{mC@{hVzVGdz2Ts{>0&cQ@<!Vm@n
z_tIuGNY~Ezg6u<prr0!8<7rz?B$*1ygGoW|z&XN1<Kxq8q0j%0DCfE)e;{0M9aJqb
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

diff --git a/routes/api.js b/routes/api.js
index 3f867b5..6124077 100644
--- a/routes/api.js
+++ b/routes/api.js
@@ -41,5 +41,8 @@ routes.post('/tokens/verify', (req, res, next) => tokenController.verify(req, re
 routes.post('/tokens/change', (req, res, next) => tokenController.change(req, res, next))
 routes.get('/filelength/config', (req, res, next) => authController.getFileLengthConfig(req, res, next))
 routes.post('/filelength/change', (req, res, next) => authController.changeFileLength(req, res, next))
+routes.get('/users', (req, res, next) => authController.listUsers(req, res, next))
+routes.get('/users/:page', (req, res, next) => authController.listUsers(req, res, next))
+routes.post('/users/edit', (req, res, next) => authController.editUser(req, res, next))
 
 module.exports = routes
diff --git a/views/dashboard.njk b/views/dashboard.njk
index 2125c19..9c87b3d 100644
--- a/views/dashboard.njk
+++ b/views/dashboard.njk
@@ -70,6 +70,15 @@
             </li>
           </ul>
           <p class="menu-label">Administration</p>
+          <ul class="menu-list">
+            <li>
+              <a id="itemManageUploads" disabled>Manage uploads</a>
+            </li>
+            <li>
+              <a id="itemManageUsers" disabled>Manage users</a>
+            </li>
+          </ul>
+          <p class="menu-label">Configuration</p>
           <ul class="menu-list">
             <li>
               <a id="ShareX">ShareX user profile</a>