chore(release): 2.21.0

fix: correctly handle non-ascii passwords for shared resources
fix: don't expose scope for non-admin users
2022-02-21 20:49:31 +01:00 · 2022-02-21 20:47:28 +01:00 · 2022-02-21 20:17:42 +01:00 · 2022-02-21 19:59:22 +01:00 · 2022-02-21 19:30:42 +01:00 · 2022-02-20 12:23:22 +01:00
55 changed files with 1134 additions and 205 deletions
--- a/.github/workflows/main.yaml
+++ b/.github/workflows/main.yaml
@@ -26,7 +26,7 @@ jobs:
        with:
          go-version: 1.17
      - run: make lint-backend
-  lint-commints:
+  lint-commits:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
@@ -38,7 +38,7 @@ jobs:
      - run: make lint-commits
  lint:
    runs-on: ubuntu-latest
-    needs: [lint-frontend, lint-backend, lint-commints]
+    needs: [lint-frontend, lint-backend, lint-commits]
    steps:
      - run: echo "done"

@@ -84,7 +84,7 @@ jobs:
        uses: docker/setup-qemu-action@v1
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v1
-      - name: Build fronetend
+      - name: Build frontend
        run: make build-frontend
      - name: Login to Docker Hub
        uses: docker/login-action@v1
@@ -97,4 +97,4 @@ jobs:
          version: latest
          args: release --rm-dist
        env:
-          GITHUB_TOKEN: ${{ secrets.GH_PAT }}
+          GITHUB_TOKEN: ${{ secrets.GH_PAT }}
--- a/.goreleaser.yml
+++ b/.goreleaser.yml
@@ -56,9 +56,9 @@ dockers:
      - "filebrowser/filebrowser:{{ .Tag }}-amd64"
      - "filebrowser/filebrowser:v{{ .Major }}-amd64"
    extra_files:
-      - docker/root
+      - docker_config.json
  -
-    dockerfile: Dockerfile.aarch64
+    dockerfile: Dockerfile
    use: buildx
    build_flag_templates:
      - "--pull"
@@ -74,9 +74,9 @@ dockers:
      - "filebrowser/filebrowser:{{ .Tag }}-arm64"
      - "filebrowser/filebrowser:v{{ .Major }}-arm64"
    extra_files:
-      - docker/root
+      - docker_config.json
  -
-    dockerfile: Dockerfile.armhf
+    dockerfile: Dockerfile
    use: buildx
    build_flag_templates:
      - "--pull"
@@ -93,9 +93,9 @@ dockers:
      - "filebrowser/filebrowser:{{ .Tag }}-armv6"
      - "filebrowser/filebrowser:v{{ .Major }}-armv6"
    extra_files:
-      - docker/root
+      - docker_config.json
  -
-    dockerfile: Dockerfile.armhf
+    dockerfile: Dockerfile
    use: buildx
    build_flag_templates:
      - "--pull"
@@ -111,6 +111,81 @@ dockers:
    image_templates:
      - "filebrowser/filebrowser:{{ .Tag }}-armv7"
      - "filebrowser/filebrowser:v{{ .Major }}-armv7"
+    extra_files:
+      - docker_config.json
+## s6 based docker images
+  -
+    dockerfile: Dockerfile.s6
+    use: buildx
+    build_flag_templates:
+      - "--pull"
+      - "--label=org.opencontainers.image.created={{.Date}}"
+      - "--label=org.opencontainers.image.name={{.ProjectName}}"
+      - "--label=org.opencontainers.image.revision={{.FullCommit}}"
+      - "--label=org.opencontainers.image.version={{.Version}}"
+      - "--label=org.opencontainers.image.source={{.GitURL}}"
+      - "--platform=linux/amd64"
+    goos: linux
+    goarch: amd64
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-amd64-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-amd64-s6"
+    extra_files:
+      - docker/root
+  -
+    dockerfile: Dockerfile.s6.aarch64
+    use: buildx
+    build_flag_templates:
+      - "--pull"
+      - "--label=org.opencontainers.image.created={{.Date}}"
+      - "--label=org.opencontainers.image.name={{.ProjectName}}"
+      - "--label=org.opencontainers.image.revision={{.FullCommit}}"
+      - "--label=org.opencontainers.image.version={{.Version}}"
+      - "--label=org.opencontainers.image.source={{.GitURL}}"
+      - "--platform=linux/arm64"
+    goos: linux
+    goarch: arm64
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-arm64-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-arm64-s6"
+    extra_files:
+      - docker/root
+  -
+    dockerfile: Dockerfile.s6.armhf
+    use: buildx
+    build_flag_templates:
+      - "--pull"
+      - "--label=org.opencontainers.image.created={{.Date}}"
+      - "--label=org.opencontainers.image.name={{.ProjectName}}"
+      - "--label=org.opencontainers.image.revision={{.FullCommit}}"
+      - "--label=org.opencontainers.image.version={{.Version}}"
+      - "--label=org.opencontainers.image.source={{.GitURL}}"
+      - "--platform=linux/arm/v6"
+    goos: linux
+    goarch: arm
+    goarm: '6'
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-armv6-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-armv6-s6"
+    extra_files:
+      - docker/root
+  -
+    dockerfile: Dockerfile.s6.armhf
+    use: buildx
+    build_flag_templates:
+      - "--pull"
+      - "--label=org.opencontainers.image.created={{.Date}}"
+      - "--label=org.opencontainers.image.name={{.ProjectName}}"
+      - "--label=org.opencontainers.image.revision={{.FullCommit}}"
+      - "--label=org.opencontainers.image.version={{.Version}}"
+      - "--label=org.opencontainers.image.source={{.GitURL}}"
+      - "--platform=linux/arm/v7"
+    goos: linux
+    goarch: arm
+    goarm: '7'
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-armv7-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-armv7-s6"
    extra_files:
      - docker/root
 docker_manifests:
@@ -132,6 +207,25 @@ docker_manifests:
      - "filebrowser/filebrowser:v{{ .Major }}-arm64"
      - "filebrowser/filebrowser:v{{ .Major }}-armv6"
      - "filebrowser/filebrowser:v{{ .Major }}-armv7"
+## s6 image manifests
+  - name_template: "filebrowser/filebrowser:s6"
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-amd64-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-arm64-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-armv6-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-armv7-s6"
+  - name_template: "filebrowser/filebrowser:{{ .Tag }}-s6"
+    image_templates:
+      - "filebrowser/filebrowser:{{ .Tag }}-amd64-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-arm64-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-armv6-s6"
+      - "filebrowser/filebrowser:{{ .Tag }}-armv7-s6"
+  - name_template: "filebrowser/filebrowser:v{{ .Major }}-s6"
+    image_templates:
+      - "filebrowser/filebrowser:v{{ .Major }}-amd64-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-arm64-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-armv6-s6"
+      - "filebrowser/filebrowser:v{{ .Major }}-armv7-s6"
 brews:
  - name: filebrowser
    tap:
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,47 @@

 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

+## [2.21.0](https://github.com/filebrowser/filebrowser/compare/v2.20.1...v2.21.0) (2022-02-21)
+
+
+### Features
+
+* add colorized file type icons ([2948589](https://github.com/filebrowser/filebrowser/commit/2948589fcde6d1dca7f3ea52a621d8213fa3300c))
+* add gallery view mode ([8888b9f](https://github.com/filebrowser/filebrowser/commit/8888b9f44640394df9e3583db4392472d7027a4b))
+* add Ukrainian translation / update Russian translation ([#1753](https://github.com/filebrowser/filebrowser/issues/1753)) ([665e458](https://github.com/filebrowser/filebrowser/commit/665e45889cd333f1e3500e4bf38d15d229c9fe2a))
+* add upload file list with progress ([#1825](https://github.com/filebrowser/filebrowser/issues/1825)) ([cf85404](https://github.com/filebrowser/filebrowser/commit/cf85404dd25cd7fdd73aa32878b4dc5f85ee3e96))
+* smaller column width to fit 2 columns in landscape mobiles ([7870e89](https://github.com/filebrowser/filebrowser/commit/7870e89bc04f1494f2705795476b5f1c9d621e38))
+* use real image path to calculate cache key ([c198723](https://github.com/filebrowser/filebrowser/commit/c1987237d05adcce77c614e5247a181ae5cdfacd))
+
+
+### Bug Fixes
+
+* correctly handle non-ascii passwords for shared resources ([c782f21](https://github.com/filebrowser/filebrowser/commit/c782f21b0fa4511a15e7015117d075eaf5ea332c))
+* don't expose scope for non-admin users ([0942fc7](https://github.com/filebrowser/filebrowser/commit/0942fc7042fd949cce91855169d0bcf16eb75771))
+* open all the pdf files correctly ([#1742](https://github.com/filebrowser/filebrowser/issues/1742)) ([949f0f2](https://github.com/filebrowser/filebrowser/commit/949f0f277f6004904b3edfa716a8365ec93fa0fa))
+
+
+### Build
+
+* **deps:** bump browserslist from 4.16.3 to 4.19.1 in /frontend ([8089007](https://github.com/filebrowser/filebrowser/commit/80890075e802e2a4217edbb01d6417122d702f5e))
+* **deps:** bump dns-packet from 1.3.1 to 1.3.4 in /frontend ([a73d7f1](https://github.com/filebrowser/filebrowser/commit/a73d7f14b787935c6ebe525dba64b65f8ed733e2))
+* **deps:** bump follow-redirects from 1.13.3 to 1.14.8 in /frontend ([f1f7f17](https://github.com/filebrowser/filebrowser/commit/f1f7f17ade8d40fc6cfb22c79960bce299876b56))
+* **deps:** bump hosted-git-info from 2.8.8 to 2.8.9 in /frontend ([e7659ea](https://github.com/filebrowser/filebrowser/commit/e7659ea36bdf780ce17005f7170a2fef02a2d5e5))
+* **deps:** bump path-parse from 1.0.6 to 1.0.7 in /frontend ([c014966](https://github.com/filebrowser/filebrowser/commit/c01496624a7ebfc8a7c256bd919a400367281cbb))
+* **deps:** bump postcss from 7.0.35 to 7.0.39 in /frontend ([9182d33](https://github.com/filebrowser/filebrowser/commit/9182d33e1cc375473fb18989a92d20252884f096))
+* **deps:** bump ssri from 6.0.1 to 6.0.2 in /frontend ([3717186](https://github.com/filebrowser/filebrowser/commit/371718634b11f32e68165f31c51b6b1139c829ec))
+* **deps:** bump tar from 6.1.0 to 6.1.11 in /frontend ([010d16f](https://github.com/filebrowser/filebrowser/commit/010d16fc1d8f0200e5662943aef17ee89c5877b7))
+* **deps:** bump url-parse from 1.5.1 to 1.5.4 in /frontend ([8906408](https://github.com/filebrowser/filebrowser/commit/8906408a8f0ed86d1e11ea90fc573b36815c9c0d))
+* **deps:** bump url-parse from 1.5.4 to 1.5.7 in /frontend ([228ebea](https://github.com/filebrowser/filebrowser/commit/228ebea66cc871b33459406590a80ef906298e7d))
+* **deps:** bump ws from 6.2.1 to 6.2.2 in /frontend ([73c8073](https://github.com/filebrowser/filebrowser/commit/73c80732d934bc8802a6d7c7a559cad37df405f0))
+
+### [2.20.1](https://github.com/filebrowser/filebrowser/compare/v2.20.0...v2.20.1) (2021-12-21)
+
+
+### Build
+
+* revert to using the default alpine based docker image ([46d8046](https://github.com/filebrowser/filebrowser/commit/46d80464d2a67927b06a11b83fb137ad364a90ed))
+
 ## [2.20.0](https://github.com/filebrowser/filebrowser/compare/v2.19.0...v2.20.0) (2021-12-20)


--- a/15
+++ b/15
@@ -1,5 +1,4 @@
-FROM ghcr.io/linuxserver/baseimage-alpine:3.14
-
+FROM alpine:latest
 RUN apk --update add ca-certificates \
                     mailcap \
                     curl
@@ -7,10 +6,10 @@ RUN apk --update add ca-certificates \
 HEALTHCHECK --start-period=2s --interval=5s --timeout=3s \
  CMD curl -f http://localhost/health || exit 1

-# copy local files
-COPY docker/root/ /
-COPY filebrowser /usr/bin/filebrowser
+VOLUME /srv
+EXPOSE 80

-# ports and volumes
-VOLUME /srv /config /database
-EXPOSE 80
+COPY docker_config.json /.filebrowser.json
+COPY filebrowser /filebrowser
+
+ENTRYPOINT [ "/filebrowser" ]
--- a/Dockerfile.s6
+++ b/Dockerfile.s6
@@ -0,0 +1,16 @@
+FROM ghcr.io/linuxserver/baseimage-alpine:3.14
+
+RUN apk --update add ca-certificates \
+                     mailcap \
+                     curl
+
+HEALTHCHECK --start-period=2s --interval=5s --timeout=3s \
+  CMD curl -f http://localhost/health || exit 1
+
+# copy local files
+COPY docker/root/ /
+COPY filebrowser /usr/bin/filebrowser
+
+# ports and volumes
+VOLUME /srv /config /database
+EXPOSE 80
--- a/Dockerfile.s6.aarch64
+++ b/Dockerfile.s6.aarch64
--- a/Dockerfile.s6.armhf
+++ b/Dockerfile.s6.armhf
--- a/docker_config.json
+++ b/docker_config.json
@@ -0,0 +1,8 @@
+{
+  "port": 80,
+  "baseURL": "",
+  "address": "",
+  "log": "stdout",
+  "database": "/database.db",
+  "root": "/srv"
+}
--- a/files/file.go
+++ b/files/file.go
@@ -185,6 +185,19 @@ func (i *FileInfo) Checksum(algo string) error {
 	return nil
 }

+func (i *FileInfo) RealPath() string {
+	if realPathFs, ok := i.Fs.(interface {
+		RealPath(name string) (fPath string, err error)
+	}); ok {
+		realPath, err := realPathFs.RealPath(i.Path)
+		if err == nil {
+			return realPath
+		}
+	}
+
+	return i.Path
+}
+
 //nolint:goconst
 //TODO: use constants
 func (i *FileInfo) detectType(modify, saveContent, readHeader bool) error {
@@ -219,6 +232,9 @@ func (i *FileInfo) detectType(modify, saveContent, readHeader bool) error {
 	case strings.HasPrefix(mimetype, "image"):
 		i.Type = "image"
 		return nil
+	case strings.HasSuffix(mimetype, "pdf"):
+		i.Type = "pdf"
+		return nil
 	case (strings.HasPrefix(mimetype, "text") || !isBinary(buffer)) && i.Size <= 10*1024*1024: // 10 MB
 		i.Type = "text"

--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,7 +15,7 @@
        "js-base64": "^2.5.1",
        "lodash.clonedeep": "^4.5.0",
        "lodash.throttle": "^4.1.1",
-        "material-design-icons": "^3.0.1",
+        "material-icons": "^1.10.5",
        "moment": "^2.24.0",
        "normalize.css": "^8.0.1",
        "noty": "^3.2.0-beta",
@@ -3272,16 +3272,16 @@
      }
    },
    "node_modules/browserslist": {
-      "version": "4.16.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
+      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
      "dev": true,
      "dependencies": {
-        "caniuse-lite": "^1.0.30001181",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.649",
+        "caniuse-lite": "^1.0.30001286",
+        "electron-to-chromium": "^1.4.17",
        "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
+        "node-releases": "^2.0.1",
+        "picocolors": "^1.0.0"
      },
      "bin": {
        "browserslist": "cli.js"
@@ -3294,6 +3294,12 @@
        "url": "https://opencollective.com/browserslist"
      }
    },
+    "node_modules/browserslist/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
    "node_modules/buffer": {
      "version": "4.9.2",
      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
@@ -3368,9 +3374,9 @@
      }
    },
    "node_modules/cacache/node_modules/ssri": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
-      "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
+      "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
      "dev": true,
      "dependencies": {
        "figgy-pudding": "^3.5.1"
@@ -3503,10 +3509,14 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001203",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001203.tgz",
-      "integrity": "sha512-/I9tvnzU/PHMH7wBPrfDMSuecDeUKerjCPX7D0xBbaJZPxoT9m+yYxt0zCTkcijCkjTdim3H56Zm0i5Adxch4w==",
-      "dev": true
+      "version": "1.0.30001309",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001309.tgz",
+      "integrity": "sha512-Pl8vfigmBXXq+/yUz1jUwULeq9xhMJznzdc/xwl4WclDAuebcTHVefpz8lE/bMI+UN7TOkSSe7B7RnZd6+dzjA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/browserslist"
+      }
    },
    "node_modules/case-sensitive-paths-webpack-plugin": {
      "version": "2.4.0",
@@ -5415,9 +5425,9 @@
      "dev": true
    },
    "node_modules/dns-packet": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
      "dev": true,
      "dependencies": {
        "ip": "^1.1.0",
@@ -5592,9 +5602,9 @@
      }
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.3.693",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.693.tgz",
-      "integrity": "sha512-vUdsE8yyeu30RecppQtI+XTz2++LWLVEIYmzeCaCRLSdtKZ2eXqdJcrs85KwLiPOPVc6PELgWyXBsfqIvzGZag==",
+      "version": "1.4.67",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.67.tgz",
+      "integrity": "sha512-A6a2jEPLueEDfb7kvh7/E94RKKnIb01qL+4I7RFxtajmo+G9F5Ei7HgY5PRbQ4RDrh6DGDW66P0hD5XI2nRAcg==",
      "dev": true
    },
    "node_modules/elliptic": {
@@ -6733,9 +6743,9 @@
      }
    },
    "node_modules/follow-redirects": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
-      "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==",
+      "version": "1.14.8",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
      "dev": true,
      "funding": [
        {
@@ -7287,9 +7297,9 @@
      }
    },
    "node_modules/hosted-git-info": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
-      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
      "dev": true
    },
    "node_modules/hpack.js": {
@@ -8962,10 +8972,10 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/material-design-icons": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
-      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    "node_modules/material-icons": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.5.tgz",
+      "integrity": "sha512-+4l0xbfKlA2eSXJrhISYvCvT8e9HqQk3BLdOCPGal5qPYAQoTI8TTacYI0yXyf7WS6BpKrhQemUenhmR0IoS8A=="
    },
    "node_modules/md5.js": {
      "version": "1.3.5",
@@ -9507,9 +9517,9 @@
      "dev": true
    },
    "node_modules/node-releases": {
-      "version": "1.1.71",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
-      "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
      "dev": true
    },
    "node_modules/normalize-package-data": {
@@ -10256,9 +10266,9 @@
      }
    },
    "node_modules/path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
      "dev": true
    },
    "node_modules/path-to-regexp": {
@@ -10310,6 +10320,12 @@
      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
      "dev": true
    },
+    "node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
    "node_modules/picomatch": {
      "version": "2.2.2",
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
@@ -10409,14 +10425,13 @@
      }
    },
    "node_modules/postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
      "dev": true,
      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
      },
      "engines": {
        "node": ">=6.0.0"
@@ -11070,18 +11085,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/postcss/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
    "node_modules/prelude-ls": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -12558,9 +12561,9 @@
      }
    },
    "node_modules/ssri": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.0.tgz",
-      "integrity": "sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
+      "integrity": "sha512-w+daCzXN89PseTL99MkA+fxJEcU3wfaE/ah0i0lnOlpG1CYLJ2ZjzEry68YBKfLs4JfoTShrTEsJkAZuNZ/stw==",
      "dev": true,
      "dependencies": {
        "figgy-pudding": "^3.5.1",
@@ -12973,9 +12976,9 @@
      }
    },
    "node_modules/tar": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
-      "integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
      "dev": true,
      "dependencies": {
        "chownr": "^2.0.0",
@@ -13689,9 +13692,9 @@
      }
    },
    "node_modules/url-parse": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
-      "integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.7.tgz",
+      "integrity": "sha512-HxWkieX+STA38EDk7CE9MEryFeHCKzgagxlGvsdS7WBImq9Mk+PGwiT56w82WI3aicwJA8REp42Cxo98c8FZMA==",
      "dev": true,
      "dependencies": {
        "querystringify": "^2.1.1",
@@ -15146,9 +15149,9 @@
      }
    },
    "node_modules/ws": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
      "dev": true,
      "dependencies": {
        "async-limiter": "~1.0.0"
@@ -16835,6 +16838,7 @@
      "integrity": "sha512-8q67ORQ9O0Ms0nlqsXTVhaBefRBaLrzPxOewAZhdcO7onHwcO5/wRdWtHhZgfpCZlhY7NogkU16z3WnorSSkEA==",
      "dev": true,
      "requires": {
+        "@babel/core": "^7.11.0",
        "@babel/helper-compilation-targets": "^7.9.6",
        "@babel/helper-module-imports": "^7.8.3",
        "@babel/plugin-proposal-class-properties": "^7.8.3",
@@ -16847,6 +16851,7 @@
        "@vue/babel-plugin-jsx": "^1.0.3",
        "@vue/babel-preset-jsx": "^1.2.4",
        "babel-plugin-dynamic-import-node": "^2.3.3",
+        "core-js": "^3.6.5",
        "core-js-compat": "^3.6.5",
        "semver": "^6.1.0"
      }
@@ -18078,16 +18083,24 @@
      }
    },
    "browserslist": {
-      "version": "4.16.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
+      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
      "dev": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001181",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.649",
+        "caniuse-lite": "^1.0.30001286",
+        "electron-to-chromium": "^1.4.17",
        "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
+        "node-releases": "^2.0.1",
+        "picocolors": "^1.0.0"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
+        }
      }
    },
    "buffer": {
@@ -18161,9 +18174,9 @@
      },
      "dependencies": {
        "ssri": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
-          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
+          "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
          "dev": true,
          "requires": {
            "figgy-pudding": "^3.5.1"
@@ -18271,9 +18284,9 @@
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30001203",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001203.tgz",
-      "integrity": "sha512-/I9tvnzU/PHMH7wBPrfDMSuecDeUKerjCPX7D0xBbaJZPxoT9m+yYxt0zCTkcijCkjTdim3H56Zm0i5Adxch4w==",
+      "version": "1.0.30001309",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001309.tgz",
+      "integrity": "sha512-Pl8vfigmBXXq+/yUz1jUwULeq9xhMJznzdc/xwl4WclDAuebcTHVefpz8lE/bMI+UN7TOkSSe7B7RnZd6+dzjA==",
      "dev": true
    },
    "case-sensitive-paths-webpack-plugin": {
@@ -19799,9 +19812,9 @@
      "dev": true
    },
    "dns-packet": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
      "dev": true,
      "requires": {
        "ip": "^1.1.0",
@@ -19952,9 +19965,9 @@
      "dev": true
    },
    "electron-to-chromium": {
-      "version": "1.3.693",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.693.tgz",
-      "integrity": "sha512-vUdsE8yyeu30RecppQtI+XTz2++LWLVEIYmzeCaCRLSdtKZ2eXqdJcrs85KwLiPOPVc6PELgWyXBsfqIvzGZag==",
+      "version": "1.4.67",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.67.tgz",
+      "integrity": "sha512-A6a2jEPLueEDfb7kvh7/E94RKKnIb01qL+4I7RFxtajmo+G9F5Ei7HgY5PRbQ4RDrh6DGDW66P0hD5XI2nRAcg==",
      "dev": true
    },
    "elliptic": {
@@ -20863,9 +20876,9 @@
      }
    },
    "follow-redirects": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
-      "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==",
+      "version": "1.14.8",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
      "dev": true
    },
    "for-in": {
@@ -21282,9 +21295,9 @@
      "dev": true
    },
    "hosted-git-info": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
-      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
      "dev": true
    },
    "hpack.js": {
@@ -22587,10 +22600,10 @@
        "object-visit": "^1.0.0"
      }
    },
-    "material-design-icons": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
-      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    "material-icons": {
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.5.tgz",
+      "integrity": "sha512-+4l0xbfKlA2eSXJrhISYvCvT8e9HqQk3BLdOCPGal5qPYAQoTI8TTacYI0yXyf7WS6BpKrhQemUenhmR0IoS8A=="
    },
    "md5.js": {
      "version": "1.3.5",
@@ -23057,9 +23070,9 @@
      }
    },
    "node-releases": {
-      "version": "1.1.71",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
-      "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
      "dev": true
    },
    "normalize-package-data": {
@@ -23647,9 +23660,9 @@
      "dev": true
    },
    "path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
      "dev": true
    },
    "path-to-regexp": {
@@ -23694,6 +23707,12 @@
      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
      "dev": true
    },
+    "picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
    "picomatch": {
      "version": "2.2.2",
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
@@ -23768,14 +23787,13 @@
      "dev": true
    },
    "postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
      "dev": true,
      "requires": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
      },
      "dependencies": {
        "source-map": {
@@ -23783,15 +23801,6 @@
          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
          "dev": true
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
        }
      }
    },
@@ -25615,9 +25624,9 @@
      }
    },
    "ssri": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.0.tgz",
-      "integrity": "sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
+      "integrity": "sha512-w+daCzXN89PseTL99MkA+fxJEcU3wfaE/ah0i0lnOlpG1CYLJ2ZjzEry68YBKfLs4JfoTShrTEsJkAZuNZ/stw==",
      "dev": true,
      "requires": {
        "figgy-pudding": "^3.5.1",
@@ -25952,9 +25961,9 @@
      "dev": true
    },
    "tar": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
-      "integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
      "dev": true,
      "requires": {
        "chownr": "^2.0.0",
@@ -26531,9 +26540,9 @@
      }
    },
    "url-parse": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
-      "integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.7.tgz",
+      "integrity": "sha512-HxWkieX+STA38EDk7CE9MEryFeHCKzgagxlGvsdS7WBImq9Mk+PGwiT56w82WI3aicwJA8REp42Cxo98c8FZMA==",
      "dev": true,
      "requires": {
        "querystringify": "^2.1.1",
@@ -27694,9 +27703,9 @@
      }
    },
    "ws": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
      "dev": true,
      "requires": {
        "async-limiter": "~1.0.0"
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,7 +17,7 @@
    "js-base64": "^2.5.1",
    "lodash.clonedeep": "^4.5.0",
    "lodash.throttle": "^4.1.1",
-    "material-design-icons": "^3.0.1",
+    "material-icons": "^1.10.5",
    "moment": "^2.24.0",
    "normalize.css": "^8.0.1",
    "noty": "^3.2.0-beta",
--- a/frontend/src/api/pub.js
+++ b/frontend/src/api/pub.js
@@ -5,7 +5,7 @@ export async function fetch(url, password = "") {
  url = removePrefix(url);

  const res = await fetchURL(`/api/public/share${url}`, {
-    headers: { "X-SHARE-PASSWORD": password },
+    headers: { "X-SHARE-PASSWORD": encodeURIComponent(password) },
  });

  if (res.status === 200) {
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -9,6 +9,7 @@
    @drop="drop"
    @click="itemClick"
    :data-dir="isDir"
+    :data-type="type"
    :aria-label="name"
    :aria-selected="isSelected"
  >
@@ -17,7 +18,7 @@
        v-if="readOnly == undefined && type === 'image' && isThumbsEnabled"
        v-lazy="thumbnailUrl"
      />
-      <i v-else class="material-icons">{{ icon }}</i>
+      <i v-else class="material-icons"></i>
    </div>

    <div>
@@ -67,13 +68,6 @@ export default {
    isSelected() {
      return this.selected.indexOf(this.index) !== -1;
    },
-    icon() {
-      if (this.isDir) return "folder";
-      if (this.type === "image") return "insert_photo";
-      if (this.type === "audio") return "volume_up";
-      if (this.type === "video") return "movie";
-      return "insert_drive_file";
-    },
    isDraggable() {
      return this.readOnly == undefined && this.user.perm.rename;
    },
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ b/frontend/src/components/prompts/UploadFiles.vue
@@ -0,0 +1,62 @@
+<template>
+  <div
+    v-if="filesInUploadCount > 0"
+    class="upload-files"
+    v-bind:class="{ closed: !open }"
+  >
+    <div class="card floating">
+      <div class="card-title">
+        <h2>{{ $t("prompts.uploadFiles", { files: filesInUploadCount }) }}</h2>
+
+        <button
+          class="action"
+          @click="toggle"
+          aria-label="Toggle file upload list"
+          title="Toggle file upload list"
+        >
+          <i class="material-icons">{{
+            open ? "keyboard_arrow_down" : "keyboard_arrow_up"
+          }}</i>
+        </button>
+      </div>
+
+      <div class="card-content file-icons">
+        <div
+          class="file"
+          v-for="file in filesInUpload"
+          :key="file.id"
+          :data-type="file.type"
+          :aria-label="file.name"
+        >
+          <div class="file-name">
+            <i class="material-icons"></i> {{ file.name }}
+          </div>
+          <div class="file-progress">
+            <div v-bind:style="{ width: file.progress + '%' }"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+  name: "uploadFiles",
+  data: function () {
+    return {
+      open: false,
+    };
+  },
+  computed: {
+    ...mapGetters(["filesInUpload", "filesInUploadCount"]),
+  },
+  methods: {
+    toggle: function () {
+      this.open = !this.open;
+    },
+  },
+};
+</script>
--- a/frontend/src/components/settings/Languages.vue
+++ b/frontend/src/components/settings/Languages.vue
@@ -31,6 +31,7 @@ export default {
        sk: "sk",
        "sv-se": "svSE",
        tr: "tr",
+        ua: "ua",
        "zh-cn": "zhCN",
        "zh-tw": "zhTW",
      },
--- a/frontend/src/css/_variables.css
+++ b/frontend/src/css/_variables.css
@@ -4,4 +4,11 @@
  --red: #F44336;
  --dark-red: #D32F2F;
  --moon-grey: #f2f2f2;
+
+  --icon-red: #da4453;
+  --icon-orange: #f47750;
+  --icon-yellow: #fdbc4b;
+  --icon-green: #2ecc71;
+  --icon-blue: #1d99f3;
+  --icon-violet: #9b59b6;
 }
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -1,5 +1,5 @@
 body {
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
  padding-top: 4em;
  background-color: #fafafa;
  color: #333333;
@@ -13,7 +13,7 @@ body {
 *:hover,
 *:active,
 *:focus {
-  outline: 0
+  outline: 0;
 }

 a {
@@ -44,7 +44,7 @@ i.spin {
 }

 #app {
-  transition: .2s ease padding;
+  transition: 0.2s ease padding;
 }

 #app.multiple {
@@ -63,17 +63,17 @@ nav .action {
  display: block;
  border-radius: 0;
  font-size: 1.1em;
-  padding: .5em;
+  padding: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }

-nav>div {
+nav > div {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
 }

-nav .action>* {
+nav .action > * {
  vertical-align: middle;
 }

@@ -97,19 +97,25 @@ main {

 .breadcrumbs a {
  color: inherit;
-  transition: .1s ease-in;
-  border-radius: .125em;
+  transition: 0.1s ease-in;
+  border-radius: 0.125em;
 }

 .breadcrumbs a:hover {
-  background-color: rgba(0,0,0, 0.05);
+  background-color: rgba(0, 0, 0, 0.05);
 }

 .breadcrumbs span a {
-  padding: .2em;
+  padding: 0.2em;
 }

-#progress {
+.files {
+  position: absolute;
+  bottom: 30px;
+  width: 100%;
+}
+
+.progress {
  position: fixed;
  top: 0;
  left: 0;
@@ -118,11 +124,11 @@ main {
  z-index: 9999999999;
 }

-#progress div {
+.progress div {
  height: 100%;
  background-color: #40c4ff;
  width: 0;
-  transition: .2s ease width;
+  transition: 0.2s ease width;
 }

 .break-word {
--- a/frontend/src/css/fonts.css
+++ b/frontend/src/css/fonts.css
@@ -166,7 +166,7 @@
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }

-@import "~material-design-icons/iconfont/material-icons.css";
+@import '~material-icons/iconfont/filled.css';

 .material-icons {
  font-size: 1.5rem;
--- a/frontend/src/css/listing-icons.css
+++ b/frontend/src/css/listing-icons.css
@@ -0,0 +1,203 @@
+/* Icons */
+
+/* General */
+
+.file-icons [aria-label^="."] { opacity: 0.33 }
+.file-icons [aria-label$=".bak"] { opacity: 0.33 }
+
+.file-icons [data-type=audio] i::before { content: 'volume_up' }
+.file-icons [data-type=blob] i::before { content: 'insert_drive_file' }
+.file-icons [data-type=image] i::before { content: 'image' }
+.file-icons [data-type=pdf] i::before { content: 'description' }
+.file-icons [data-type=text] i::before { content: 'description' }
+.file-icons [data-type=video] i::before { content: 'movie' }
+
+/* #f90 - Image */
+
+.file-icons [aria-label$=".ai"] i::before,
+.file-icons [aria-label$=".odg"] i::before,
+.file-icons [aria-label$=".xcf"] i::before
+{ content: 'image' }
+
+/* #f90 - Presentation */
+
+.file-icons [aria-label$=".odp"] i::before,
+.file-icons [aria-label$=".ppt"] i::before,
+.file-icons [aria-label$=".pptx"] i::before
+{ content: 'slideshow' }
+
+/* #0f0 - Spreadsheet/Database */
+
+.file-icons [aria-label$=".csv"] i::before,
+.file-icons [aria-label$=".db"] i::before,
+.file-icons [aria-label$=".odb"] i::before,
+.file-icons [aria-label$=".ods"] i::before,
+.file-icons [aria-label$=".xls"] i::before,
+.file-icons [aria-label$=".xlsx"] i::before
+{ content: 'border_all' }
+
+/* #00f - Document */
+
+.file-icons [aria-label$=".doc"] i::before,
+.file-icons [aria-label$=".docx"] i::before,
+.file-icons [aria-label$=".log"] i::before,
+.file-icons [aria-label$=".odt"] i::before,
+.file-icons [aria-label$=".rtf"] i::before
+{ content: 'description' }
+
+/* #999 - Code */
+
+.file-icons [aria-label$=".c"] i::before,
+.file-icons [aria-label$=".cpp"] i::before,
+.file-icons [aria-label$=".cs"] i::before,
+.file-icons [aria-label$=".css"] i::before,
+.file-icons [aria-label$=".go"] i::before,
+.file-icons [aria-label$=".h"] i::before,
+.file-icons [aria-label$=".html"] i::before,
+.file-icons [aria-label$=".java"] i::before,
+.file-icons [aria-label$=".js"] i::before,
+.file-icons [aria-label$=".json"] i::before,
+.file-icons [aria-label$=".kt"] i::before,
+.file-icons [aria-label$=".php"] i::before,
+.file-icons [aria-label$=".py"] i::before,
+.file-icons [aria-label$=".rb"] i::before,
+.file-icons [aria-label$=".rs"] i::before,
+.file-icons [aria-label$=".vue"] i::before,
+.file-icons [aria-label$=".xml"] i::before,
+.file-icons [aria-label$=".yml"] i::before
+{ content: 'code' }
+
+/* #999 - Executable */
+
+.file-icons [aria-label$=".apk"] i::before,
+.file-icons [aria-label$=".bat"] i::before,
+.file-icons [aria-label$=".exe"] i::before,
+.file-icons [aria-label$=".jar"] i::before,
+.file-icons [aria-label$=".ps1"] i::before,
+.file-icons [aria-label$=".sh"] i::before
+{ content: 'web_asset' }
+
+/* #999 - Installer */
+
+.file-icons [aria-label$=".deb"] i::before,
+.file-icons [aria-label$=".msi"] i::before,
+.file-icons [aria-label$=".pkg"] i::before,
+.file-icons [aria-label$=".rpm"] i::before
+{ content: 'archive' }
+
+/* #999 - Compressed */
+
+.file-icons [aria-label$=".7z"] i::before,
+.file-icons [aria-label$=".bz2"] i::before,
+.file-icons [aria-label$=".cab"] i::before,
+.file-icons [aria-label$=".gz"] i::before,
+.file-icons [aria-label$=".rar"] i::before,
+.file-icons [aria-label$=".tar"] i::before,
+.file-icons [aria-label$=".xz"] i::before,
+.file-icons [aria-label$=".zip"] i::before,
+.file-icons [aria-label$=".zst"] i::before
+{ content: 'folder_zip' }
+
+/* #999 - Disk */
+
+.file-icons [aria-label$=".ccd"] i::before,
+.file-icons [aria-label$=".dmg"] i::before,
+.file-icons [aria-label$=".iso"] i::before,
+.file-icons [aria-label$=".mdf"] i::before,
+.file-icons [aria-label$=".vdi"] i::before,
+.file-icons [aria-label$=".vhd"] i::before,
+.file-icons [aria-label$=".vmdk"] i::before,
+.file-icons [aria-label$=".wim"] i::before
+{ content: 'album' }
+
+/* #999 - Font */
+
+.file-icons [aria-label$=".otf"] i::before,
+.file-icons [aria-label$=".ttf"] i::before,
+.file-icons [aria-label$=".woff"] i::before,
+.file-icons [aria-label$=".woff2"] i::before
+{ content: 'font_download' }
+
+/* Colors */
+
+/* General */
+
+.file-icons [data-type=audio] i  { color: var(--icon-yellow) }
+.file-icons [data-type=image] i { color: var(--icon-orange) }
+.file-icons [data-type=video] i { color: var(--icon-violet) }
+
+/* #f00 - Adobe/Oracle */
+
+.file-icons [aria-label$=".ai"] i,
+.file-icons [aria-label$=".java"] i,
+.file-icons [aria-label$=".jar"] i,
+.file-icons [aria-label$=".psd"] i,
+.file-icons [aria-label$=".rb"] i,
+.file-icons [data-type=pdf] i
+{ color: var(--icon-red) }
+
+/* #f90 - Image/Presentation */
+
+.file-icons [aria-label$=".html"] i,
+.file-icons [aria-label$=".odg"] i,
+.file-icons [aria-label$=".odp"] i,
+.file-icons [aria-label$=".ppt"] i,
+.file-icons [aria-label$=".pptx"] i,
+.file-icons [aria-label$=".vue"] i,
+.file-icons [aria-label$=".xcf"] i
+{ color: var(--icon-orange) }
+
+/* #ff0 - Various */
+
+.file-icons [aria-label$=".css"] i,
+.file-icons [aria-label$=".js"] i,
+.file-icons [aria-label$=".json"] i,
+.file-icons [aria-label$=".zip"] i
+{ color: var(--icon-yellow) }
+
+/* #0f0 - Spreadsheet/Google */
+
+.file-icons [aria-label$=".apk"] i,
+.file-icons [aria-label$=".dex"] i,
+.file-icons [aria-label$=".go"] i,
+.file-icons [aria-label$=".ods"] i,
+.file-icons [aria-label$=".xls"] i,
+.file-icons [aria-label$=".xlsx"] i
+{ color: var(--icon-green) }
+
+/* #00f - Document/Microsoft/Apple/Closed */
+
+.file-icons [aria-label$=".aac"] i,
+.file-icons [aria-label$=".bat"] i,
+.file-icons [aria-label$=".cab"] i,
+.file-icons [aria-label$=".cs"] i,
+.file-icons [aria-label$=".dmg"] i,
+.file-icons [aria-label$=".doc"] i,
+.file-icons [aria-label$=".docx"] i,
+.file-icons [aria-label$=".emf"] i,
+.file-icons [aria-label$=".exe"] i,
+.file-icons [aria-label$=".ico"] i,
+.file-icons [aria-label$=".mp2"] i,
+.file-icons [aria-label$=".mp3"] i,
+.file-icons [aria-label$=".mp4"] i,
+.file-icons [aria-label$=".mpg"] i,
+.file-icons [aria-label$=".msi"] i,
+.file-icons [aria-label$=".odt"] i,
+.file-icons [aria-label$=".ps1"] i,
+.file-icons [aria-label$=".rtf"] i,
+.file-icons [aria-label$=".vob"] i,
+.file-icons [aria-label$=".wim"] i
+{ color: var(--icon-blue) }
+
+/* #60f - Various */
+
+.file-icons [aria-label$=".iso"] i,
+.file-icons [aria-label$=".php"] i,
+.file-icons [aria-label$=".rar"] i
+{ color: var(--icon-violet) }
+
+/* Overrides */
+
+.file-icons [data-dir=true] i { color: var(--icon-blue) }
+.file-icons [data-dir=true] i::before { content: 'folder' }
+.file-icons [aria-selected=true] i { color: var(--item-selected) }
--- a/frontend/src/css/listing.css
+++ b/frontend/src/css/listing.css
@@ -1,3 +1,7 @@
+#listing {
+  --item-selected: white;
+}
+
 #listing h2 {
  margin: 0 0 0 0.5em;
  font-size: .9em;
@@ -106,6 +110,41 @@
  width: calc(100% - 5vw);
 }

+#listing.mosaic.gallery .item div:first-of-type {
+  width: 100%;
+  height: 12em;
+}
+
+#listing.mosaic.gallery .item div:last-of-type {
+  position: absolute;
+  bottom: 0.5em;
+  padding: 1em;
+  width: calc(100% - 1em);
+  text-align: center;
+}
+
+#listing.mosaic.gallery .item[data-type=image] div:last-of-type {
+  color: white;
+  background: linear-gradient(#0000, #0009);
+}
+
+#listing.mosaic.gallery .item i {
+    width: 100%;
+    margin-right: 0;
+    font-size: 8em;
+    text-align: center;
+}
+
+#listing.mosaic.gallery .item img {
+  width: 100%;
+  height: 100%;
+}
+
+#listing.gallery .size,
+#listing.gallery .modified {
+  display: none;
+}
+
 #listing.list {
  flex-direction: column;
  width: 100%;
@@ -127,7 +166,7 @@

 #listing .item[aria-selected=true] {
  background: var(--blue) !important;
-  color: #fff !important;
+  color: var(--item-selected) !important;
 }

 #listing.list .item div:first-of-type {
@@ -238,5 +277,5 @@

 #listing #multiple-selection p,
 #listing #multiple-selection i {
-  color: #fff;
+  color: var(--item-selected);
 }
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -10,6 +10,8 @@
@import "./base.css";
@import "./header.css";
@import "./listing.css";
+@import "./listing-icons.css";
+@import "./upload-files.css";
@import "./dashboard.css";
@import "./login.css";

@@ -365,7 +367,7 @@ main .spinner .bounce2 {

@keyframes spin {
  100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
  }
 }

--- a/frontend/src/css/upload-files.css
+++ b/frontend/src/css/upload-files.css
@@ -0,0 +1,61 @@
+.upload-files .card.floating {
+  left: auto;
+  top: auto;
+  margin: 0;
+  right: 0;
+  bottom: 0;
+  transform: none;
+}
+
+.upload-files .file {
+  margin-bottom: 8px;
+}
+
+.upload-files .file .file-name {
+  font-size: 1.1em;
+  display: flex;
+  align-items: center;
+}
+
+.upload-files .file .file-name i {
+  margin-right: 5px;
+}
+
+.upload-files .file .file-progress {
+  margin-top: 2px;
+  width: 100%;
+  height: 5px;
+}
+
+.upload-files .file .file-progress div {
+  height: 100%;
+  background-color: #40c4ff;
+  width: 0;
+  transition: 0.2s ease width;
+  border-radius: 10px;
+}
+
+.upload-files.closed .card-content {
+  display: none;
+  padding: 0em 1em 1em 1em;
+}
+
+.upload-files .card .card-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.8em;
+  padding: 1em 1em 0em;
+}
+
+.upload-files.closed .card-title {
+  font-size: 0.7em;
+  padding: 0.5em 1em;
+}
+
+@media (max-width: 450px) {
+  .upload-files .card.floating {
+    max-width: 100%;
+    width: 100%;
+  }
+}
--- a/frontend/src/i18n/ar.json
+++ b/frontend/src/i18n/ar.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/de.json
+++ b/frontend/src/i18n/de.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -100,7 +100,8 @@
    "ru": "Русский",
    "sk": "Slovenčina",
    "svSE": "Swedish (Sweden)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
@@ -150,6 +151,7 @@
    "show": "Show",
    "size": "Size",
    "upload": "Upload",
+    "uploadFiles": "Uploading {files} files...",
    "uploadMessage": "Select an option to upload.",
    "optionalPassword": "Optional password"
  },
--- a/frontend/src/i18n/es.json
+++ b/frontend/src/i18n/es.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/fr.json
+++ b/frontend/src/i18n/fr.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/index.js
+++ b/frontend/src/i18n/index.js
@@ -17,6 +17,7 @@ import ptBR from "./pt-br.json";
 import ro from "./ro.json";
 import ru from "./ru.json";
 import sk from "./sk.json";
+import ua from "./ua.json";
 import svSE from "./sv-se.json";
 import zhCN from "./zh-cn.json";
 import zhTW from "./zh-tw.json";
@@ -74,6 +75,9 @@ export function detectLocale() {
    case /^sk.*/i.test(locale):
      locale = "sk";
      break;
+    case /^ua.*/i.test(locale):
+      locale = "ua";
+      break;
    default:
      locale = "en";
  }
@@ -113,6 +117,7 @@ const i18n = new VueI18n({
    ro: removeEmpty(ro),
    sk: removeEmpty(sk),
    "sv-se": removeEmpty(svSE),
+    ua: removeEmpty(ua),
    "zh-cn": removeEmpty(zhCN),
    "zh-tw": removeEmpty(zhTW),
  },
--- a/frontend/src/i18n/is.json
+++ b/frontend/src/i18n/is.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/it.json
+++ b/frontend/src/i18n/it.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/ja.json
+++ b/frontend/src/i18n/ja.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/ko.json
+++ b/frontend/src/i18n/ko.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/nl-be.json
+++ b/frontend/src/i18n/nl-be.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "Chinees (vereenvoudigd)",
    "zhTW": "Chinees (traditioneel)"
  },
--- a/frontend/src/i18n/pl.json
+++ b/frontend/src/i18n/pl.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/pt-br.json
+++ b/frontend/src/i18n/pt-br.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/pt.json
+++ b/frontend/src/i18n/pt.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "Chinês simplificado",
    "zhTW": "Chinês tradicional"
  },
--- a/frontend/src/i18n/ro.json
+++ b/frontend/src/i18n/ro.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/ru.json
+++ b/frontend/src/i18n/ru.json
@@ -8,6 +8,8 @@
    "create": "Создать",
    "delete": "Удалить",
    "download": "Скачать",
+    "file": "Файл",
+    "folder": "Папка",
    "hideDotfiles": "Скрыть точечные файлы",
    "info": "Инфо",
    "more": "Еще",
@@ -29,10 +31,12 @@
    "selectMultiple": "Мультивыбор",
    "share": "Поделиться",
    "shell": "Командная строка",
+    "submit": "Отправить",
    "switchView": "Вид",
    "toggleSidebar": "Боковая панель",
    "update": "Обновить",
-    "upload": "Загрузить"
+    "upload": "Загрузить",
+    "openFile": "Открыть файл"
  },
  "download": {
    "downloadFile": "Скачать файл",
@@ -42,7 +46,8 @@
  "errors": {
    "forbidden": "У вас нет прав доступа к этому.",
    "internal": "Что-то пошло не так.",
-    "notFound": "Неправильная ссылка."
+    "notFound": "Неправильная ссылка.",
+    "connection": "Нет подключения к серверу."
  },
  "files": {
    "body": "Тело",
@@ -60,7 +65,8 @@
    "size": "Размер",
    "sortByLastModified": "Сортировка по дате изменения",
    "sortByName": "Сортировка по имени",
-    "sortBySize": "Сортировка по размеру"
+    "sortBySize": "Сортировка по размеру",
+    "noPreview": "Предварительный просмотр для этого файла недоступен."
  },
  "help": {
    "click": "выбрать файл или каталог",
@@ -82,18 +88,20 @@
    "en": "English",
    "es": "Español",
    "fr": "Français",
-    "is": "",
+    "is": "Icelandic",
    "it": "Italiano",
    "ja": "日本語",
    "ko": "한국어",
-    "nlBE": "",
+    "nlBE": "Dutch (Belgium)",
    "pl": "Polski",
    "pt": "Português",
    "ptBR": "Português (Brasil)",
-    "ro": "",
+    "ro": "Romanian",
    "ru": "Русский",
-    "svSE": "",
+    "sk": "Slovenčina",
+    "svSE": "Swedish (Sweden)",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
@@ -116,10 +124,11 @@
    "currentlyNavigating": "Текущий каталог:",
    "deleteMessageMultiple": "Удалить эти файлы ({count})?",
    "deleteMessageSingle": "Удалить этот файл/каталог?",
+    "deleteMessageShare": "Удалить этот общий файл/каталог ({path})?",
    "deleteTitle": "Удалить файлы",
    "displayName": "Отображаемое имя:",
    "download": "Скачать файлы",
-    "downloadMessage": "Выберите формат а котором хотите скачать.",
+    "downloadMessage": "Выберите формат в котором хотите скачать.",
    "error": "Ошибка",
    "fileInfo": "Информация о файле",
    "filesSelected": "Файлов выбрано: {count}.",
@@ -142,7 +151,8 @@
    "show": "Показать",
    "size": "Размер",
    "upload": "Загрузить",
-    "uploadMessage": "Выберите вариант для загрузки."
+    "uploadMessage": "Выберите вариант для загрузки.",
+    "optionalPassword": "Необязательный пароль"
  },
  "search": {
    "images": "Изображения",
@@ -183,7 +193,7 @@
    "hideDotfiles": "Скрыть точечные файлы",
    "insertPath": "Вставьте путь",
    "insertRegex": "Вставить регулярное выражение",
-    "instanceName": "Instance name",
+    "instanceName": "Текущее название программы",
    "language": "Язык",
    "lockPassword": "Запретить пользователю менять пароль",
    "newPassword": "Новый пароль",
@@ -209,9 +219,11 @@
    "rules": "Права",
    "rulesHelp": "Здесь вы можете определить набор разрешающих и запрещающих правил для этого конкретного пользователь. Блокированные файлы не будут отображаться в списках, и не будут доступны для пользователя. Есть поддержка регулярных выражений и относительных путей.\n",
    "scope": "Корень",
+    "setDateFormat": "Установить точный формат даты",
    "settingsUpdated": "Настройки применены!",
    "shareDuration": "Время расшаренной ссылки",
    "shareManagement": "Управление расшаренными ссылками",
+    "shareDeleted": "Расшаренная ссылка удалена!",
    "singleClick": "Открытие файлов и каталогов одним кликом",
    "themes": {
      "dark": "Темная",
--- a/frontend/src/i18n/sk.json
+++ b/frontend/src/i18n/sk.json
@@ -101,6 +101,7 @@
    "sk": "Slovenčina",
    "svSE": "Swedish (Sweden)",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/sv-se.json
+++ b/frontend/src/i18n/sv-se.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/tr.json
+++ b/frontend/src/i18n/tr.json
@@ -99,6 +99,7 @@
    "sk": "Slovenčina",
    "svSE": "Swedish (Sweden)",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/i18n/ua.json
+++ b/frontend/src/i18n/ua.json
@@ -0,0 +1,267 @@
+{
+    "buttons": {
+        "cancel": "Відмінити",
+        "close": "Закрити",
+        "copy": "Копіювати",
+        "copyFile": "Копіювати файл",
+        "copyToClipboard": "Копіювати в буфер обміну",
+        "create": "Створити",
+        "delete": "Видалити",
+        "download": "Завантажити",
+        "file": "Файл",
+        "folder": "Папка",
+        "hideDotfiles": "Приховати точкові файли",
+        "info": "Інфо",
+        "more": "Більше",
+        "move": "Перемістити",
+        "moveFile": "Перемістити файл",
+        "new": "Новий",
+        "next": "Далі",
+        "ok": "ОК",
+        "permalink": "Отримати постійне посилання",
+        "previous": "Назад",
+        "publish": "Опублікувати",
+        "rename": "Перейменувати",
+        "replace": "Замінити",
+        "reportIssue": "Повідомити про помилку",
+        "save": "Зберегти",
+        "schedule": "Планування",
+        "search": "Пошук",
+        "select": "Вибрати",
+        "selectMultiple": "Мультивибір",
+        "share": "Поділитися",
+        "shell": "Командний рядок",
+        "submit": "Відправити",
+        "switchView": "Вид",
+        "toggleSidebar": "Бічна панель",
+        "update": "Оновити",
+        "upload": "Завантажити",
+        "openFile": "Відкрити файл"
+    },
+    "download": {
+        "downloadFile": "Завантажити файл",
+        "downloadFolder": "Завантажити папку",
+        "downloadSelected": "Завантажити вибране"
+    },
+    "errors": {
+        "forbidden": "У вас немає прав доступу до цього.",
+        "internal": "Щось пішло не так.",
+        "notFound": "Неправильне посилання.",
+        "connection": "Немає підключення до сервера."
+    },
+    "files": {
+        "body": "Тіло",
+        "clear": "Очистити",
+        "closePreview": "Закрити",
+        "files": "Файли",
+        "folders": "Папки",
+        "home": "Домівка",
+        "lastModified": "Останній раз змінено",
+        "loading": "Завантаження...",
+        "lonely": "Тут пусто...",
+        "metadata": "Метадані",
+        "multipleSelectionEnabled": "Мультивибір включений",
+        "name": "Ім'я",
+        "size": "Розмір",
+        "sortByLastModified": "Сортувати за останнім зміненням",
+        "sortByName": "Сортувати за іменем",
+        "sortBySize": "Сортувати за розміром",
+        "noPreview": "Попередній перегляд для цього файлу недоступний."
+    },
+    "help": {
+        "click": "вибрати файл чи каталог",
+        "ctrl": {
+            "click": "вибрати кілька файлів чи каталогів",
+            "f": "відкрити пошук",
+            "s": "скачати файл або поточний каталог"
+        },
+        "del": "видалити вибрані елементи",
+        "doubleClick": "відкрити файл чи каталог",
+        "esc": "очистити виділення та/або закрити вікно",
+        "f1": "допомога",
+        "f2": "перейменувати файл",
+        "help": "Допомога"
+    },
+    "languages": {
+        "ar": "العربية",
+        "de": "Deutsch",
+        "en": "English",
+        "es": "Español",
+        "fr": "Français",
+        "is": "Icelandic",
+        "it": "Italiano",
+        "ja": "日本語",
+        "ko": "한국어",
+        "nlBE": "Dutch (Belgium)",
+        "pl": "Polski",
+        "pt": "Português",
+        "ptBR": "Português (Brasil)",
+        "ro": "Romanian",
+        "ru": "Русский",
+        "sk": "Slovenčina",
+        "svSE": "Swedish (Sweden)",
+        "tr": "Türkçe",
+        "ua": "Українська",
+        "zhCN": "中文 (简体)",
+        "zhTW": "中文 (繁體)"
+    },
+    "login": {
+        "createAnAccount": "Створити обліковий запис",
+        "loginInstead": "Вже є обліковий запис",
+        "password": "Пароль",
+        "passwordConfirm": "Підтвердження паролю",
+        "passwordsDontMatch": "Паролі не співпадають",
+        "signup": "Зареєструватися",
+        "submit": "Увійти",
+        "username": "Ім'я користувача",
+        "usernameTaken": "Ім'я користувача вже використовується",
+        "wrongCredentials": "Невірне ім'я користувача або пароль"
+    },
+    "permanent": "Постійний",
+    "prompts": {
+        "copy": "Копіювати",
+        "copyMessage": "Копіювати в:",
+        "currentlyNavigating": "Поточний каталог:",
+        "deleteMessageMultiple": "Видалити ці файли ({count})?",
+        "deleteMessageSingle": "Видалити цей файл/каталог?",
+        "deleteMessageShare": "Видалити цей спільний файл/каталог ({path})?",
+        "deleteTitle": "Видалити файлы",
+        "displayName": "Відображене ім'я:",
+        "download": "Завантажити файлы",
+        "downloadMessage": "Виберіть формат, в якому хочете завантажити.",
+        "error": "Помилка",
+        "fileInfo": "Інформація про файл",
+        "filesSelected": "Файлів вибрано: {count}.",
+        "lastModified": "Останній раз змінено",
+        "move": "Перемістити",
+        "moveMessage": "Перемістити в:",
+        "newArchetype": "Створіть новий запис на основі архетипу. Файл буде створено у каталозі.",
+        "newDir": "Новий каталог",
+        "newDirMessage": "Ім'я нового каталогу.",
+        "newFile": "Новий файл",
+        "newFileMessage": "Ім'я нового файлу.",
+        "numberDirs": "Кількість каталогів",
+        "numberFiles": "Кількість файлів",
+        "rename": "Перейменувати",
+        "renameMessage": "Нове ім'я",
+        "replace": "Замінити",
+        "replaceMessage": "Ім'я одного з файлів, що завантажуються, збігається з вже існуючим файлом. Ви бажаєте замінити існуючий?\n",
+        "schedule": "Планування",
+        "scheduleMessage": "Запланувати дату та час публікації.",
+        "show": "Показати",
+        "size": "Розмір",
+        "upload": "Завантажити",
+        "uploadMessage": "Виберіть варіант для завантаження.",
+        "optionalPassword": "Необов'язковий пароль"
+    },
+    "search": {
+        "images": "Зображення",
+        "music": "Музика",
+        "pdf": "PDF",
+        "pressToSearch": "Натисніть ENTER для пошуку",
+        "search": "Пошук...",
+        "typeToSearch": "Введіть ім'я файлу...",
+        "types": "Типи",
+        "video": "Відео"
+    },
+    "settings": {
+        "admin": "Адмін",
+        "administrator": "Адміністратор",
+        "allowCommands": "Запуск команд",
+        "allowEdit": "Редагування, перейменування та видалення файлів чи каталогів",
+        "allowNew": "Створення нових файлів або каталогів",
+        "allowPublish": "Публікація нових записів та сторінок",
+        "allowSignup": "Дозволити користувачам реєструватися",
+        "avoidChanges": "(залишіть поле порожнім, щоб уникнути змін)",
+        "branding": "Брендинг",
+        "brandingDirectoryPath": "Шлях до каталогу брендів",
+        "brandingHelp": "Ви можете налаштувати зовнішній вигляд файлового браузера, змінивши його ім'я, замінивши логотип, додавши власні стилі та навіть відключивши зовнішні посилання на GitHub.\nДодаткову інформацію про персоналізований брендинг можна знайти на сторінці {0}.",
+        "changePassword": "Зміна пароля",
+        "commandRunner": "Запуск команд",
+        "commandRunnerHelp": "Тут ви можете встановити команди, які будуть виконуватися у зазначених подіях. Ви повинні вказати по одній команді в кожному рядку. Змінні середовища {0} та {1} будуть доступні, будучи {0} щодо {1}. Додаткові відомості про цю функцію та доступні змінні середовища див. у {2}.",
+        "commandsUpdated": "Команди оновлені!",
+        "createUserDir": "Автоматичне створення домашнього каталогу користувача при додаванні нового користувача",
+        "customStylesheet": "Свій стиль",
+        "defaultUserDescription": "Це налаштування за замовчуванням для нових користувачів.",
+        "disableExternalLinks": "Вимкнути зовнішні посилання (крім документації)",
+        "documentation": "документація",
+        "examples": "Приклади",
+        "executeOnShell": "Виконати в командному рядку",
+        "executeOnShellDescription": "За замовчуванням File Browser виконує команди, безпосередньо викликаючи їх бінарні файли. Якщо ви хочете замість цього запускати їх в оболонці (наприклад, Bash або PowerShell), ви можете визначити їх тут з необхідними аргументами та прапорами. Якщо встановлено, виконуєма вами команда буде додана як аргумент. Це стосується як користувацьких команд, так і обробників подій.",
+        "globalRules": "Це глобальний набір дозволяючих та забороняючих правил. Вони застосовні до кожного користувача. Ви можете визначити певні правила для налаштувань кожного користувача, щоб перевизначити їх.",
+        "globalSettings": "Глобальні налаштування",
+        "hideDotfiles": "Приховати точкові файли",
+        "insertPath": "Вставте шлях",
+        "insertRegex": "Вставити регулярний вираз",
+        "instanceName": "Поточна назва програми",
+        "language": "Мова",
+        "lockPassword": "Заборонити користувачеві змінювати пароль",
+        "newPassword": "Новий пароль",
+        "newPasswordConfirm": "Підтвердження нового пароля",
+        "newUser": "Новий користувач",
+        "password": "Пароль",
+        "passwordUpdated": "Пароль оновлено!",
+        "path": "Шлях",
+        "perm": {
+            "create": "Створювати файли та каталоги",
+            "delete": "Видаляти файли та каталоги",
+            "download": "Завантажувати",
+            "execute": "Виконувати команди",
+            "modify": "Редагувати файли",
+            "rename": "Перейменовувати або переміщувати файли та каталоги",
+            "share": "Ділітися файлами"
+        },
+        "permissions": "Дозволи",
+        "permissionsHelp": "Можна настроїти користувача як адміністратора або вибрати індивідуальні дозволи. При виборі \"Адміністратор\" всі інші параметри будуть автоматично вибрані. Керування користувачами - привілей адміністратора.\n",
+        "profileSettings": "Налаштування профілю",
+        "ruleExample1": "запобігти доступу до будь-якого прихованого файлу (наприклад: .git, .gitignore) у кожній папці.\n",
+        "ruleExample2": "блокує доступ до файлу з ім'ям Caddyfile у кореневій області.",
+        "rules": "Права",
+        "rulesHelp": "Тут ви можете визначити набір дозволяючих та забороняючих правил для цього конкретного користувача. Блоковані файли не відображатимуться у списках, і не будуть доступні для користувача. Є підтримка регулярних виразів та відносних шляхів.\n",
+        "scope": "Корінь",
+        "setDateFormat": "Встановити точний формат дати",
+        "settingsUpdated": "Налаштування застосовані!",
+        "shareDuration": "Тривалість спільного посилання",
+        "shareManagement": "Управління спільними посиланнями",
+        "shareDeleted": "Спільне посилання видалено!",
+        "singleClick": "Відкриття файлів та каталогів одним кліком",
+        "themes": {
+            "dark": "Темна",
+            "light": "Світла",
+            "title": "Тема"
+        },
+        "user": "Користувач",
+        "userCommands": "Команди",
+        "userCommandsHelp": "Список команд, доступних користувачу, розділений пробілами. Приклад:\n",
+        "userCreated": "Користувач створений!",
+        "userDefaults": "Налаштування користувача за замовчуванням",
+        "userDeleted": "Користувач видалений!",
+        "userManagement": "Керування користувачами",
+        "userUpdated": "Користувач змінений!",
+        "username": "Ім'я користувача",
+        "users": "Користувачі"
+    },
+    "sidebar": {
+        "help": "Допомога",
+        "hugoNew": "Hugo New",
+        "login": "Увійти",
+        "logout": "Вийти",
+        "myFiles": "Файли",
+        "newFile": "Новий файл",
+        "newFolder": "Новий каталог",
+        "preview": "Перегляд",
+        "settings": "Налаштування",
+        "signup": "Зареєструватися",
+        "siteSettings": "Налаштування сайту"
+    },
+    "success": {
+        "linkCopied": "Посилання скопійоване!"
+    },
+    "time": {
+        "days": "Дні",
+        "hours": "Години",
+        "minutes": "Хвилини",
+        "seconds": "Секунди",
+        "unit": "Одиниця часу"
+    }
+}
--- a/frontend/src/i18n/zh-cn.json
+++ b/frontend/src/i18n/zh-cn.json
@@ -101,6 +101,7 @@
    "sk": "Slovenčina",
    "svSE": "Swedish（Sweden）",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文（简体）",
    "zhTW": "中文（繁體）"
  },
--- a/frontend/src/i18n/zh-tw.json
+++ b/frontend/src/i18n/zh-tw.json
@@ -95,6 +95,7 @@
    "sk": "Slovenčina",
    "svSE": "Swedish（Sweden）",
    "tr" : "Türkçe",
+    "ua": "Українська",
    "zhCN": "中文 (简体)",
    "zhTW": "中文 (繁體)"
  },
--- a/frontend/src/store/getters.js
+++ b/frontend/src/store/getters.js
@@ -8,8 +8,36 @@ const getters = {
      return 0;
    }

+    let totalSize = state.upload.sizes.reduce((a, b) => a + b, 0);
+
    let sum = state.upload.progress.reduce((acc, val) => acc + val);
-    return Math.ceil((sum / state.upload.size) * 100);
+    return Math.ceil((sum / totalSize) * 100);
+  },
+  filesInUploadCount: (state) => {
+    let total =
+      Object.keys(state.upload.uploads).length + state.upload.queue.length;
+    return total;
+  },
+  filesInUpload: (state) => {
+    let files = [];
+
+    for (let index in state.upload.uploads) {
+      let upload = state.upload.uploads[index];
+      let id = upload.id;
+      let type = upload.type;
+      let name = decodeURIComponent(upload.path.replace(/^.*[\\/]/, ""));
+      let progress = state.upload.progress[id];
+      let size = state.upload.sizes[id];
+
+      files.push({
+        id,
+        name,
+        progress: Math.ceil((progress / size) * 100),
+        type,
+      });
+    }
+
+    return files.sort((a, b) => a.progress - b.progress);
  },
 };

--- a/frontend/src/store/modules/upload.js
+++ b/frontend/src/store/modules/upload.js
@@ -7,7 +7,7 @@ const UPLOADS_LIMIT = 5;

 const state = {
  id: 0,
-  size: 0,
+  sizes: [],
  progress: [],
  queue: [],
  uploads: {},
@@ -19,12 +19,12 @@ const mutations = {
  },
  reset: (state) => {
    state.id = 0;
-    state.size = 0;
+    state.sizes = [];
    state.progress = [];
  },
  addJob: (state, item) => {
    state.queue.push(item);
-    state.size += item.file.size;
+    state.sizes[state.id] = item.file.size;
    state.id++;
  },
  moveJob(state) {
@@ -33,6 +33,7 @@ const mutations = {
    Vue.set(state.uploads, item.id, item);
  },
  removeJob(state, id) {
+    Vue.delete(state.uploads, id);
    delete state.uploads[id];
  },
 };
--- a/frontend/src/utils/upload.js
+++ b/frontend/src/utils/upload.js
@@ -99,6 +99,15 @@ export function scanFiles(dt) {
  });
 }

+function detectType(mimetype) {
+  if (mimetype.startsWith("video")) return "video";
+  if (mimetype.startsWith("audio")) return "audio";
+  if (mimetype.startsWith("image")) return "image";
+  if (mimetype.startsWith("pdf")) return "pdf";
+  if (mimetype.startsWith("text")) return "text";
+  return "blob";
+}
+
 export function handleFiles(files, base, overwrite = false) {
  for (let i = 0; i < files.length; i++) {
    let id = store.state.upload.id;
@@ -120,6 +129,7 @@ export function handleFiles(files, base, overwrite = false) {
      path,
      file,
      overwrite,
+      type: detectType(file.type),
    };

    store.dispatch("upload/upload", item);
--- a/frontend/src/views/Layout.vue
+++ b/frontend/src/views/Layout.vue
@@ -1,6 +1,6 @@
 <template>
  <div>
-    <div id="progress">
+    <div v-if="progress" class="progress">
      <div v-bind:style="{ width: this.progress + '%' }"></div>
    </div>
    <sidebar></sidebar>
@@ -9,6 +9,7 @@
      <shell v-if="isExecEnabled && isLogged && user.perm.execute" />
    </main>
    <prompts></prompts>
+    <upload-files></upload-files>
  </div>
 </template>

@@ -17,6 +18,7 @@ import { mapState, mapGetters } from "vuex";
 import Sidebar from "@/components/Sidebar";
 import Prompts from "@/components/prompts/Prompts";
 import Shell from "@/components/Shell";
+import UploadFiles from "../components/prompts/UploadFiles";
 import { enableExec } from "@/utils/constants";

 export default {
@@ -25,6 +27,7 @@ export default {
    Sidebar,
    Prompts,
    Shell,
+    UploadFiles,
  },
  computed: {
    ...mapGetters(["isLogged", "progress"]),
--- a/frontend/src/views/Share.vue
+++ b/frontend/src/views/Share.vue
@@ -114,7 +114,7 @@
          <div class="share__box__header" v-if="req.isDir">
            {{ $t("files.files") }}
          </div>
-          <div id="listing" class="list">
+          <div id="listing" class="list file-icons">
            <item
              v-for="item in req.items.slice(0, this.showLimit)"
              :key="base64(item.name)"
--- a/frontend/src/views/files/Listing.vue
+++ b/frontend/src/views/files/Listing.vue
@@ -53,7 +53,7 @@
          @action="$store.commit('toggleShell')"
        />
        <action
-          :icon="user.viewMode === 'mosaic' ? 'view_list' : 'view_module'"
+          :icon="viewIcon"
          :label="$t('buttons.switchView')"
          @action="switchView"
        />
@@ -146,7 +146,12 @@
          multiple
        />
      </div>
-      <div v-else id="listing" ref="listing" :class="user.viewMode">
+      <div
+        v-else
+        id="listing"
+        ref="listing"
+        :class="user.viewMode + ' file-icons'"
+      >
        <div>
          <div class="item header">
            <div></div>
@@ -283,6 +288,7 @@ export default {
  data: function () {
    return {
      showLimit: 50,
+      columnWidth: 280,
      dragCounter: 0,
      width: window.innerWidth,
      itemWeight: 0,
@@ -356,6 +362,14 @@ export default {

      return "arrow_upward";
    },
+    viewIcon() {
+      const icons = {
+        list: "view_module",
+        mosaic: "grid_view",
+        "mosaic gallery": "view_list",
+      };
+      return icons[this.user.viewMode];
+    },
    headerButtons() {
      return {
        upload: this.user.perm.create,
@@ -591,7 +605,7 @@ export default {
    colunmsResize() {
      // Update the columns size based on the window width.
      let columns = Math.floor(
-        document.querySelector("main").offsetWidth / 300
+        document.querySelector("main").offsetWidth / this.columnWidth
      );
      let items = css(["#listing.mosaic .item", ".mosaic#listing .item"]);
      if (columns === 0) columns = 1;
@@ -807,9 +821,15 @@ export default {
    switchView: async function () {
      this.$store.commit("closeHovers");

+      const modes = {
+        list: "mosaic",
+        mosaic: "mosaic gallery",
+        "mosaic gallery": "list",
+      };
+
      const data = {
        id: this.user.id,
-        viewMode: this.user.viewMode === "mosaic" ? "list" : "mosaic",
+        viewMode: modes[this.user.viewMode] || "list",
      };

      users.update(data, ["viewMode"]).catch(this.$showError);
--- a/http/preview.go
+++ b/http/preview.go
@@ -91,7 +91,7 @@ func handleImagePreview(
 		return errToStatus(err), err
 	}

-	cacheKey := previewCacheKey(file.Path, file.ModTime.Unix(), previewSize)
+	cacheKey := previewCacheKey(file, previewSize)
 	resizedImage, ok, err := fileCache.Load(r.Context(), cacheKey)
 	if err != nil {
 		return errToStatus(err), err
@@ -129,8 +129,8 @@ func createPreview(imgSvc ImgService, fileCache FileCache,
 		height = 1080
 		options = append(options, img.WithMode(img.ResizeModeFit), img.WithQuality(img.QualityMedium))
 	case previewSize == PreviewSizeThumb:
-		width = 128
-		height = 128
+		width = 256
+		height = 256
 		options = append(options, img.WithMode(img.ResizeModeFill), img.WithQuality(img.QualityLow), img.WithFormat(img.FormatJpeg))
 	default:
 		return nil, img.ErrUnsupportedFormat
@@ -142,7 +142,7 @@ func createPreview(imgSvc ImgService, fileCache FileCache,
 	}

 	go func() {
-		cacheKey := previewCacheKey(file.Path, file.ModTime.Unix(), previewSize)
+		cacheKey := previewCacheKey(file, previewSize)
 		if err := fileCache.Store(context.Background(), cacheKey, buf.Bytes()); err != nil {
 			fmt.Printf("failed to cache resized image: %v", err)
 		}
@@ -151,6 +151,6 @@ func createPreview(imgSvc ImgService, fileCache FileCache,
 	return buf.Bytes(), nil
 }

-func previewCacheKey(fPath string, fTime int64, previewSize PreviewSize) string {
-	return fmt.Sprintf("%x%x%x", fPath, fTime, previewSize)
+func previewCacheKey(f *files.FileInfo, previewSize PreviewSize) string {
+	return fmt.Sprintf("%x%x%x", f.RealPath(), f.ModTime.Unix(), previewSize)
 }
--- a/http/public.go
+++ b/http/public.go
@@ -3,6 +3,7 @@ package http
 import (
 	"errors"
 	"net/http"
+	"net/url"
 	"path"
 	"path/filepath"
 	"strings"
@@ -124,6 +125,10 @@ func authenticateShareRequest(r *http.Request, l *share.Link) (int, error) {
 	}

 	password := r.Header.Get("X-SHARE-PASSWORD")
+	password, err := url.QueryUnescape(password)
+	if err != nil {
+		return 0, err
+	}
 	if password == "" {
 		return http.StatusUnauthorized, nil
 	}
--- a/http/resource.go
+++ b/http/resource.go
@@ -283,7 +283,7 @@ func writeFile(fs afero.Fs, dst string, in io.Reader) (os.FileInfo, error) {
 func delThumbs(ctx context.Context, fileCache FileCache, file *files.FileInfo) error {
 	for _, previewSizeName := range PreviewSizeNames() {
 		size, _ := ParsePreviewSize(previewSizeName)
-		if err := fileCache.Delete(ctx, previewCacheKey(file.Path, file.ModTime.Unix(), size)); err != nil {
+		if err := fileCache.Delete(ctx, previewCacheKey(file, size)); err != nil {
 			return err
 		}
 	}
--- a/http/users.go
+++ b/http/users.go
@@ -94,6 +94,9 @@ var userGetHandler = withSelfOrAdmin(func(w http.ResponseWriter, r *http.Request
 	}

 	u.Password = ""
+	if !u.Perm.Admin {
+		u.Scope = ""
+	}
 	return renderJSON(w, r, u)
 })

--- a/main.go
+++ b/main.go
@@ -1,12 +1,9 @@
 package main

 import (
-	"runtime"
-
 	"github.com/filebrowser/filebrowser/v2/cmd"
 )

 func main() {
-	runtime.GOMAXPROCS(runtime.NumCPU())
 	cmd.Execute()
 }
Author	SHA1	Message	Date
Oleg Lobanov	f73518029c	chore(release): 2.21.0	2022-02-21 20:49:31 +01:00
Oleg Lobanov	c782f21b0f	fix: correctly handle non-ascii passwords for shared resources	2022-02-21 20:47:28 +01:00
Oleg Lobanov	0942fc7042	fix: don't expose scope for non-admin users	2022-02-21 20:17:42 +01:00
Oleg Lobanov	c1987237d0	feat: use real image path to calculate cache key	2022-02-21 19:59:22 +01:00
Filippo Finke	cf85404dd2	feat: add upload file list with progress (#1825 )	2022-02-21 19:30:42 +01:00
Oleg Lobanov	6f226fa549	Merge pull request #1832 from filebrowser/dependabot/npm_and_yarn/frontend/url-parse-1.5.7 build(deps): bump url-parse from 1.5.4 to 1.5.7 in /frontend	2022-02-20 12:23:22 +01:00
dependabot[bot]	228ebea66c	build(deps): bump url-parse from 1.5.4 to 1.5.7 in /frontend Bumps [url-parse](https://github.com/unshiftio/url-parse) from 1.5.4 to 1.5.7. - [Release notes](https://github.com/unshiftio/url-parse/releases) - [Commits](https://github.com/unshiftio/url-parse/compare/1.5.4...1.5.7) --- updated-dependencies: - dependency-name: url-parse dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-19 16:43:38 +00:00
Oleg Lobanov	bb19834042	Merge pull request #1777 from adrium/feat-gallery Add gallery view mode	2022-02-10 17:39:59 +01:00
Adrian	7870e89bc0	feat: smaller column width to fit 2 columns in landscape mobiles	2022-02-10 17:11:24 +01:00
Adrian	8888b9f446	feat: add gallery view mode	2022-02-10 17:11:24 +01:00
Oleg Lobanov	f6e5c6f0de	Merge pull request #1822 from filebrowser/dependabot/npm_and_yarn/frontend/hosted-git-info-2.8.9 build(deps): bump hosted-git-info from 2.8.8 to 2.8.9 in /frontend	2022-02-09 10:38:25 +01:00
dependabot[bot]	e7659ea36b	build(deps): bump hosted-git-info from 2.8.8 to 2.8.9 in /frontend Bumps [hosted-git-info](https://github.com/npm/hosted-git-info) from 2.8.8 to 2.8.9. - [Release notes](https://github.com/npm/hosted-git-info/releases) - [Changelog](https://github.com/npm/hosted-git-info/blob/v2.8.9/CHANGELOG.md) - [Commits](https://github.com/npm/hosted-git-info/compare/v2.8.8...v2.8.9) --- updated-dependencies: - dependency-name: hosted-git-info dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-09 09:33:46 +00:00
Oleg Lobanov	7730ccd611	Merge pull request #1819 from filebrowser/dependabot/npm_and_yarn/frontend/browserslist-4.19.1 build(deps): bump browserslist from 4.16.3 to 4.19.1 in /frontend	2022-02-09 10:31:07 +01:00
dependabot[bot]	80890075e8	build(deps): bump browserslist from 4.16.3 to 4.19.1 in /frontend Bumps [browserslist](https://github.com/browserslist/browserslist) from 4.16.3 to 4.19.1. - [Release notes](https://github.com/browserslist/browserslist/releases) - [Changelog](https://github.com/browserslist/browserslist/blob/main/CHANGELOG.md) - [Commits](https://github.com/browserslist/browserslist/compare/4.16.3...4.19.1) --- updated-dependencies: - dependency-name: browserslist dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 20:02:42 +00:00
Oleg Lobanov	9b04004120	Merge pull request #1818 from filebrowser/dependabot/npm_and_yarn/frontend/dns-packet-1.3.4 build(deps): bump dns-packet from 1.3.1 to 1.3.4 in /frontend	2022-02-08 21:01:42 +01:00
dependabot[bot]	a73d7f14b7	build(deps): bump dns-packet from 1.3.1 to 1.3.4 in /frontend Bumps [dns-packet](https://github.com/mafintosh/dns-packet) from 1.3.1 to 1.3.4. - [Release notes](https://github.com/mafintosh/dns-packet/releases) - [Changelog](https://github.com/mafintosh/dns-packet/blob/master/CHANGELOG.md) - [Commits](https://github.com/mafintosh/dns-packet/compare/v1.3.1...v1.3.4) --- updated-dependencies: - dependency-name: dns-packet dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:55:47 +00:00
Oleg Lobanov	ffe960a8c2	Merge pull request #1817 from filebrowser/dependabot/npm_and_yarn/frontend/ws-6.2.2 build(deps): bump ws from 6.2.1 to 6.2.2 in /frontend	2022-02-08 20:55:07 +01:00
dependabot[bot]	73c80732d9	build(deps): bump ws from 6.2.1 to 6.2.2 in /frontend Bumps [ws](https://github.com/websockets/ws) from 6.2.1 to 6.2.2. - [Release notes](https://github.com/websockets/ws/releases) - [Commits](https://github.com/websockets/ws/compare/6.2.1...6.2.2) --- updated-dependencies: - dependency-name: ws dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:53:09 +00:00
Oleg Lobanov	8e2663bf7b	Merge pull request #1816 from filebrowser/dependabot/npm_and_yarn/frontend/path-parse-1.0.7 build(deps): bump path-parse from 1.0.6 to 1.0.7 in /frontend	2022-02-08 20:53:01 +01:00
Oleg Lobanov	e697e58164	Merge pull request #1815 from filebrowser/dependabot/npm_and_yarn/frontend/url-parse-1.5.4 build(deps): bump url-parse from 1.5.1 to 1.5.4 in /frontend	2022-02-08 20:52:24 +01:00
dependabot[bot]	c01496624a	build(deps): bump path-parse from 1.0.6 to 1.0.7 in /frontend Bumps [path-parse](https://github.com/jbgutierrez/path-parse) from 1.0.6 to 1.0.7. - [Release notes](https://github.com/jbgutierrez/path-parse/releases) - [Commits](https://github.com/jbgutierrez/path-parse/commits/v1.0.7) --- updated-dependencies: - dependency-name: path-parse dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:29:52 +00:00
dependabot[bot]	8906408a8f	build(deps): bump url-parse from 1.5.1 to 1.5.4 in /frontend Bumps [url-parse](https://github.com/unshiftio/url-parse) from 1.5.1 to 1.5.4. - [Release notes](https://github.com/unshiftio/url-parse/releases) - [Commits](https://github.com/unshiftio/url-parse/compare/1.5.1...1.5.4) --- updated-dependencies: - dependency-name: url-parse dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:29:52 +00:00
Oleg Lobanov	3ec7951380	Merge pull request #1813 from filebrowser/dependabot/npm_and_yarn/frontend/postcss-7.0.39 build(deps): bump postcss from 7.0.35 to 7.0.39 in /frontend	2022-02-08 20:29:21 +01:00
Oleg Lobanov	b30aefa522	Merge pull request #1812 from filebrowser/dependabot/npm_and_yarn/frontend/follow-redirects-1.14.8 build(deps): bump follow-redirects from 1.13.3 to 1.14.8 in /frontend	2022-02-08 20:29:04 +01:00
Oleg Lobanov	bc8a750dfe	Merge pull request #1814 from filebrowser/dependabot/npm_and_yarn/frontend/tar-6.1.11 build(deps): bump tar from 6.1.0 to 6.1.11 in /frontend	2022-02-08 20:28:47 +01:00
dependabot[bot]	f1f7f17ade	build(deps): bump follow-redirects from 1.13.3 to 1.14.8 in /frontend Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.13.3 to 1.14.8. - [Release notes](https://github.com/follow-redirects/follow-redirects/releases) - [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.13.3...v1.14.8) --- updated-dependencies: - dependency-name: follow-redirects dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:27:05 +00:00
dependabot[bot]	9182d33e1c	build(deps): bump postcss from 7.0.35 to 7.0.39 in /frontend Bumps [postcss](https://github.com/postcss/postcss) from 7.0.35 to 7.0.39. - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/7.0.39/CHANGELOG.md) - [Commits](https://github.com/postcss/postcss/compare/7.0.35...7.0.39) --- updated-dependencies: - dependency-name: postcss dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:26:52 +00:00
Oleg Lobanov	7d836a3728	Merge pull request #1786 from Jmainguy/typos fix typos	2022-02-08 20:25:30 +01:00
dependabot[bot]	010d16fc1d	build(deps): bump tar from 6.1.0 to 6.1.11 in /frontend Bumps [tar](https://github.com/npm/node-tar) from 6.1.0 to 6.1.11. - [Release notes](https://github.com/npm/node-tar/releases) - [Changelog](https://github.com/npm/node-tar/blob/main/CHANGELOG.md) - [Commits](https://github.com/npm/node-tar/compare/v6.1.0...v6.1.11) --- updated-dependencies: - dependency-name: tar dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:25:15 +00:00
Oleg Lobanov	fa89ba4665	Merge branch 'master' into typos	2022-02-08 20:25:14 +01:00
Oleg Lobanov	a0752904c1	Merge pull request #1811 from filebrowser/dependabot/npm_and_yarn/frontend/ssri-6.0.2 build(deps): bump ssri from 6.0.1 to 6.0.2 in /frontend	2022-02-08 20:24:18 +01:00
dependabot[bot]	371718634b	build(deps): bump ssri from 6.0.1 to 6.0.2 in /frontend Bumps [ssri](https://github.com/npm/ssri) from 6.0.1 to 6.0.2. - [Release notes](https://github.com/npm/ssri/releases) - [Changelog](https://github.com/npm/ssri/blob/v6.0.2/CHANGELOG.md) - [Commits](https://github.com/npm/ssri/compare/v6.0.1...v6.0.2) --- updated-dependencies: - dependency-name: ssri dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-08 19:09:43 +00:00
Oleg Lobanov	0f4f8751f2	Merge pull request #1769 from adrium/feat-icons Add colorized file type icons	2022-02-08 20:08:52 +01:00
sejinP	ec45ee471f	chore: remove GOMAXPROCS setting (#1803 )	2022-02-08 19:56:04 +01:00
Jonathan Seth Mainguy	6fffcbac4e	chore: fix typos	2022-01-28 09:46:21 -05:00
Adrian	2948589fcd	feat: add colorized file type icons	2022-01-18 08:40:06 +01:00
Adrian	ecd0b2ee0d	chore: update Material Icons	2022-01-17 23:21:45 +01:00
on4r	205f11d677	chore: rotate the spinner clockwise (#1765 )	2022-01-11 21:23:46 +01:00
niubility000	949f0f277f	fix: open all the pdf files correctly (#1742 )	2022-01-10 17:01:21 +01:00
Anton Grouchtchak	665e45889c	feat: add Ukrainian translation / update Russian translation (#1753 )	2022-01-07 12:29:57 +01:00
Oleg Lobanov	8d87e0d5f9	chore(release): 2.20.1	2021-12-21 14:40:04 +01:00
Oleg Lobanov	46d80464d2	build: revert to using the default alpine based docker image Build both standard and linuxserver based images. linuxserver based images can be accessed by adding `-s6` suffix to the docker image name	2021-12-21 14:39:34 +01:00