chore(release): 2.23.0

Removes [ansi-html](https://github.com/Tjatse/ansi-html). It's no longer used after updating ancestor dependency [webpack-dev-server](https://github.com/webpack/webpack-dev-server). These dependencies need to be updated together.


Removes `ansi-html`

Updates `webpack-dev-server` from 3.11.2 to 3.11.3
- [Release notes](https://github.com/webpack/webpack-dev-server/releases)
- [Changelog](https://github.com/webpack/webpack-dev-server/blob/v3.11.3/CHANGELOG.md)
- [Commits](https://github.com/webpack/webpack-dev-server/compare/v3.11.2...v3.11.3)

---
updated-dependencies:
- dependency-name: ansi-html
  dependency-type: indirect
- dependency-name: webpack-dev-server
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.dockerignore

@@ -1,3 +1,3 @@
 *
-!.docker.json
+!docker/*
 !filebrowser

.github/workflows/main.yaml

@@ -9,29 +9,63 @@ on:
   pull_request:
 
 jobs:
+# linters
+  lint-frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+      - run: make lint-frontend
+  lint-backend:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-go@v2
+        with:
+          go-version: 1.18.3
+      - run: make lint-backend
+  lint-commits:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+      - run: make lint-commits
   lint:
+    runs-on: ubuntu-latest
+    needs: [lint-frontend, lint-backend, lint-commits]
+    steps:
+      - run: echo "done"
+
+# tests
+  test-frontend:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-go@v2
-        with:
-          go-version: 1.16
       - uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '16'
-      - run: npm i -g commitlint
+      - run: make test-frontend
-      - run: make lint
+  test-backend:
-  test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-go@v2
         with:
-          go-version: 1.16
+          go-version: 1.18.3
-      - uses: actions/setup-node@v2
+      - run: make test-backend
-        with:
+  test:
-          node-version: '14'
+    runs-on: ubuntu-latest
-      - run: make test
+    needs: [test-frontend, test-backend]
+    steps:
+      - run: echo "done"
+
+# release
   release:
     runs-on: ubuntu-latest
     needs: [lint, test]
@@ -42,15 +76,15 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-go@v2
         with:
-          go-version: 1.16
+          go-version: 1.18.3
       - uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '16'
       - name: Set up QEMU
         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
@@ -63,4 +97,4 @@ jobs:
           version: latest
           args: release --rm-dist
         env:
-          GITHUB_TOKEN: ${{ secrets.GH_PAT }}
+          GITHUB_TOKEN: ${{ secrets.GH_PAT }}

.github/workflows/stale.yml

@@ -0,0 +1,24 @@
+name: 'Close stale issues and PRs'
+permissions:
+  issues: write
+  pull-requests: write
+
+on:
+  schedule:
+    - cron: '30 1 * * *'
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v5
+        with:
+          stale-pr-message: 'This PR is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.'
+          close-pr-message: 'This PR was closed because it has been stalled for 5 days with no activity.'
+          stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.'
+          close-issue-message: 'This issue was closed because it has been stalled for 5 days with no activity.'
+          days-before-stale: 30
+          days-before-close: 5
+          exempt-issue-labels: 'feature ☘,enhancement ⚙,bug 🐞'
+          exempt-pr-labels: 'need-help,wip'
+          operations-per-run: 100

.gitignore

@@ -1,11 +1,11 @@
 *.db
-*.lock
 *.bak
 _old
 rice-box.go
 .idea/
-filebrowser
+/filebrowser
-filebrowser.exe
+/filebrowser.exe
+/dist
 
 .DS_Store
 node_modules

.golangci.yml

@@ -109,6 +109,7 @@ issues:
         - gomnd
 
 run:
+  go: '1.18'
   skip-dirs:
     - frontend/
   skip-files:

.goreleaser.yml

@@ -41,7 +41,7 @@ archives:
 dockers:
   -
     dockerfile: Dockerfile
-    use_buildx: true
+    use: buildx
     build_flag_templates:
       - "--pull"
       - "--label=org.opencontainers.image.created={{.Date}}"
@@ -56,10 +56,10 @@ dockers:
       - "filebrowser/filebrowser:{{ .Tag }}-amd64"
       - "filebrowser/filebrowser:v{{ .Major }}-amd64"
     extra_files:
-      - .docker.json
+      - docker_config.json
   -
     dockerfile: Dockerfile
-    use_buildx: true
+    use: buildx
     build_flag_templates:
       - "--pull"
       - "--label=org.opencontainers.image.created={{.Date}}"
@@ -74,10 +74,10 @@ dockers:
       - "filebrowser/filebrowser:{{ .Tag }}-arm64"
       - "filebrowser/filebrowser:v{{ .Major }}-arm64"
     extra_files:
-      - .docker.json
+      - docker_config.json
   -
     dockerfile: Dockerfile
-    use_buildx: true
+    use: buildx
     build_flag_templates:
       - "--pull"
       - "--label=org.opencontainers.image.created={{.Date}}"
@@ -93,10 +93,10 @@ dockers:
       - "filebrowser/filebrowser:{{ .Tag }}-armv6"
       - "filebrowser/filebrowser:v{{ .Major }}-armv6"
     extra_files:
-      - .docker.json
+      - docker_config.json
   -
     dockerfile: Dockerfile
-    use_buildx: true
+    use: buildx
     build_flag_templates:
       - "--pull"
       - "--label=org.opencontainers.image.created={{.Date}}"
@@ -112,7 +112,82 @@ dockers:
       - "filebrowser/filebrowser:{{ .Tag }}-armv7"
       - "filebrowser/filebrowser:v{{ .Major }}-armv7"
     extra_files:
-      - .docker.json
+      - 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:
   - name_template: "filebrowser/filebrowser:latest"
     image_templates:
@@ -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:

CHANGELOG.md

@@ -2,6 +2,208 @@
 
 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.23.0](https://github.com/filebrowser/filebrowser/compare/v2.22.4...v2.23.0) (2022-11-05)
+
+
+### Features
+
+* add rtl support ([#2178](https://github.com/filebrowser/filebrowser/issues/2178)) ([2c14146](https://github.com/filebrowser/filebrowser/commit/2c14146a314bb271be66a36c63b64852a2848e26))
+* hebrew translation ([#2168](https://github.com/filebrowser/filebrowser/issues/2168)) ([a49105d](https://github.com/filebrowser/filebrowser/commit/a49105db1d5f0d8f3d6641940ea86da959ffe006))
+* hook authentication method ([dda9a38](https://github.com/filebrowser/filebrowser/commit/dda9a389f387e94643a9a2ae56027260b210152a))
+* update Polish translation ([#2089](https://github.com/filebrowser/filebrowser/issues/2089)) ([57c99e0](https://github.com/filebrowser/filebrowser/commit/57c99e0e261b4ed4c2cf468ce3ab09f1a440b359))
+
+
+### Bug Fixes
+
+* missing video controls on mobile ([#2180](https://github.com/filebrowser/filebrowser/issues/2180)) ([a5757b9](https://github.com/filebrowser/filebrowser/commit/a5757b94e8ed492d454b9e427b7f45824cc56c5c))
+* modify the delete confirmation interface logic. ([#2138](https://github.com/filebrowser/filebrowser/issues/2138)) ([0401adf](https://github.com/filebrowser/filebrowser/commit/0401adf7f4dd76760fe26b5baee02ebc726b51a9))
+
+
+### Build
+
+* **deps:** bump ansi-html and webpack-dev-server in /frontend ([#2184](https://github.com/filebrowser/filebrowser/issues/2184)) ([3a0dace](https://github.com/filebrowser/filebrowser/commit/3a0dace9a93f9d57855801de548891010cf0830e))
+* **deps:** bump terser from 4.8.0 to 4.8.1 in /frontend ([#2054](https://github.com/filebrowser/filebrowser/issues/2054)) ([aaed985](https://github.com/filebrowser/filebrowser/commit/aaed985699b3c63092ecb02c8bc07634123360ab))
+
+### [2.22.4](https://github.com/filebrowser/filebrowser/compare/v2.22.3...v2.22.4) (2022-07-18)
+
+
+### Bug Fixes
+
+* disable cookie auth for non GET requests ([80030de](https://github.com/filebrowser/filebrowser/commit/80030dee32d161043766d57ba4e0ad0b0d99290b))
+
+
+### Build
+
+* **deps:** bump moment from 2.29.2 to 2.29.4 in /frontend ([#2036](https://github.com/filebrowser/filebrowser/issues/2036)) ([cb43770](https://github.com/filebrowser/filebrowser/commit/cb437700255e41ff559b9f5a99ab4290b2f8df87))
+* **deps:** bump shell-quote from 1.7.2 to 1.7.3 in /frontend ([#2025](https://github.com/filebrowser/filebrowser/issues/2025)) ([eaba7e5](https://github.com/filebrowser/filebrowser/commit/eaba7e5255f960141e0fc1557f87073df9f6d66a))
+
+### [2.22.3](https://github.com/filebrowser/filebrowser/compare/v2.22.2...v2.22.3) (2022-07-05)
+
+
+### Bug Fixes
+
+* use correct field name in user put api ([#2026](https://github.com/filebrowser/filebrowser/issues/2026)) ([d94acdd](https://github.com/filebrowser/filebrowser/commit/d94acdd89a0069fe87107024fd332a0d59a112fc))
+
+### [2.22.2](https://github.com/filebrowser/filebrowser/compare/v2.22.1...v2.22.2) (2022-07-01)
+
+
+### Bug Fixes
+
+* display disk capacity in a correct format ([#2013](https://github.com/filebrowser/filebrowser/issues/2013)) ([dec3d62](https://github.com/filebrowser/filebrowser/commit/dec3d629d42de567aa708154ebc4e03b5223608c))
+* don't calculate usage for files ([#1973](https://github.com/filebrowser/filebrowser/issues/1973)) ([577c0ef](https://github.com/filebrowser/filebrowser/commit/577c0efa9cff13628d5e3bac710ef568a00949e0)), closes [#1972](https://github.com/filebrowser/filebrowser/issues/1972) [#1967](https://github.com/filebrowser/filebrowser/issues/1967)
+* preview url building fix ([#1976](https://github.com/filebrowser/filebrowser/issues/1976)) ([dcf0bc6](https://github.com/filebrowser/filebrowser/commit/dcf0bc65bfcfc7df3804d7392598a92019468cf7))
+
+
+### Build
+
+* **backend:** upgrade golangci-lint to 1.46.2 ([#1991](https://github.com/filebrowser/filebrowser/issues/1991)) ([8118afd](https://github.com/filebrowser/filebrowser/commit/8118afd0ac0d25f4503c98879369764c35e7408e))
+
+### [2.22.1](https://github.com/filebrowser/filebrowser/compare/v2.22.0...v2.22.1) (2022-06-06)
+
+
+### Bug Fixes
+
+* use correct basepath prefix for preview urls ([#1971](https://github.com/filebrowser/filebrowser/issues/1971)) ([1e7d3b2](https://github.com/filebrowser/filebrowser/commit/1e7d3b25c283c556d98c65f1c2f46db4e4178995))
+
+
+### Build
+
+* **backend:** bump go version to 1.8.3 ([b16982d](https://github.com/filebrowser/filebrowser/commit/b16982df0f7da9eedb678455298b42ac55c86666))
+
+## [2.22.0](https://github.com/filebrowser/filebrowser/compare/v2.21.1...v2.22.0) (2022-06-03)
+
+
+### Features
+
+* add branding to the window title ([#1850](https://github.com/filebrowser/filebrowser/issues/1850)) ([f8dfbf7](https://github.com/filebrowser/filebrowser/commit/f8dfbf7eeecf3ee99ce906276777676f44e81e34))
+* add disk usage information to the sidebar ([d1d8e3e](https://github.com/filebrowser/filebrowser/commit/d1d8e3e3405381b01317fe07ae729d70219415a7))
+* automatically focus username field on login page ([596c732](https://github.com/filebrowser/filebrowser/commit/596c73288f5b53bd7e79ab8046136dc75ff078b9))
+* invalid symlink icon ([b14b911](https://github.com/filebrowser/filebrowser/commit/b14b9114f837cacf9f7788e88c503142a81585be))
+* page title localization ([8a43413](https://github.com/filebrowser/filebrowser/commit/8a43413f888440dc11b11c509abff45f706033d8))
+
+
+### Bug Fixes
+
+* allow CSP inline styling ([5da9d74](https://github.com/filebrowser/filebrowser/commit/5da9d74da62c69c431361bcaf0c07dc1da237ea8))
+* disable autocapitalize of login input (closes [#1910](https://github.com/filebrowser/filebrowser/issues/1910)) ([aed3af5](https://github.com/filebrowser/filebrowser/commit/aed3af58384697dc3de30f1450b837b0b74e4fa6))
+* drag-and-drop folder upload ([e677c78](https://github.com/filebrowser/filebrowser/commit/e677c78471f09f8d2c21d63d7388e908924aa6d9))
+* expired token error ([c3bd118](https://github.com/filebrowser/filebrowser/commit/c3bd1188aa396cbf00c593d259a9da0eddeeea3b))
+* folder info on upload list ([d1d7b23](https://github.com/filebrowser/filebrowser/commit/d1d7b23da6cc0c9a2f2f3e17021ec4f13ea557dd))
+* network error object message ([fc209f6](https://github.com/filebrowser/filebrowser/commit/fc209f64deff7a2793980d11ee738f7140c444cf))
+* set correct scope when user home creation is enabled ([02730bb](https://github.com/filebrowser/filebrowser/commit/02730bb9bfa3bfbfa251bb4736fc4c08d33609ab))
+
+
+### Build
+
+* **backend:** bump dependency versions ([7c9a75e](https://github.com/filebrowser/filebrowser/commit/7c9a75e72588f92d58fb58d32cdac352bce73b20))
+* **deps:** bump async from 2.6.3 to 2.6.4 in /frontend ([#1933](https://github.com/filebrowser/filebrowser/issues/1933)) ([e5fa96b](https://github.com/filebrowser/filebrowser/commit/e5fa96b666eac2e46a02bde832488baca5f2cd6d))
+* **deps:** bump eventsource from 1.1.0 to 1.1.1 in /frontend ([dd50369](https://github.com/filebrowser/filebrowser/commit/dd503695a1a8119a631643414d3a9070890f3f3c))
+* **deps:** bump minimist from 1.2.5 to 1.2.6 in /frontend ([#1889](https://github.com/filebrowser/filebrowser/issues/1889)) ([a74c72d](https://github.com/filebrowser/filebrowser/commit/a74c72db451207e1275988f3d208fa6d6f0468a9))
+* **deps:** bump minimist from 1.2.5 to 1.2.6 in /tools ([#1891](https://github.com/filebrowser/filebrowser/issues/1891)) ([f5b1e10](https://github.com/filebrowser/filebrowser/commit/f5b1e106183fb2192063a72fd195fc8c181ba8f9))
+* **deps:** bump moment from 2.29.1 to 2.29.2 in /frontend ([#1900](https://github.com/filebrowser/filebrowser/issues/1900)) ([040584c](https://github.com/filebrowser/filebrowser/commit/040584c86563d869c7a05887ef1f781bce653033))
+* **deps:** bump url-parse from 1.5.7 to 1.5.10 in /frontend ([#1841](https://github.com/filebrowser/filebrowser/issues/1841)) ([b2ad3f7](https://github.com/filebrowser/filebrowser/commit/b2ad3f73686a2abaa4fc62963fba6f83c9da9b5e))
+* **frontend:** bump node version from 14 to 16 ([ac3ead8](https://github.com/filebrowser/filebrowser/commit/ac3ead8dcef9c64c6be8b5cbbceee143b2cc77a8))
+* upgrade go version to 1.18.1 ([6bd34c7](https://github.com/filebrowser/filebrowser/commit/6bd34c76324780c1edd8625d5b22f5a84990852b))
+
+### [2.21.1](https://github.com/filebrowser/filebrowser/compare/v2.21.0...v2.21.1) (2022-02-22)
+
+
+### Bug Fixes
+
+* display user scope for admin users ([#1834](https://github.com/filebrowser/filebrowser/issues/1834)) ([6366cf0](https://github.com/filebrowser/filebrowser/commit/6366cf0b181f13eac38f69f1760d6f6f0586a5d1))
+
+## [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)
+
+
+### Features
+
+* detect multiple subtitle languages ([#1723](https://github.com/filebrowser/filebrowser/issues/1723)) ([c2e03bb](https://github.com/filebrowser/filebrowser/commit/c2e03bbfab97fc6716bcdd59158e9d5129bf0ea7))
+* use linuxserver based docker image ([b8f35ce](https://github.com/filebrowser/filebrowser/commit/b8f35ce9322c2b0dbf954cfd3ff584bc9f742fdd))
+
+
+### Bug Fixes
+
+* set correct default database path in the config ([988d3e5](https://github.com/filebrowser/filebrowser/commit/988d3e5bdd224509ddc2f08444560e3087e9c67d))
+* upgrade vulnerable versions of the library ([6eb3ab0](https://github.com/filebrowser/filebrowser/commit/6eb3ab063509a015ad630ab704ae3791461d0982))
+
+
+### Build
+
+* refactor makefile ([f81857a](https://github.com/filebrowser/filebrowser/commit/f81857acce25936a700945db5ef4af545eaeb1cf))
+* remove deprecated goreleaser use_buildx param ([4d1b9dd](https://github.com/filebrowser/filebrowser/commit/4d1b9dd2112002a93bb26cece07dcfd81c31dc2c))
+
+## [2.19.0](https://github.com/filebrowser/filebrowser/compare/v2.18.0...v2.19.0) (2021-11-24)
+
+
+### Features
+
+* prefetch previous and next images in preview. ([#1627](https://github.com/filebrowser/filebrowser/issues/1627)) ([7401d16](https://github.com/filebrowser/filebrowser/commit/7401d16e457bb232fd7dd7ef427e8960d465705c))
+
+
+### Bug Fixes
+
+* empty file listing on share ([e082397](https://github.com/filebrowser/filebrowser/commit/e08239781f61e7bb25d9b8c5c6cce90f34621a76))
+* relative font sizes ([c29698d](https://github.com/filebrowser/filebrowser/commit/c29698dffac769077ab7c7869569a902979ee3d7))
+
+## [2.18.0](https://github.com/filebrowser/filebrowser/compare/v2.17.2...v2.18.0) (2021-10-31)
+
+
+### Features
+
+* add ability to select file modified time format ([#1536](https://github.com/filebrowser/filebrowser/issues/1536)) ([0426629](https://github.com/filebrowser/filebrowser/commit/0426629a59c712849570d3e29956948ae7725a4a))
+* add manifest theme color param ([#1542](https://github.com/filebrowser/filebrowser/issues/1542)) ([0358e42](https://github.com/filebrowser/filebrowser/commit/0358e42d2c206732fffa77714f5a66f4fe50a69d))
+
+
+### Bug Fixes
+
+* back button behaviour in preview ([#1573](https://github.com/filebrowser/filebrowser/issues/1573)) ([deabc80](https://github.com/filebrowser/filebrowser/commit/deabc80fd7670983039dfcd29531b45002ca5d9e))
+* fix sidebar navigation on mobile devices ([#1618](https://github.com/filebrowser/filebrowser/issues/1618)) ([f09bf3e](https://github.com/filebrowser/filebrowser/commit/f09bf3e1d076b27d29ba8a91cf448a99993bc444))
+* search box is misaligned when the browser preferred font size is other than 16px ([#1613](https://github.com/filebrowser/filebrowser/issues/1613)) ([6f345be](https://github.com/filebrowser/filebrowser/commit/6f345be3e47ba57ecc1eb9a62587ab949078c125))
+* security issue in command runner (closes [#1621](https://github.com/filebrowser/filebrowser/issues/1621)) ([74b7cd8](https://github.com/filebrowser/filebrowser/commit/74b7cd8e81840537a8206317344f118093153e8d))
+* set correct editor height regardless of preferred font size ([#1614](https://github.com/filebrowser/filebrowser/issues/1614)) ([ddd4ffa](https://github.com/filebrowser/filebrowser/commit/ddd4ffa4caa6b292a3a644ecd897aba1237c7503))
+* zoom pics when dlclick at first time ([#1561](https://github.com/filebrowser/filebrowser/issues/1561)) ([b6a51be](https://github.com/filebrowser/filebrowser/commit/b6a51bed516814944f8aa41440652242d57824c5))
+
 ### [2.17.2](https://github.com/filebrowser/filebrowser/compare/v2.17.1...v2.17.2) (2021-08-27)
 
 

Dockerfile

@@ -9,7 +9,7 @@ HEALTHCHECK --start-period=2s --interval=5s --timeout=3s \
 VOLUME /srv
 EXPOSE 80
 
-COPY .docker.json /.filebrowser.json
+COPY docker_config.json /.filebrowser.json
 COPY filebrowser /filebrowser
 
 ENTRYPOINT [ "/filebrowser" ]

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

Dockerfile.s6.aarch64

@@ -0,0 +1,16 @@
+FROM ghcr.io/linuxserver/baseimage-alpine:arm64v8-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

Dockerfile.s6.armhf

@@ -0,0 +1,16 @@
+FROM ghcr.io/linuxserver/baseimage-alpine:arm32v7-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

Makefile

@@ -1,94 +1,68 @@
-SHELL := /bin/bash
+include common.mk
-BASE_PATH := $(shell dirname $(realpath $(lastword $(MAKEFILE_LIST))))
+include tools.mk
-VERSION ?= $(shell git describe --tags --always --match=v* 2> /dev/null || \
-           			cat $(CURDIR)/.version 2> /dev/null || echo v0)
-VERSION_HASH = $(shell git rev-parse HEAD)
-
-BIN = $(BASE_PATH)/bin
-PATH := $(BIN):$(PATH)
-export PATH
-
-# printing
-V = 0
-Q = $(if $(filter 1,$V),,@)
-M = $(shell printf "\033[34;1m▶\033[0m")
-
-GO = GOGC=off go
-# go module
-MODULE = $(shell env GO111MODULE=on $(GO) list -m)
-
-DATE    ?= $(shell date +%FT%T%z)
-VERSION ?= $(shell git describe --tags --always --match=v* 2> /dev/null || \
-			cat $(CURDIR)/.version 2> /dev/null || echo v0)
-VERSION_HASH = 	$(shell git rev-parse --short HEAD)
-BRANCH = $(shell git rev-parse --abbrev-ref HEAD)
 
 LDFLAGS += -X "$(MODULE)/version.Version=$(VERSION)" -X "$(MODULE)/version.CommitSHA=$(VERSION_HASH)"
 
-# tools
+## Build:
-$(BIN):
-	@mkdir -p $@
-$(BIN)/%: | $(BIN) ; $(info $(M) installing $(PACKAGE)…)
-	$Q env GOBIN=$(BIN) $(GO) install $(PACKAGE)
 
-GOLANGCI_LINT = $(BIN)/golangci-lint
-$(BIN)/golangci-lint: PACKAGE=github.com/golangci/golangci-lint/cmd/golangci-lint@v1.41.1
-
-GOIMPORTS = $(BIN)/goimports
-$(BIN)/goimports: PACKAGE=golang.org/x/tools/cmd/goimports@v0.1.5
-
-## build: Build
 .PHONY: build
-build: | build-frontend build-backend ; $(info $(M) building…)
+build: | build-frontend build-backend ## Build binary
 
-## build-frontend: Build frontend
 .PHONY: build-frontend
-build-frontend: | ; $(info $(M) building frontend…)
+build-frontend: ## Build frontend
 	$Q cd frontend && npm ci && npm run build
 
-## build-backend: Build backend
 .PHONY: build-backend
-build-backend: | ; $(info $(M) building backend…)
+build-backend: ## Build backend
-	$Q $(GO) build -ldflags '$(LDFLAGS)' -o .
+	$Q $(go) build -ldflags '$(LDFLAGS)' -o .
 
-## test: Run all tests
 .PHONY: test
-test: | test-frontend test-backend ; $(info $(M) running tests…)
+test: | test-frontend test-backend ## Run all tests
 
-## test-frontend: Run frontend tests
 .PHONY: test-frontend
-test-frontend: | ; $(info $(M) running frontend tests…)
+test-frontend: ## Run frontend tests
 
-## test-backend: Run backend tests
 .PHONY: test-backend
-test-backend: | ; $(info $(M) running backend tests…)
+test-backend: ## Run backend tests
-	$Q $(GO) test -v ./...
+	$Q $(go) test -v ./...
 
-## lint: Lint
 .PHONY: lint
-lint: lint-frontend lint-backend lint-commits | ; $(info $(M) running all linters…)
+lint: lint-frontend lint-backend lint-commits ## Run all linters
 
-## lint-frontend: Lint frontend
 .PHONY: lint-frontend
-lint-frontend: | ; $(info $(M) running frontend linters…)
+lint-frontend: ## Run frontend linters
 	$Q cd frontend && npm ci && npm run lint
 
-## lint-backend: Lint backend
 .PHONY: lint-backend
-lint-backend: | $(GOLANGCI_LINT) ; $(info $(M) running backend linters…)
+lint-backend: | $(golangci-lint) ## Run backend linters
-	$Q $(GOLANGCI_LINT) run
+	$Q $(golangci-lint) run -v
 
-## lint-commits: Lint commits
 .PHONY: lint-commits
-lint-commits: | ; $(info $(M) running commitlint…)
+lint-commits: $(commitlint) ## Run commit linters
 	$Q ./scripts/commitlint.sh
 
-## bump-version: Bump app version
+fmt: $(goimports) ## Format source files
+	$Q $(goimports) -local $(MODULE) -w $$(find . -type f -name '*.go' -not -path "./vendor/*")
+
+clean: clean-tools ## Clean
+
+## Release:
+
 .PHONY: bump-version
-bump-version: | ; $(info $(M) creating a new release…)
+bump-version: $(standard-version) ## Bump app version
 	$Q ./scripts/bump_version.sh
 
-## help: Show this help
+## Help:
-.PHONY: help
+help: ## Show this help
-help:
+	@echo ''
-	@sed -n 's/^## //p' $(MAKEFILE_LIST) | column -t -s ':' |  sed -e 's/^/ /' | sort
+	@echo 'Usage:'
+	@echo '  ${YELLOW}make${RESET} ${GREEN}<target> [options]${RESET}'
+	@echo ''
+	@echo 'Options:'
+	@$(call global_option, "V [0|1]", "enable verbose mode (default:0)")
+	@echo ''
+	@echo 'Targets:'
+	@awk 'BEGIN {FS = ":.*?## "} { \
+		if (/^[a-zA-Z_-]+:.*?##.*$$/) {printf "    ${YELLOW}%-20s${GREEN}%s${RESET}\n", $$1, $$2} \
+		else if (/^## .*$$/) {printf "  ${CYAN}%s${RESET}\n", substr($$1,4)} \
+		}' $(MAKEFILE_LIST)

README.md

@@ -10,7 +10,7 @@
 [![Version](https://img.shields.io/github/release/filebrowser/filebrowser.svg?style=flat-square)](https://github.com/filebrowser/filebrowser/releases/latest)
 [![Chat IRC](https://img.shields.io/badge/freenode-%23filebrowser-blue.svg?style=flat-square)](http://webchat.freenode.net/?channels=%23filebrowser)
 
-filebrowser provides a file managing interface within a specified directory and it can be used to upload, delete, preview, rename and edit your files. It allows the creation of multiple users and each user can have its own directory. It can be used as a standalone app or as a middleware.
+filebrowser provides a file managing interface within a specified directory and it can be used to upload, delete, preview, rename and edit your files. It allows the creation of multiple users and each user can have its own directory. It can be used as a standalone app.
 
 ## Features
 

auth/auth.go

@@ -3,13 +3,14 @@ package auth
 import (
 	"net/http"
 
+	"github.com/filebrowser/filebrowser/v2/settings"
 	"github.com/filebrowser/filebrowser/v2/users"
 )
 
 // Auther is the authentication interface.
 type Auther interface {
 	// Auth is called to authenticate a request.
-	Auth(r *http.Request, s users.Store, root string) (*users.User, error)
+	Auth(r *http.Request, usr users.Store, stg *settings.Settings, srv *settings.Server) (*users.User, error)
 	// LoginPage indicates if this auther needs a login page.
 	LoginPage() bool
 }

auth/hook.go

@@ -0,0 +1,302 @@
+package auth
+
+import (
+	"encoding/json"
+	"fmt"
+	"log"
+	"net/http"
+	"os"
+	"os/exec"
+	"strings"
+
+	"github.com/filebrowser/filebrowser/v2/errors"
+	"github.com/filebrowser/filebrowser/v2/files"
+	"github.com/filebrowser/filebrowser/v2/settings"
+	"github.com/filebrowser/filebrowser/v2/users"
+)
+
+// MethodHookAuth is used to identify hook auth.
+const MethodHookAuth settings.AuthMethod = "hook"
+
+type hookCred struct {
+	Password string `json:"password"`
+	Username string `json:"username"`
+}
+
+// HookAuth is a hook implementation of an Auther.
+type HookAuth struct {
+	Users    users.Store        `json:"-"`
+	Settings *settings.Settings `json:"-"`
+	Server   *settings.Server   `json:"-"`
+	Cred     hookCred           `json:"-"`
+	Fields   hookFields         `json:"-"`
+	Command  string             `json:"command"`
+}
+
+// Auth authenticates the user via a json in content body.
+func (a *HookAuth) Auth(r *http.Request, usr users.Store, stg *settings.Settings, srv *settings.Server) (*users.User, error) {
+	var cred hookCred
+
+	if r.Body == nil {
+		return nil, os.ErrPermission
+	}
+
+	err := json.NewDecoder(r.Body).Decode(&cred)
+	if err != nil {
+		return nil, os.ErrPermission
+	}
+
+	a.Users = usr
+	a.Settings = stg
+	a.Server = srv
+	a.Cred = cred
+
+	action, err := a.RunCommand()
+	if err != nil {
+		return nil, err
+	}
+
+	switch action {
+	case "auth":
+		u, err := a.SaveUser()
+		if err != nil {
+			return nil, err
+		}
+		return u, nil
+	case "block":
+		return nil, os.ErrPermission
+	case "pass":
+		u, err := a.Users.Get(a.Server.Root, a.Cred.Username)
+		if err != nil || !users.CheckPwd(a.Cred.Password, u.Password) {
+			return nil, os.ErrPermission
+		}
+		return u, nil
+	default:
+		return nil, fmt.Errorf("invalid hook action: %s", action)
+	}
+}
+
+// LoginPage tells that hook auth requires a login page.
+func (a *HookAuth) LoginPage() bool {
+	return true
+}
+
+// RunCommand starts the hook command and returns the action
+func (a *HookAuth) RunCommand() (string, error) {
+	command := strings.Split(a.Command, " ")
+	envMapping := func(key string) string {
+		switch key {
+		case "USERNAME":
+			return a.Cred.Username
+		case "PASSWORD":
+			return a.Cred.Password
+		default:
+			return os.Getenv(key)
+		}
+	}
+	for i, arg := range command {
+		if i == 0 {
+			continue
+		}
+		command[i] = os.Expand(arg, envMapping)
+	}
+
+	cmd := exec.Command(command[0], command[1:]...) //nolint:gosec
+	cmd.Env = append(os.Environ(), fmt.Sprintf("USERNAME=%s", a.Cred.Username))
+	cmd.Env = append(cmd.Env, fmt.Sprintf("PASSWORD=%s", a.Cred.Password))
+	out, err := cmd.Output()
+	if err != nil {
+		return "", err
+	}
+
+	a.GetValues(string(out))
+
+	return a.Fields.Values["hook.action"], nil
+}
+
+// GetValues creates a map with values from the key-value format string
+func (a *HookAuth) GetValues(s string) {
+	m := map[string]string{}
+
+	// make line breaks consistent on Windows platform
+	s = strings.ReplaceAll(s, "\r\n", "\n")
+
+	// iterate input lines
+	for _, val := range strings.Split(s, "\n") {
+		v := strings.SplitN(val, "=", 2) //nolint: gomnd
+
+		// skips non key and value format
+		if len(v) != 2 { //nolint: gomnd
+			continue
+		}
+
+		fieldKey := strings.TrimSpace(v[0])
+		fieldValue := strings.TrimSpace(v[1])
+
+		if a.Fields.IsValid(fieldKey) {
+			m[fieldKey] = fieldValue
+		}
+	}
+
+	a.Fields.Values = m
+}
+
+// SaveUser updates the existing user or creates a new one when not found
+func (a *HookAuth) SaveUser() (*users.User, error) {
+	u, err := a.Users.Get(a.Server.Root, a.Cred.Username)
+	if err != nil && err != errors.ErrNotExist {
+		return nil, err
+	}
+
+	if u == nil {
+		pass, err := users.HashPwd(a.Cred.Password)
+		if err != nil {
+			return nil, err
+		}
+
+		// create user with the provided credentials
+		d := &users.User{
+			Username:     a.Cred.Username,
+			Password:     pass,
+			Scope:        a.Settings.Defaults.Scope,
+			Locale:       a.Settings.Defaults.Locale,
+			ViewMode:     a.Settings.Defaults.ViewMode,
+			SingleClick:  a.Settings.Defaults.SingleClick,
+			Sorting:      a.Settings.Defaults.Sorting,
+			Perm:         a.Settings.Defaults.Perm,
+			Commands:     a.Settings.Defaults.Commands,
+			HideDotfiles: a.Settings.Defaults.HideDotfiles,
+		}
+		u = a.GetUser(d)
+
+		userHome, err := a.Settings.MakeUserDir(u.Username, u.Scope, a.Server.Root)
+		if err != nil {
+			return nil, fmt.Errorf("user: failed to mkdir user home dir: [%s]", userHome)
+		}
+		u.Scope = userHome
+		log.Printf("user: %s, home dir: [%s].", u.Username, userHome)
+
+		err = a.Users.Save(u)
+		if err != nil {
+			return nil, err
+		}
+	} else if p := !users.CheckPwd(a.Cred.Password, u.Password); len(a.Fields.Values) > 1 || p {
+		u = a.GetUser(u)
+
+		// update the password when it doesn't match the current
+		if p {
+			pass, err := users.HashPwd(a.Cred.Password)
+			if err != nil {
+				return nil, err
+			}
+			u.Password = pass
+		}
+
+		// update user with provided fields
+		err := a.Users.Update(u)
+		if err != nil {
+			return nil, err
+		}
+	}
+
+	return u, nil
+}
+
+// GetUser returns a User filled with hook values or provided defaults
+func (a *HookAuth) GetUser(d *users.User) *users.User {
+	// adds all permissions when user is admin
+	isAdmin := a.Fields.GetBoolean("user.perm.admin", d.Perm.Admin)
+	perms := users.Permissions{
+		Admin:    isAdmin,
+		Execute:  isAdmin || a.Fields.GetBoolean("user.perm.execute", d.Perm.Execute),
+		Create:   isAdmin || a.Fields.GetBoolean("user.perm.create", d.Perm.Create),
+		Rename:   isAdmin || a.Fields.GetBoolean("user.perm.rename", d.Perm.Rename),
+		Modify:   isAdmin || a.Fields.GetBoolean("user.perm.modify", d.Perm.Modify),
+		Delete:   isAdmin || a.Fields.GetBoolean("user.perm.delete", d.Perm.Delete),
+		Share:    isAdmin || a.Fields.GetBoolean("user.perm.share", d.Perm.Share),
+		Download: isAdmin || a.Fields.GetBoolean("user.perm.download", d.Perm.Download),
+	}
+	user := users.User{
+		ID:          d.ID,
+		Username:    d.Username,
+		Password:    d.Password,
+		Scope:       a.Fields.GetString("user.scope", d.Scope),
+		Locale:      a.Fields.GetString("user.locale", d.Locale),
+		ViewMode:    users.ViewMode(a.Fields.GetString("user.viewMode", string(d.ViewMode))),
+		SingleClick: a.Fields.GetBoolean("user.singleClick", d.SingleClick),
+		Sorting: files.Sorting{
+			Asc: a.Fields.GetBoolean("user.sorting.asc", d.Sorting.Asc),
+			By:  a.Fields.GetString("user.sorting.by", d.Sorting.By),
+		},
+		Commands:     a.Fields.GetArray("user.commands", d.Commands),
+		HideDotfiles: a.Fields.GetBoolean("user.hideDotfiles", d.HideDotfiles),
+		Perm:         perms,
+		LockPassword: true,
+	}
+
+	return &user
+}
+
+// hookFields is used to access fields from the hook
+type hookFields struct {
+	Values map[string]string
+}
+
+// validHookFields contains names of the fields that can be used
+var validHookFields = []string{
+	"hook.action",
+	"user.scope",
+	"user.locale",
+	"user.viewMode",
+	"user.singleClick",
+	"user.sorting.by",
+	"user.sorting.asc",
+	"user.commands",
+	"user.hideDotfiles",
+	"user.perm.admin",
+	"user.perm.execute",
+	"user.perm.create",
+	"user.perm.rename",
+	"user.perm.modify",
+	"user.perm.delete",
+	"user.perm.share",
+	"user.perm.download",
+}
+
+// IsValid checks if the provided field is on the valid fields list
+func (hf *hookFields) IsValid(field string) bool {
+	for _, val := range validHookFields {
+		if field == val {
+			return true
+		}
+	}
+
+	return false
+}
+
+// GetString returns the string value or provided default
+func (hf *hookFields) GetString(k, dv string) string {
+	val, ok := hf.Values[k]
+	if ok {
+		return val
+	}
+	return dv
+}
+
+// GetBoolean returns the bool value or provided default
+func (hf *hookFields) GetBoolean(k string, dv bool) bool {
+	val, ok := hf.Values[k]
+	if ok {
+		return val == "true"
+	}
+	return dv
+}
+
+// GetArray returns the array value or provided default
+func (hf *hookFields) GetArray(k string, dv []string) []string {
+	val, ok := hf.Values[k]
+	if ok && strings.TrimSpace(val) != "" {
+		return strings.Split(val, " ")
+	}
+	return dv
+}

auth/json.go

@@ -26,7 +26,7 @@ type JSONAuth struct {
 }
 
 // Auth authenticates the user via a json in content body.
-func (a JSONAuth) Auth(r *http.Request, sto users.Store, root string) (*users.User, error) {
+func (a JSONAuth) Auth(r *http.Request, usr users.Store, stg *settings.Settings, srv *settings.Server) (*users.User, error) {
 	var cred jsonCred
 
 	if r.Body == nil {
@@ -51,7 +51,7 @@ func (a JSONAuth) Auth(r *http.Request, sto users.Store, root string) (*users.Us
 		}
 	}
 
-	u, err := sto.Get(root, cred.Username)
+	u, err := usr.Get(srv.Root, cred.Username)
 	if err != nil || !users.CheckPwd(cred.Password, u.Password) {
 		return nil, os.ErrPermission
 	}

auth/none.go

@@ -14,8 +14,8 @@ const MethodNoAuth settings.AuthMethod = "noauth"
 type NoAuth struct{}
 
 // Auth uses authenticates user 1.
-func (a NoAuth) Auth(r *http.Request, sto users.Store, root string) (*users.User, error) {
+func (a NoAuth) Auth(r *http.Request, usr users.Store, stg *settings.Settings, srv *settings.Server) (*users.User, error) {
-	return sto.Get(root, uint(1))
+	return usr.Get(srv.Root, uint(1))
 }
 
 // LoginPage tells that no auth doesn't require a login page.

auth/proxy.go

@@ -18,9 +18,9 @@ type ProxyAuth struct {
 }
 
 // Auth authenticates the user via an HTTP header.
-func (a ProxyAuth) Auth(r *http.Request, sto users.Store, root string) (*users.User, error) {
+func (a ProxyAuth) Auth(r *http.Request, usr users.Store, stg *settings.Settings, srv *settings.Server) (*users.User, error) {
 	username := r.Header.Get(a.Header)
-	user, err := sto.Get(root, username)
+	user, err := usr.Get(srv.Root, username)
 	if err == errors.ErrNotExist {
 		return nil, os.ErrPermission
 	}

cmd/config.go

@@ -35,12 +35,14 @@ func addConfigFlags(flags *pflag.FlagSet) {
 
 	flags.String("auth.method", string(auth.MethodJSONAuth), "authentication type")
 	flags.String("auth.header", "", "HTTP header for auth.method=proxy")
+	flags.String("auth.command", "", "command for auth.method=hook")
 
 	flags.String("recaptcha.host", "https://www.google.com", "use another host for ReCAPTCHA. recaptcha.net might be useful in China")
 	flags.String("recaptcha.key", "", "ReCaptcha site key")
 	flags.String("recaptcha.secret", "", "ReCaptcha secret")
 
 	flags.String("branding.name", "", "replace 'File Browser' by this name")
+	flags.String("branding.color", "", "set the theme color")
 	flags.String("branding.files", "", "path to directory with images and custom styles")
 	flags.Bool("branding.disableExternal", false, "disable external links such as GitHub links")
 }
@@ -113,6 +115,20 @@ func getAuthentication(flags *pflag.FlagSet, defaults ...interface{}) (settings.
 		auther = jsonAuth
 	}
 
+	if method == auth.MethodHookAuth {
+		command := mustGetString(flags, "auth.command")
+
+		if command == "" {
+			command = defaultAuther["command"].(string)
+		}
+
+		if command == "" {
+			checkErr(nerrors.New("you must set the flag 'auth.command' for method 'hook'"))
+		}
+
+		auther = &auth.HookAuth{Command: command}
+	}
+
 	if auther == nil {
 		panic(errors.ErrInvalidAuthMethod)
 	}
@@ -131,6 +147,7 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Fprintf(w, "\tName:\t%s\n", set.Branding.Name)
 	fmt.Fprintf(w, "\tFiles override:\t%s\n", set.Branding.Files)
 	fmt.Fprintf(w, "\tDisable external links:\t%t\n", set.Branding.DisableExternal)
+	fmt.Fprintf(w, "\tColor:\t%s\n", set.Branding.Color)
 	fmt.Fprintln(w, "\nServer:")
 	fmt.Fprintf(w, "\tLog:\t%s\n", ser.Log)
 	fmt.Fprintf(w, "\tPort:\t%s\n", ser.Port)

cmd/config_import.go

@@ -70,6 +70,8 @@ The path must be for a json or yaml file.`,
 			auther = getAuther(auth.NoAuth{}, rawAuther).(*auth.NoAuth)
 		case auth.MethodProxyAuth:
 			auther = getAuther(auth.ProxyAuth{}, rawAuther).(*auth.ProxyAuth)
+		case auth.MethodHookAuth:
+			auther = getAuther(&auth.HookAuth{}, rawAuther).(*auth.HookAuth)
 		default:
 			checkErr(errors.New("invalid auth method"))
 		}

cmd/config_set.go

@@ -51,6 +51,8 @@ you want to change. Other options will remain unchanged.`,
 				set.Shell = convertCmdStrToCmdArray(mustGetString(flags, flag.Name))
 			case "branding.name":
 				set.Branding.Name = mustGetString(flags, flag.Name)
+			case "branding.color":
+				set.Branding.Color = mustGetString(flags, flag.Name)
 			case "branding.disableExternal":
 				set.Branding.DisableExternal = mustGetBool(flags, flag.Name)
 			case "branding.files":

cmd/root.go

@@ -3,8 +3,8 @@ package cmd
 import (
 	"crypto/tls"
 	"errors"
+	"io"
 	"io/fs"
-	"io/ioutil"
 	"log"
 	"net"
 	"net/http"
@@ -299,7 +299,7 @@ func setupLog(logMethod string) {
 	case "stderr":
 		log.SetOutput(os.Stderr)
 	case "":
-		log.SetOutput(ioutil.Discard)
+		log.SetOutput(io.Discard)
 	default:
 		log.SetOutput(&lumberjack.Logger{
 			Filename:   logMethod,
@@ -312,9 +312,10 @@ func setupLog(logMethod string) {
 
 func quickSetup(flags *pflag.FlagSet, d pythonData) {
 	set := &settings.Settings{
-		Key:           generateKey(),
+		Key:              generateKey(),
-		Signup:        false,
+		Signup:           false,
-		CreateUserDir: false,
+		CreateUserDir:    false,
+		UserHomeBasePath: settings.DefaultUsersHomeBasePath,
 		Defaults: settings.UserDefaults{
 			Scope:       ".",
 			Locale:      "en",
@@ -330,6 +331,11 @@ func quickSetup(flags *pflag.FlagSet, d pythonData) {
 				Download: true,
 			},
 		},
+		AuthMethod: "",
+		Branding:   settings.Branding{},
+		Commands:   nil,
+		Shell:      nil,
+		Rules:      nil,
 	}
 
 	var err error

cmd/utils.go

@@ -9,7 +9,7 @@ import (
 	"path/filepath"
 	"strings"
 
-	"github.com/asdine/storm"
+	"github.com/asdine/storm/v3"
 	"github.com/spf13/cobra"
 	"github.com/spf13/pflag"
 	yaml "gopkg.in/yaml.v2"

common.mk

@@ -0,0 +1,28 @@
+SHELL := /bin/bash
+DATE ?= $(shell date +%FT%T%z)
+BASE_PATH := $(shell dirname $(realpath $(lastword $(MAKEFILE_LIST))))
+VERSION ?= $(shell git describe --tags --always --match=v* 2> /dev/null || \
+           			cat $(CURDIR)/.version 2> /dev/null || echo v0)
+VERSION_HASH = $(shell git rev-parse HEAD)
+BRANCH = $(shell git rev-parse --abbrev-ref HEAD)
+
+go = GOGC=off go
+MODULE = $(shell env GO111MODULE=on go list -m)
+
+# printing
+# $Q (quiet) is used in the targets as a replacer for @.
+# This macro helps to print the command for debugging by setting V to 1. Example `make test-unit V=1`
+V = 0
+Q = $(if $(filter 1,$V),,@)
+# $M is a macro to print a colored ▶ character. Example `$(info $(M) running coverage tests…)` will print "▶ running coverage tests…"
+M = $(shell printf "\033[34;1m▶\033[0m")
+
+GREEN  := $(shell tput -Txterm setaf 2)
+YELLOW := $(shell tput -Txterm setaf 3)
+WHITE  := $(shell tput -Txterm setaf 7)
+CYAN   := $(shell tput -Txterm setaf 6)
+RESET  := $(shell tput -Txterm sgr0)
+
+define global_option
+    printf "  ${YELLOW}%-20s${GREEN}%s${RESET}\n" $(1) $(2)
+endef

diskcache/file_cache.go

@@ -6,7 +6,7 @@ import (
 	"encoding/hex"
 	"errors"
 	"fmt"
-	"io/ioutil"
+	"io"
 	"os"
 	"path/filepath"
 	"sync"
@@ -55,7 +55,7 @@ func (f *FileCache) Load(ctx context.Context, key string) (value []byte, exist b
 	}
 	defer r.Close()
 
-	value, err = ioutil.ReadAll(r)
+	value, err = io.ReadAll(r)
 	if err != nil {
 		return nil, false, err
 	}

docker/root/defaults/settings.json

@@ -0,0 +1,8 @@
+{
+  "port": 80,
+  "baseURL": "",
+  "address": "",
+  "log": "stdout",
+  "database": "/database/filebrowser.db",
+  "root": "/srv"
+}

docker/root/etc/cont-init.d/20-config

@@ -0,0 +1,15 @@
+#!/usr/bin/with-contenv bash
+
+# make folders
+mkdir -p /database
+
+# copy config
+if [ ! -f "/config/settings.json" ]; then
+  cp -a /defaults/settings.json /config/settings.json
+fi
+
+# permissions
+chown abc:abc \
+	/config/settings.json \
+	/database \
+	/srv

docker/root/etc/services.d/filebrowser/run

@@ -0,0 +1,3 @@
+#!/usr/bin/with-contenv bash
+
+exec s6-setuidgid abc filebrowser -c /config/settings.json -d /database/filebrowser.db;

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"
 
@@ -271,11 +287,17 @@ func (i *FileInfo) detectSubtitles() {
 	i.Subtitles = []string{}
 	ext := filepath.Ext(i.Path)
 
-	// TODO: detect multiple languages. Base.Lang.vtt
+	// detect multiple languages. Base*.vtt
-
+	// TODO: give subtitles descriptive names (lang) and track attributes
-	fPath := strings.TrimSuffix(i.Path, ext) + ".vtt"
+	parentDir := strings.TrimRight(i.Path, i.Name)
-	if _, err := i.Fs.Stat(fPath); err == nil {
+	dir, err := afero.ReadDir(i.Fs, parentDir)
-		i.Subtitles = append(i.Subtitles, fPath)
+	if err == nil {
+		base := strings.TrimSuffix(i.Name, ext)
+		for _, f := range dir {
+			if !f.IsDir() && strings.HasPrefix(f.Name(), base) && strings.HasSuffix(f.Name(), ".vtt") {
+				i.Subtitles = append(i.Subtitles, path.Join(parentDir, f.Name()))
+			}
+		}
 	}
 }
 
@@ -300,7 +322,7 @@ func (i *FileInfo) readListing(checker rules.Checker, readHeader bool) error {
 			continue
 		}
 
-		isSymlink := false
+		isSymlink, isInvalidLink := false, false
 		if IsSymlink(f.Mode()) {
 			isSymlink = true
 			// It's a symbolic link. We try to follow it. If it doesn't work,
@@ -308,6 +330,8 @@ func (i *FileInfo) readListing(checker rules.Checker, readHeader bool) error {
 			info, err := i.Fs.Stat(fPath)
 			if err == nil {
 				f = info
+			} else {
+				isInvalidLink = true
 			}
 		}
 
@@ -328,9 +352,13 @@ func (i *FileInfo) readListing(checker rules.Checker, readHeader bool) error {
 		} else {
 			listing.NumFiles++
 
-			err := file.detectType(true, false, readHeader)
+			if isInvalidLink {
-			if err != nil {
+				file.Type = "invalid_link"
-				return err
+			} else {
+				err := file.detectType(true, false, readHeader)
+				if err != nil {
+					return err
+				}
 			}
 		}
 

frontend/assets.go

@@ -1,3 +1,4 @@
+//go:build !dev
 // +build !dev
 
 package frontend

frontend/assets_dev.go

@@ -1,3 +1,4 @@
+//go:build dev
 // +build dev
 
 package frontend

frontend/package-lock.json

@@ -15,16 +15,19 @@
         "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",
+        "moment": "^2.29.4",
         "normalize.css": "^8.0.1",
         "noty": "^3.2.0-beta",
+        "pretty-bytes": "^6.0.0",
         "qrcode.vue": "^1.7.0",
         "utif": "^3.1.0",
         "vue": "^2.6.10",
+        "vue-async-computed": "^3.9.0",
         "vue-i18n": "^8.15.3",
         "vue-lazyload": "^1.3.3",
         "vue-router": "^3.1.3",
+        "vue-simple-progress": "^1.1.1",
         "vuex": "^3.1.2",
         "vuex-router-sync": "^5.0.0",
         "whatwg-fetch": "^3.6.2"
@@ -2514,10 +2517,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/ansi-html": {
+    "node_modules/ansi-html-community": {
-      "version": "0.0.7",
+      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
-      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
       "dev": true,
       "engines": [
         "node >= 0.8.0"
@@ -2745,9 +2748,9 @@
       }
     },
     "node_modules/async": {
-      "version": "2.6.3",
+      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
-      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
       "dev": true,
       "dependencies": {
         "lodash": "^4.17.14"
@@ -3272,16 +3275,16 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.16.3",
+      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
       "dev": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001181",
+        "caniuse-lite": "^1.0.30001286",
-        "colorette": "^1.2.1",
+        "electron-to-chromium": "^1.4.17",
-        "electron-to-chromium": "^1.3.649",
         "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
+        "node-releases": "^2.0.1",
+        "picocolors": "^1.0.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -3294,6 +3297,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 +3377,9 @@
       }
     },
     "node_modules/cacache/node_modules/ssri": {
-      "version": "6.0.1",
+      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
-      "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+      "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
       "dev": true,
       "dependencies": {
         "figgy-pudding": "^3.5.1"
@@ -3503,10 +3512,14 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001203",
+      "version": "1.0.30001309",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001203.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001309.tgz",
-      "integrity": "sha512-/I9tvnzU/PHMH7wBPrfDMSuecDeUKerjCPX7D0xBbaJZPxoT9m+yYxt0zCTkcijCkjTdim3H56Zm0i5Adxch4w==",
+      "integrity": "sha512-Pl8vfigmBXXq+/yUz1jUwULeq9xhMJznzdc/xwl4WclDAuebcTHVefpz8lE/bMI+UN7TOkSSe7B7RnZd6+dzjA==",
-      "dev": true
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/browserslist"
+      }
     },
     "node_modules/case-sensitive-paths-webpack-plugin": {
       "version": "2.4.0",
@@ -5415,9 +5428,9 @@
       "dev": true
     },
     "node_modules/dns-packet": {
-      "version": "1.3.1",
+      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
       "dev": true,
       "dependencies": {
         "ip": "^1.1.0",
@@ -5592,9 +5605,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.3.693",
+      "version": "1.4.67",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.693.tgz",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.67.tgz",
-      "integrity": "sha512-vUdsE8yyeu30RecppQtI+XTz2++LWLVEIYmzeCaCRLSdtKZ2eXqdJcrs85KwLiPOPVc6PELgWyXBsfqIvzGZag==",
+      "integrity": "sha512-A6a2jEPLueEDfb7kvh7/E94RKKnIb01qL+4I7RFxtajmo+G9F5Ei7HgY5PRbQ4RDrh6DGDW66P0hD5XI2nRAcg==",
       "dev": true
     },
     "node_modules/elliptic": {
@@ -6138,9 +6151,9 @@
       }
     },
     "node_modules/eventsource": {
-      "version": "1.1.0",
+      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.1.tgz",
-      "integrity": "sha512-VSJjT5oCNrFvCS6igjzPAt5hBzQ2qPBFIbJ03zLI9SE0mxwZpMw6BfJrbFHm1a141AavMEB8JHmBhWAd66PfCg==",
+      "integrity": "sha512-qV5ZC0h7jYIAOhArFJgSfdyz6rALJyb270714o7ZtNnw2WSJ+eexhKtE0O8LYPRsHZHf2osHKZBxGPvm3kPkCA==",
       "dev": true,
       "dependencies": {
         "original": "^1.0.0"
@@ -6733,9 +6746,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.13.3",
+      "version": "1.14.8",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
-      "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
       "dev": true,
       "funding": [
         {
@@ -7287,9 +7300,9 @@
       }
     },
     "node_modules/hosted-git-info": {
-      "version": "2.8.8",
+      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
     "node_modules/hpack.js": {
@@ -8962,10 +8975,10 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/material-design-icons": {
+    "node_modules/material-icons": {
-      "version": "3.0.1",
+      "version": "1.10.5",
-      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.5.tgz",
-      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+      "integrity": "sha512-+4l0xbfKlA2eSXJrhISYvCvT8e9HqQk3BLdOCPGal5qPYAQoTI8TTacYI0yXyf7WS6BpKrhQemUenhmR0IoS8A=="
     },
     "node_modules/md5.js": {
       "version": "1.3.5",
@@ -9193,9 +9206,9 @@
       }
     },
     "node_modules/minimist": {
-      "version": "1.2.5",
+      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
     "node_modules/minipass": {
@@ -9318,9 +9331,9 @@
       }
     },
     "node_modules/moment": {
-      "version": "2.29.1",
+      "version": "2.29.4",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
-      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
       "engines": {
         "node": "*"
       }
@@ -9507,9 +9520,9 @@
       "dev": true
     },
     "node_modules/node-releases": {
-      "version": "1.1.71",
+      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
-      "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -10256,9 +10269,9 @@
       }
     },
     "node_modules/path-parse": {
-      "version": "1.0.6",
+      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true
     },
     "node_modules/path-to-regexp": {
@@ -10310,6 +10323,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 +10428,13 @@
       }
     },
     "node_modules/postcss": {
-      "version": "7.0.35",
+      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
       "dev": true,
       "dependencies": {
-        "chalk": "^2.4.2",
+        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1",
+        "source-map": "^0.6.1"
-        "supports-color": "^6.1.0"
       },
       "engines": {
         "node": ">=6.0.0"
@@ -11070,18 +11088,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",
@@ -11124,6 +11130,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/pretty-bytes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz",
+      "integrity": "sha512-6UqkYefdogmzqAZWzJ7laYeJnaXDy2/J+ZqiiMtS7t7OfpXWTlaeGMwX8U6EFvPV/YWWEKRkS8hKS4k60WHTOg==",
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -12107,9 +12124,9 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.7.2",
+      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.3.tgz",
-      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
+      "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
       "dev": true
     },
     "node_modules/signal-exit": {
@@ -12558,9 +12575,9 @@
       }
     },
     "node_modules/ssri": {
-      "version": "7.1.0",
+      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
-      "integrity": "sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==",
+      "integrity": "sha512-w+daCzXN89PseTL99MkA+fxJEcU3wfaE/ah0i0lnOlpG1CYLJ2ZjzEry68YBKfLs4JfoTShrTEsJkAZuNZ/stw==",
       "dev": true,
       "dependencies": {
         "figgy-pudding": "^3.5.1",
@@ -12973,9 +12990,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.1.0",
+      "version": "6.1.11",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
-      "integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "dev": true,
       "dependencies": {
         "chownr": "^2.0.0",
@@ -13017,9 +13034,9 @@
       "dev": true
     },
     "node_modules/terser": {
-      "version": "4.8.0",
+      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
-      "integrity": "sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
       "dev": true,
       "dependencies": {
         "commander": "^2.20.0",
@@ -13689,9 +13706,9 @@
       }
     },
     "node_modules/url-parse": {
-      "version": "1.5.1",
+      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
       "dev": true,
       "dependencies": {
         "querystringify": "^2.1.1",
@@ -13836,6 +13853,14 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
       "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
+    "node_modules/vue-async-computed": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/vue-async-computed/-/vue-async-computed-3.9.0.tgz",
+      "integrity": "sha512-ac6m/9zxHHNGGKNOU1en8qNk+fAmEbJLuWL7qyQTFuH3vjv3V4urv//QHcVzCobROM6btnaDG2b+XYMncF/ETA==",
+      "peerDependencies": {
+        "vue": "~2"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
@@ -14015,6 +14040,11 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
       "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
     },
+    "node_modules/vue-simple-progress": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vue-simple-progress/-/vue-simple-progress-1.1.1.tgz",
+      "integrity": "sha512-ltLWYBA5eVQHWyt1NwZeGeK0VQC69JVh1oqUdro0po7r8Hc8SEMEyEfuwyCO4s27h5I3jbD99BKKkyPSQZgoZA=="
+    },
     "node_modules/vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -14326,12 +14356,12 @@
       }
     },
     "node_modules/webpack-dev-server": {
-      "version": "3.11.2",
+      "version": "3.11.3",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.2.tgz",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz",
-      "integrity": "sha512-A80BkuHRQfCiNtGBS1EMf2ChTUs0x+B3wGDFmOeT4rmJOHhHTCH2naNxIHhmkr0/UillP4U3yeIyv1pNp+QDLQ==",
+      "integrity": "sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==",
       "dev": true,
       "dependencies": {
-        "ansi-html": "0.0.7",
+        "ansi-html-community": "0.0.8",
         "bonjour": "^3.5.0",
         "chokidar": "^2.1.8",
         "compression": "^1.7.4",
@@ -15146,9 +15176,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "6.2.1",
+      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
       "dev": true,
       "dependencies": {
         "async-limiter": "~1.0.0"
@@ -16835,6 +16865,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 +16878,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"
       }
@@ -17462,10 +17494,10 @@
         "type-fest": "^0.11.0"
       }
     },
-    "ansi-html": {
+    "ansi-html-community": {
-      "version": "0.0.7",
+      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
-      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
       "dev": true
     },
     "ansi-regex": {
@@ -17641,9 +17673,9 @@
       "dev": true
     },
     "async": {
-      "version": "2.6.3",
+      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
-      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
       "dev": true,
       "requires": {
         "lodash": "^4.17.14"
@@ -18078,16 +18110,24 @@
       }
     },
     "browserslist": {
-      "version": "4.16.3",
+      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001181",
+        "caniuse-lite": "^1.0.30001286",
-        "colorette": "^1.2.1",
+        "electron-to-chromium": "^1.4.17",
-        "electron-to-chromium": "^1.3.649",
         "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 +18201,9 @@
       },
       "dependencies": {
         "ssri": {
-          "version": "6.0.1",
+          "version": "6.0.2",
-          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
-          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
           "dev": true,
           "requires": {
             "figgy-pudding": "^3.5.1"
@@ -18271,9 +18311,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001203",
+      "version": "1.0.30001309",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001203.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001309.tgz",
-      "integrity": "sha512-/I9tvnzU/PHMH7wBPrfDMSuecDeUKerjCPX7D0xBbaJZPxoT9m+yYxt0zCTkcijCkjTdim3H56Zm0i5Adxch4w==",
+      "integrity": "sha512-Pl8vfigmBXXq+/yUz1jUwULeq9xhMJznzdc/xwl4WclDAuebcTHVefpz8lE/bMI+UN7TOkSSe7B7RnZd6+dzjA==",
       "dev": true
     },
     "case-sensitive-paths-webpack-plugin": {
@@ -19799,9 +19839,9 @@
       "dev": true
     },
     "dns-packet": {
-      "version": "1.3.1",
+      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
       "dev": true,
       "requires": {
         "ip": "^1.1.0",
@@ -19952,9 +19992,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.3.693",
+      "version": "1.4.67",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.693.tgz",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.67.tgz",
-      "integrity": "sha512-vUdsE8yyeu30RecppQtI+XTz2++LWLVEIYmzeCaCRLSdtKZ2eXqdJcrs85KwLiPOPVc6PELgWyXBsfqIvzGZag==",
+      "integrity": "sha512-A6a2jEPLueEDfb7kvh7/E94RKKnIb01qL+4I7RFxtajmo+G9F5Ei7HgY5PRbQ4RDrh6DGDW66P0hD5XI2nRAcg==",
       "dev": true
     },
     "elliptic": {
@@ -20366,9 +20406,9 @@
       "dev": true
     },
     "eventsource": {
-      "version": "1.1.0",
+      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.1.tgz",
-      "integrity": "sha512-VSJjT5oCNrFvCS6igjzPAt5hBzQ2qPBFIbJ03zLI9SE0mxwZpMw6BfJrbFHm1a141AavMEB8JHmBhWAd66PfCg==",
+      "integrity": "sha512-qV5ZC0h7jYIAOhArFJgSfdyz6rALJyb270714o7ZtNnw2WSJ+eexhKtE0O8LYPRsHZHf2osHKZBxGPvm3kPkCA==",
       "dev": true,
       "requires": {
         "original": "^1.0.0"
@@ -20863,9 +20903,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.13.3",
+      "version": "1.14.8",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.3.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
-      "integrity": "sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
       "dev": true
     },
     "for-in": {
@@ -21282,9 +21322,9 @@
       "dev": true
     },
     "hosted-git-info": {
-      "version": "2.8.8",
+      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
     "hpack.js": {
@@ -22587,10 +22627,10 @@
         "object-visit": "^1.0.0"
       }
     },
-    "material-design-icons": {
+    "material-icons": {
-      "version": "3.0.1",
+      "version": "1.10.5",
-      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.5.tgz",
-      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+      "integrity": "sha512-+4l0xbfKlA2eSXJrhISYvCvT8e9HqQk3BLdOCPGal5qPYAQoTI8TTacYI0yXyf7WS6BpKrhQemUenhmR0IoS8A=="
     },
     "md5.js": {
       "version": "1.3.5",
@@ -22779,9 +22819,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.5",
+      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
     "minipass": {
@@ -22884,9 +22924,9 @@
       }
     },
     "moment": {
-      "version": "2.29.1",
+      "version": "2.29.4",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
-      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
     },
     "move-concurrently": {
       "version": "1.0.1",
@@ -23057,9 +23097,9 @@
       }
     },
     "node-releases": {
-      "version": "1.1.71",
+      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
-      "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
       "dev": true
     },
     "normalize-package-data": {
@@ -23647,9 +23687,9 @@
       "dev": true
     },
     "path-parse": {
-      "version": "1.0.6",
+      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true
     },
     "path-to-regexp": {
@@ -23694,6 +23734,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 +23814,13 @@
       "dev": true
     },
     "postcss": {
-      "version": "7.0.35",
+      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
       "dev": true,
       "requires": {
-        "chalk": "^2.4.2",
+        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1",
+        "source-map": "^0.6.1"
-        "supports-color": "^6.1.0"
       },
       "dependencies": {
         "source-map": {
@@ -23783,15 +23828,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"
-          }
         }
       }
     },
@@ -24385,6 +24421,11 @@
         "fast-diff": "^1.1.2"
       }
     },
+    "pretty-bytes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz",
+      "integrity": "sha512-6UqkYefdogmzqAZWzJ7laYeJnaXDy2/J+ZqiiMtS7t7OfpXWTlaeGMwX8U6EFvPV/YWWEKRkS8hKS4k60WHTOg=="
+    },
     "pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -25215,9 +25256,9 @@
       "dev": true
     },
     "shell-quote": {
-      "version": "1.7.2",
+      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.3.tgz",
-      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
+      "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
       "dev": true
     },
     "signal-exit": {
@@ -25615,9 +25656,9 @@
       }
     },
     "ssri": {
-      "version": "7.1.0",
+      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
-      "integrity": "sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==",
+      "integrity": "sha512-w+daCzXN89PseTL99MkA+fxJEcU3wfaE/ah0i0lnOlpG1CYLJ2ZjzEry68YBKfLs4JfoTShrTEsJkAZuNZ/stw==",
       "dev": true,
       "requires": {
         "figgy-pudding": "^3.5.1",
@@ -25952,9 +25993,9 @@
       "dev": true
     },
     "tar": {
-      "version": "6.1.0",
+      "version": "6.1.11",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
-      "integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "dev": true,
       "requires": {
         "chownr": "^2.0.0",
@@ -25986,9 +26027,9 @@
       }
     },
     "terser": {
-      "version": "4.8.0",
+      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
-      "integrity": "sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
       "dev": true,
       "requires": {
         "commander": "^2.20.0",
@@ -26531,9 +26572,9 @@
       }
     },
     "url-parse": {
-      "version": "1.5.1",
+      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
       "dev": true,
       "requires": {
         "querystringify": "^2.1.1",
@@ -26655,6 +26696,12 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
       "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
+    "vue-async-computed": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/vue-async-computed/-/vue-async-computed-3.9.0.tgz",
+      "integrity": "sha512-ac6m/9zxHHNGGKNOU1en8qNk+fAmEbJLuWL7qyQTFuH3vjv3V4urv//QHcVzCobROM6btnaDG2b+XYMncF/ETA==",
+      "requires": {}
+    },
     "vue-eslint-parser": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
@@ -26792,6 +26839,11 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
       "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
     },
+    "vue-simple-progress": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vue-simple-progress/-/vue-simple-progress-1.1.1.tgz",
+      "integrity": "sha512-ltLWYBA5eVQHWyt1NwZeGeK0VQC69JVh1oqUdro0po7r8Hc8SEMEyEfuwyCO4s27h5I3jbD99BKKkyPSQZgoZA=="
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -27176,12 +27228,12 @@
       }
     },
     "webpack-dev-server": {
-      "version": "3.11.2",
+      "version": "3.11.3",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.2.tgz",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz",
-      "integrity": "sha512-A80BkuHRQfCiNtGBS1EMf2ChTUs0x+B3wGDFmOeT4rmJOHhHTCH2naNxIHhmkr0/UillP4U3yeIyv1pNp+QDLQ==",
+      "integrity": "sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==",
       "dev": true,
       "requires": {
-        "ansi-html": "0.0.7",
+        "ansi-html-community": "0.0.8",
         "bonjour": "^3.5.0",
         "chokidar": "^2.1.8",
         "compression": "^1.7.4",
@@ -27694,9 +27746,9 @@
       }
     },
     "ws": {
-      "version": "6.2.1",
+      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
       "dev": true,
       "requires": {
         "async-limiter": "~1.0.0"

frontend/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "find ./dist -maxdepth 1 -mindepth 1 ! -name '.gitignore' -exec rm -r {} + && vue-cli-service build --no-clean",
-    "lint": "npx vue-cli-service lint --no-fix",
+    "lint": "npx vue-cli-service lint --no-fix --max-warnings=0",
     "fix": "npx vue-cli-service lint",
     "watch": "find ./dist -maxdepth 1 -mindepth 1 ! -name '.gitignore' -exec rm -r {} + && vue-cli-service build --watch --no-clean"
   },
@@ -17,16 +17,19 @@
     "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",
+    "moment": "^2.29.4",
     "normalize.css": "^8.0.1",
     "noty": "^3.2.0-beta",
+    "pretty-bytes": "^6.0.0",
     "qrcode.vue": "^1.7.0",
     "utif": "^3.1.0",
     "vue": "^2.6.10",
+    "vue-async-computed": "^3.9.0",
     "vue-i18n": "^8.15.3",
     "vue-lazyload": "^1.3.3",
     "vue-router": "^3.1.3",
+    "vue-simple-progress": "^1.1.1",
     "vuex": "^3.1.2",
     "vuex-router-sync": "^5.0.0",
     "whatwg-fetch": "^3.6.2"

frontend/public/index.html

@@ -16,7 +16,7 @@
 
   <!-- Add to home screen for Android and modern mobile browsers -->
   <link rel="manifest" id="manifestPlaceholder" crossorigin="use-credentials">
-  <meta name="theme-color" content="#2979ff">
+  <meta name="theme-color" content="[{[ if .Color -]}][{[ .Color ]}][{[ else ]}]#2979ff[{[ end ]}]">
 
   <!-- Add to home screen for Safari on iOS/iPadOS -->
   <meta name="apple-mobile-web-app-capable" content="yes">
@@ -26,7 +26,7 @@
 
   <!-- Add to home screen for Windows -->
   <meta name="msapplication-TileImage" content="[{[ .StaticURL ]}]/img/icons/mstile-144x144.png">
-  <meta name="msapplication-TileColor" content="#2979ff">
+  <meta name="msapplication-TileColor" content="[{[ if .Color -]}][{[ .Color ]}][{[ else ]}]#2979ff[{[ end ]}]">
 
   <!-- Inject Some Variables and generate the manifest json -->
   <script>
@@ -51,7 +51,7 @@
       "start_url": window.location.origin + window.FileBrowser.BaseURL,
       "display": "standalone",
       "background_color": "#ffffff",
-      "theme_color": "#455a64"
+      "theme_color": window.FileBrowser.Color || "#455a64"
     }
 
     const stringManifest = JSON.stringify(dynamicManifest);

frontend/src/api/files.js

@@ -1,4 +1,4 @@
-import { fetchURL, removePrefix } from "./utils";
+import { createURL, fetchURL, removePrefix } from "./utils";
 import { baseURL } from "@/utils/constants";
 import store from "@/store";
 
@@ -7,28 +7,24 @@ export async function fetch(url) {
 
   const res = await fetchURL(`/api/resources${url}`, {});
 
-  if (res.status === 200) {
+  let data = await res.json();
-    let data = await res.json();
+  data.url = `/files${url}`;
-    data.url = `/files${url}`;
 
-    if (data.isDir) {
+  if (data.isDir) {
-      if (!data.url.endsWith("/")) data.url += "/";
+    if (!data.url.endsWith("/")) data.url += "/";
-      data.items = data.items.map((item, index) => {
+    data.items = data.items.map((item, index) => {
-        item.index = index;
+      item.index = index;
-        item.url = `${data.url}${encodeURIComponent(item.name)}`;
+      item.url = `${data.url}${encodeURIComponent(item.name)}`;
 
-        if (item.isDir) {
+      if (item.isDir) {
-          item.url += "/";
+        item.url += "/";
-        }
+      }
 
-        return item;
+      return item;
-      });
+    });
-    }
-
-    return data;
-  } else {
-    throw new Error(res.status);
   }
+
+  return data;
 }
 
 async function resourceAction(url, method, content) {
@@ -42,11 +38,7 @@ async function resourceAction(url, method, content) {
 
   const res = await fetchURL(`/api/resources${url}`, opts);
 
-  if (res.status !== 200) {
+  return res;
-    throw new Error(await res.text());
-  } else {
-    return res;
-  }
 }
 
 export async function remove(url) {
@@ -119,8 +111,8 @@ export async function post(url, content = "", overwrite = false, onupload) {
       }
     };
 
-    request.onerror = (error) => {
+    request.onerror = () => {
-      reject(error);
+      reject(new Error("001 Connection aborted"));
     };
 
     request.send(bufferContent || content);
@@ -154,3 +146,41 @@ export async function checksum(url, algo) {
   const data = await resourceAction(`${url}?checksum=${algo}`, "GET");
   return (await data.json()).checksums[algo];
 }
+
+export function getDownloadURL(file, inline) {
+  const params = {
+    ...(inline && { inline: "true" }),
+  };
+
+  return createURL("api/raw" + file.path, params);
+}
+
+export function getPreviewURL(file, size) {
+  const params = {
+    inline: "true",
+    key: Date.parse(file.modified),
+  };
+
+  return createURL("api/preview/" + size + file.path, params);
+}
+
+export function getSubtitlesURL(file) {
+  const params = {
+    inline: "true",
+  };
+
+  const subtitles = [];
+  for (const sub of file.subtitles) {
+    subtitles.push(createURL("api/raw" + sub, params));
+  }
+
+  return subtitles;
+}
+
+export async function usage(url) {
+  url = removePrefix(url);
+
+  const res = await fetchURL(`/api/usage${url}`, {});
+
+  return await res.json();
+}

frontend/src/api/pub.js

@@ -1,35 +1,35 @@
-import { fetchURL, removePrefix } from "./utils";
+import { fetchURL, removePrefix, createURL } from "./utils";
 import { baseURL } from "@/utils/constants";
 
 export async function fetch(url, password = "") {
   url = removePrefix(url);
 
-  const res = await fetchURL(`/api/public/share${url}`, {
+  const res = await fetchURL(
-    headers: { "X-SHARE-PASSWORD": password },
+    `/api/public/share${url}`,
-  });
+    {
+      headers: { "X-SHARE-PASSWORD": encodeURIComponent(password) },
+    },
+    false
+  );
 
-  if (res.status === 200) {
+  let data = await res.json();
-    let data = await res.json();
+  data.url = `/share${url}`;
-    data.url = `/share${url}`;
 
-    if (data.isDir) {
+  if (data.isDir) {
-      if (!data.url.endsWith("/")) data.url += "/";
+    if (!data.url.endsWith("/")) data.url += "/";
-      data.items = data.items.map((item, index) => {
+    data.items = data.items.map((item, index) => {
-        item.index = index;
+      item.index = index;
-        item.url = `${data.url}${encodeURIComponent(item.name)}`;
+      item.url = `${data.url}${encodeURIComponent(item.name)}`;
 
-        if (item.isDir) {
+      if (item.isDir) {
-          item.url += "/";
+        item.url += "/";
-        }
+      }
 
-        return item;
+      return item;
-      });
+    });
-    }
-
-    return data;
-  } else {
-    throw new Error(res.status);
   }
+
+  return data;
 }
 
 export function download(format, hash, token, ...files) {
@@ -59,3 +59,12 @@ export function download(format, hash, token, ...files) {
 
   window.open(url);
 }
+
+export function getDownloadURL(share, inline = false) {
+  const params = {
+    ...(inline && { inline: "true" }),
+    ...(share.token && { token: share.token }),
+  };
+
+  return createURL("api/public/dl/" + share.hash + share.path, params, false);
+}

frontend/src/api/search.js

@@ -11,21 +11,17 @@ export default async function search(base, query) {
 
   let res = await fetchURL(`/api/search${base}?query=${query}`, {});
 
-  if (res.status === 200) {
+  let data = await res.json();
-    let data = await res.json();
 
-    data = data.map((item) => {
+  data = data.map((item) => {
-      item.url = `/files${base}` + url.encodePath(item.path);
+    item.url = `/files${base}` + url.encodePath(item.path);
 
-      if (item.dir) {
+    if (item.dir) {
-        item.url += "/";
+      item.url += "/";
-      }
+    }
 
-      return item;
+    return item;
-    });
+  });
 
-    return data;
+  return data;
-  } else {
-    throw Error(res.status);
-  }
 }

frontend/src/api/settings.js

@@ -5,12 +5,8 @@ export function get() {
 }
 
 export async function update(settings) {
-  const res = await fetchURL(`/api/settings`, {
+  await fetchURL(`/api/settings`, {
     method: "PUT",
     body: JSON.stringify(settings),
   });
-
-  if (res.status !== 200) {
-    throw new Error(res.status);
-  }
 }

frontend/src/api/share.js

@@ -1,4 +1,4 @@
-import { fetchURL, fetchJSON, removePrefix } from "./utils";
+import { fetchURL, fetchJSON, removePrefix, createURL } from "./utils";
 
 export async function list() {
   return fetchJSON("/api/shares");
@@ -10,13 +10,9 @@ export async function get(url) {
 }
 
 export async function remove(hash) {
-  const res = await fetchURL(`/api/share/${hash}`, {
+  await fetchURL(`/api/share/${hash}`, {
     method: "DELETE",
   });
-
-  if (res.status !== 200) {
-    throw new Error(res.status);
-  }
 }
 
 export async function create(url, password = "", expires = "", unit = "hours") {
@@ -34,3 +30,7 @@ export async function create(url, password = "", expires = "", unit = "hours") {
     body: body,
   });
 }
+
+export function getShareURL(share) {
+  return createURL("share/" + share.hash, {}, false);
+}

frontend/src/api/users.js

@@ -20,13 +20,11 @@ export async function create(user) {
 
   if (res.status === 201) {
     return res.headers.get("Location");
-  } else {
-    throw new Error(res.status);
   }
 }
 
 export async function update(user, which = ["all"]) {
-  const res = await fetchURL(`/api/users/${user.id}`, {
+  await fetchURL(`/api/users/${user.id}`, {
     method: "PUT",
     body: JSON.stringify({
       what: "user",
@@ -34,18 +32,10 @@ export async function update(user, which = ["all"]) {
       data: user,
     }),
   });
-
-  if (res.status !== 200) {
-    throw new Error(res.status);
-  }
 }
 
 export async function remove(id) {
-  const res = await fetchURL(`/api/users/${id}`, {
+  await fetchURL(`/api/users/${id}`, {
     method: "DELETE",
   });
-
-  if (res.status !== 200) {
-    throw new Error(res.status);
-  }
 }

frontend/src/api/utils.js

@@ -1,8 +1,9 @@
 import store from "@/store";
-import { renew } from "@/utils/auth";
+import { renew, logout } from "@/utils/auth";
 import { baseURL } from "@/utils/constants";
+import { encodePath } from "@/utils/url";
 
-export async function fetchURL(url, opts) {
+export async function fetchURL(url, opts, auth = true) {
   opts = opts || {};
   opts.headers = opts.headers || {};
 
@@ -17,14 +18,28 @@ export async function fetchURL(url, opts) {
       },
       ...rest,
     });
-  } catch (error) {
+  } catch {
-    return { status: 0 };
+    const error = new Error("000 No connection");
+    error.status = 0;
+
+    throw error;
   }
 
-  if (res.headers.get("X-Renew-Token") === "true") {
+  if (auth && res.headers.get("X-Renew-Token") === "true") {
     await renew(store.state.jwt);
   }
 
+  if (res.status < 200 || res.status > 299) {
+    const error = new Error(await res.text());
+    error.status = res.status;
+
+    if (auth && res.status == 401) {
+      logout();
+    }
+
+    throw error;
+  }
+
   return res;
 }
 
@@ -45,3 +60,22 @@ export function removePrefix(url) {
   if (url[0] !== "/") url = "/" + url;
   return url;
 }
+
+export function createURL(endpoint, params = {}, auth = true) {
+  let prefix = baseURL;
+  if (!prefix.endsWith("/")) {
+    prefix = prefix + "/";
+  }
+  const url = new URL(prefix + encodePath(endpoint), origin);
+
+  const searchParams = {
+    ...(auth && { auth: store.state.jwt }),
+    ...params,
+  };
+
+  for (const key in searchParams) {
+    url.searchParams.set(key, searchParams[key]);
+  }
+
+  return url.toString();
+}

frontend/src/components/Sidebar.vue

@@ -1,15 +1,15 @@
 <template>
   <nav :class="{ active }">
     <template v-if="isLogged">
-      <router-link
+      <button
         class="action"
-        to="/files/"
+        @click="toRoot"
         :aria-label="$t('sidebar.myFiles')"
         :title="$t('sidebar.myFiles')"
       >
         <i class="material-icons">folder</i>
         <span>{{ $t("sidebar.myFiles") }}</span>
-      </router-link>
+      </button>
 
       <div v-if="user.perm.create">
         <button
@@ -34,18 +34,18 @@
       </div>
 
       <div>
-        <router-link
+        <button
           class="action"
-          to="/settings"
+          @click="toSettings"
           :aria-label="$t('sidebar.settings')"
           :title="$t('sidebar.settings')"
         >
           <i class="material-icons">settings_applications</i>
           <span>{{ $t("sidebar.settings") }}</span>
-        </router-link>
+        </button>
 
         <button
-          v-if="authMethod == 'json'"
+          v-if="canLogout"
           @click="logout"
           class="action"
           id="logout"
@@ -80,6 +80,16 @@
       </router-link>
     </template>
 
+    <div
+      class="credits"
+      v-if="$router.currentRoute.path.includes('/files/')"
+      style="width: 90%; margin: 2em 2.5em 3em 2.5em"
+    >
+      <progress-bar :val="usage.usedPercentage" size="small"></progress-bar>
+      <br />
+      {{ usage.used }} of {{ usage.total }} used
+    </div>
+
     <p class="credits">
       <span>
         <span v-if="disableExternal">File Browser</span>
@@ -92,9 +102,9 @@
         >
         <span> {{ version }}</span>
       </span>
-      <span
+      <span>
-        ><a @click="help">{{ $t("sidebar.help") }}</a></span
+        <a @click="help">{{ $t("sidebar.help") }}</a>
-      >
+      </span>
     </p>
   </nav>
 </template>
@@ -107,11 +117,17 @@ import {
   signup,
   disableExternal,
   noAuth,
-  authMethod,
+  loginPage,
 } from "@/utils/constants";
+import { files as api } from "@/api";
+import ProgressBar from "vue-simple-progress";
+import prettyBytes from "pretty-bytes";
 
 export default {
   name: "sidebar",
+  components: {
+    ProgressBar,
+  },
   computed: {
     ...mapState(["user"]),
     ...mapGetters(["isLogged"]),
@@ -121,10 +137,42 @@ export default {
     signup: () => signup,
     version: () => version,
     disableExternal: () => disableExternal,
-    noAuth: () => noAuth,
+    canLogout: () => !noAuth && loginPage,
-    authMethod: () => authMethod,
+  },
+  asyncComputed: {
+    usage: {
+      async get() {
+        let path = this.$route.path.endsWith("/")
+          ? this.$route.path
+          : this.$route.path + "/";
+        let usageStats = { used: 0, total: 0, usedPercentage: 0 };
+        try {
+          let usage = await api.usage(path);
+          usageStats = {
+            used: prettyBytes(usage.used, { binary: true }),
+            total: prettyBytes(usage.total, { binary: true }),
+            usedPercentage: Math.round((usage.used / usage.total) * 100),
+          };
+        } catch (error) {
+          this.$showError(error);
+        }
+        return usageStats;
+      },
+      default: { used: "0 B", total: "0 B", usedPercentage: 0 },
+      shouldUpdate() {
+        return this.$router.currentRoute.path.includes("/files/");
+      },
+    },
   },
   methods: {
+    toRoot() {
+      this.$router.push({ path: "/files/" }, () => {});
+      this.$store.commit("closeHovers");
+    },
+    toSettings() {
+      this.$router.push({ path: "/settings" }, () => {});
+      this.$store.commit("closeHovers");
+    },
     help() {
       this.$store.commit("showHover", "help");
     },

frontend/src/components/files/ExtendedImage.vue

@@ -44,6 +44,7 @@ export default {
       lastX: null,
       lastY: null,
       inDrag: false,
+      touches: 0,
       lastTouchDistance: 0,
       moveDisabled: false,
       disabledTimer: null,

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>
@@ -34,7 +35,7 @@
 </template>
 
 <script>
-import { baseURL, enableThumbs } from "@/utils/constants";
+import { enableThumbs } from "@/utils/constants";
 import { mapMutations, mapGetters, mapState } from "vuex";
 import filesize from "filesize";
 import moment from "moment";
@@ -57,6 +58,7 @@ export default {
     "modified",
     "index",
     "readOnly",
+    "path",
   ],
   computed: {
     ...mapState(["user", "selected", "req", "jwt"]),
@@ -67,13 +69,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;
     },
@@ -89,12 +84,12 @@ export default {
       return true;
     },
     thumbnailUrl() {
-      const path = this.url.replace(/^\/files\//, "");
+      const file = {
+        path: this.path,
+        modified: this.modified,
+      };
 
-      // reload the image when the file is replaced
+      return api.getPreviewURL(file, "thumb");
-      const key = Date.parse(this.modified);
-
-      return `${baseURL}/api/preview/thumb/${path}?k=${key}&inline=true`;
     },
     isThumbsEnabled() {
       return enableThumbs;
@@ -103,9 +98,12 @@ export default {
   methods: {
     ...mapMutations(["addSelected", "removeSelected", "resetSelected"]),
     humanSize: function () {
-      return filesize(this.size);
+      return this.type == "invalid_link" ? "invalid link" : filesize(this.size);
     },
     humanTime: function () {
+      if (this.readOnly == undefined && this.user.dateFormat) {
+        return moment(this.modified).format("L LT");
+      }
       return moment(this.modified).fromNow();
     },
     dragStart: function () {

frontend/src/components/prompts/Delete.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="card floating">
     <div class="card-content">
-      <p v-if="req.kind !== 'listing'">
+      <p v-if="selectedCount === 1">
         {{ $t("prompts.deleteMessageSingle") }}
       </p>
       <p v-else>

frontend/src/components/prompts/Share.vue

@@ -25,7 +25,7 @@
             <td class="small">
               <button
                 class="action copy-clipboard"
-                :data-clipboard-text="buildLink(link.hash)"
+                :data-clipboard-text="buildLink(link)"
                 :aria-label="$t('buttons.copyToClipboard')"
                 :title="$t('buttons.copyToClipboard')"
               >
@@ -118,7 +118,6 @@
 <script>
 import { mapState, mapGetters } from "vuex";
 import { share as api } from "@/api";
-import { baseURL } from "@/utils/constants";
 import moment from "moment";
 import Clipboard from "clipboard";
 
@@ -213,8 +212,8 @@ export default {
     humanTime(time) {
       return moment(time * 1000).fromNow();
     },
-    buildLink(hash) {
+    buildLink(share) {
-      return `${window.location.origin}${baseURL}/share/${hash}`;
+      return api.getShareURL(share);
     },
     sort() {
       this.links = this.links.sort((a, b) => {

frontend/src/components/prompts/Upload.vue

@@ -11,11 +11,11 @@
     <div class="card-action full">
       <div @click="uploadFile" class="action">
         <i class="material-icons">insert_drive_file</i>
-        <div class="title">File</div>
+        <div class="title">{{ $t("buttons.file") }}</div>
       </div>
       <div @click="uploadFolder" class="action">
         <i class="material-icons">folder</i>
-        <div class="title">Folder</div>
+        <div class="title">{{ $t("buttons.folder") }}</div>
       </div>
     </div>
   </div>

frontend/src/components/prompts/UploadFiles.vue

@@ -0,0 +1,63 @@
+<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-dir="file.isDir"
+          :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>

frontend/src/components/settings/Languages.vue

@@ -13,6 +13,7 @@ export default {
   data() {
     let dataObj = {
       locales: {
+        he: "he",
         ar: "ar",
         de: "de",
         en: "en",
@@ -28,7 +29,10 @@ export default {
         pt: "pt",
         ro: "ro",
         ru: "ru",
+        sk: "sk",
         "sv-se": "svSE",
+        tr: "tr",
+        ua: "ua",
         "zh-cn": "zhCN",
         "zh-tw": "zhTW",
       },

frontend/src/components/settings/UserForm.vue

@@ -24,12 +24,18 @@
     <p>
       <label for="scope">{{ $t("settings.scope") }}</label>
       <input
+        :disabled="createUserDirData"
+        :placeholder="scopePlaceholder"
         class="input input--block"
         type="text"
         v-model="user.scope"
         id="scope"
       />
     </p>
+    <p class="small" v-if="displayHomeDirectoryCheckbox">
+      <input type="checkbox" v-model="createUserDirData" />
+      {{ $t("settings.createUserHomeDirectory") }}
+    </p>
 
     <p>
       <label for="locale">{{ $t("settings.language") }}</label>
@@ -69,17 +75,35 @@ import { enableExec } from "@/utils/constants";
 
 export default {
   name: "user",
+  data: () => {
+    return {
+      createUserDirData: false,
+      originalUserScope: "/",
+    };
+  },
   components: {
     Permissions,
     Languages,
     Rules,
     Commands,
   },
-  props: ["user", "isNew", "isDefault"],
+  props: ["user", "createUserDir", "isNew", "isDefault"],
+  created() {
+    this.originalUserScope = this.user.scope;
+    this.createUserDirData = this.createUserDir;
+  },
   computed: {
     passwordPlaceholder() {
       return this.isNew ? "" : this.$t("settings.avoidChanges");
     },
+    scopePlaceholder() {
+      return this.createUserDir
+        ? this.$t("settings.userScopeGenerationPlaceholder")
+        : "";
+    },
+    displayHomeDirectoryCheckbox() {
+      return this.isNew && this.createUserDir;
+    },
     isExecEnabled: () => enableExec,
   },
   watch: {
@@ -87,6 +111,9 @@ export default {
       if (!this.user.perm.admin) return;
       this.user.lockPassword = false;
     },
+    createUserDirData() {
+      this.user.scope = this.createUserDirData ? "" : this.originalUserScope;
+    },
   },
 };
 </script>

frontend/src/css/_shell.css

@@ -16,6 +16,10 @@
   transition: .2s ease transform;
 }
 
+body.rtl .shell {
+  direction: ltr;
+}
+
 .shell__result {
   display: flex;
   padding: 0.5em;

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;
 }

frontend/src/css/base.css

@@ -1,10 +1,14 @@
 body {
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
   padding-top: 4em;
   background-color: #fafafa;
   color: #333333;
 }
 
+body.rtl {
+  direction: rtl;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -13,7 +17,7 @@ body {
 *:hover,
 *:active,
 *:focus {
-  outline: 0
+  outline: 0;
 }
 
 a {
@@ -44,7 +48,7 @@ i.spin {
 }
 
 #app {
-  transition: .2s ease padding;
+  transition: 0.2s ease padding;
 }
 
 #app.multiple {
@@ -58,22 +62,32 @@ nav {
   left: 0;
 }
 
+body.rtl nav {
+  left: unset;
+  right: 0;
+}
+
 nav .action {
   width: 100%;
   display: block;
   border-radius: 0;
   font-size: 1.1em;
-  padding: .5em;
+  padding: 0.5em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-nav>div {
+body.rtl .action {
+  direction: rtl;
+  text-align: right;
+}
+
+nav > div {
   border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
 
-nav .action>* {
+nav .action > * {
   vertical-align: middle;
 }
 
@@ -97,19 +111,29 @@ main {
 
 .breadcrumbs a {
   color: inherit;
-  transition: .1s ease-in;
+  transition: 0.1s ease-in;
-  border-radius: .125em;
+  border-radius: 0.125em;
+}
+
+body.rtl .breadcrumbs a {
+  transform: translateX(-16em);
 }
 
 .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 +142,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 {

frontend/src/css/dashboard.css

@@ -8,6 +8,10 @@
   flex-wrap: wrap;
 }
 
+body.rtl .dashboard .row {
+  margin-right: 16em;
+}
+
 .dashboard .row .column {
   display: flex;
   padding: 0 .5em;
@@ -60,6 +64,10 @@ p code {
   border-bottom: 2px solid rgba(0, 0, 0, 0.05);
 }
 
+body.rtl #nav .wrapper {
+  margin-right: 16em;
+}
+
 .dashboard #nav ul {
   list-style: none;
   display: flex;
@@ -138,6 +146,13 @@ table tr>*:first-child {
   padding-left: 1em;
 }
 
+body.rtl table tr>* {
+  padding-left: unset;
+  padding-right: 1em;
+  text-align: right;
+  direction: ltr;
+}
+
 table tr>*:last-child {
   padding-right: 1em;
 }
@@ -181,6 +196,11 @@ table tr>*:last-child {
   margin-right: auto;
 }
 
+body.rtl .card .card-title>*:first-child {
+  margin-right: 0;
+  text-align: right;
+}
+
 .card>div {
   padding: 1em 1em;
 }
@@ -461,4 +481,10 @@ table tr>*:last-child {
 .card .card-action.full .action .title {
   font-size: 1.5em;
   font-weight: 500;
+}
+
+/*** RTL - Fix disk usage information (in english) ***/
+body.rtl .credits {
+  text-align: right;
+  direction: ltr;
 }

frontend/src/css/fonts.css

@@ -166,4 +166,8 @@
   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;
+}

frontend/src/css/header.css

@@ -84,7 +84,8 @@ header .menu-button {
 #search #input {
   background-color: #f5f5f5;
   display: flex;
-  padding: 0.75em;
+  height: 100%;
+  padding: 0em 0.75em;
   border-radius: 0.3em;
   transition: .1s ease all;
   align-items: center;
@@ -134,10 +135,25 @@ header .menu-button {
   z-index: 1;
 }
 
+body.rtl #search #result {
+  direction: ltr;
+}
+
 #search #result>div>*:first-child {
   margin-top: 0;
 }
 
+body.rtl #search #result {
+  direction: rtl;
+  text-align: right;
+}
+
+/*** RTL - Keep search result LTR because it has paths (in english) ***/
+body.rtl #search #result ul>* {
+  direction: ltr;
+  text-align: left;
+}
+
 #search.active #result {
   padding: .5em;
   height: calc(100% - 4em);
@@ -223,6 +239,10 @@ header .menu-button {
   padding: .5em;
 }
 
+body.rtl #search .boxes h3 {
+  text-align: right;
+}
+
 #search .boxes>div {
   display: flex;
   flex-wrap: wrap;

frontend/src/css/listing-icons.css

@@ -0,0 +1,205 @@
+/* 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' }
+.file-icons [data-type=invalid_link] i::before { content: 'link_off' }
+
+/* #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) }
+.file-icons [data-type=invalid_link] i { color: var(--icon-red) }
+
+/* #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) }

frontend/src/css/listing.css

@@ -1,3 +1,11 @@
+#listing {
+  --item-selected: white;
+}
+
+body.rtl #listing {
+  margin-right: 16em;
+}
+
 #listing h2 {
   margin: 0 0 0 0.5em;
   font-size: .9em;
@@ -106,6 +114,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 +170,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 +281,5 @@
 
 #listing #multiple-selection p,
 #listing #multiple-selection i {
-  color: #fff;
+  color: var(--item-selected);
 }

frontend/src/css/mobile.css

@@ -2,6 +2,10 @@
   nav {
     width: 10em
   }
+  /* Mobile Only fix div hidden by bottom navigation bar of mobile browser when using height: 100vh */
+  #previewer .preview {
+    height: calc(100% - 4em) !important;
+  }
 }
 
 @media (max-width: 1024px) {
@@ -40,6 +44,13 @@
     transform-origin: top right;
     z-index: 99999;
   }
+
+  body.rtl #dropdown {
+    right: unset;
+    left: 1em;
+    transform-origin: top left;
+  }
+
   #dropdown > div {
     display: block;
   }
@@ -95,9 +106,20 @@
     transition: .1s ease left;
     left: -17em;
   }
+
+  body.rtl nav {
+    left: unset;
+    right: -17em;
+  }
   nav.active {
     left: 0;
   }
+
+  body.rtl nav.active {
+    left: unset;
+    right: 0;
+  }
+
   header .search-button,
   header .menu-button {
     display: inherit;
@@ -108,6 +130,23 @@
   #listing {
     margin-bottom: 5em;
   }
+
+  body.rtl #listing {
+    margin-right: unset;
+  }
+
+  body.rtl .breadcrumbs {
+    transform: translateX(16em);
+  }
+
+  body.rtl #nav .wrapper {
+    margin-right: unset;
+  }
+  
+  body.rtl .dashboard .row {
+    margin-right: unset;
+  }
+
   main {
     margin: 0 1em;
     width: calc(100% - 2em);

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";
 
@@ -291,18 +293,21 @@ main .spinner .bounce2 {
 /* EDITOR */
 
 #editor-container {
+  display: flex;
+  flex-direction: column;
   background-color: #fafafa;
   position: fixed;
   padding-top: 4em;
   top: 0;
   left: 0;
+  height: 100%;
   width: 100%;
   z-index: 9999;
   overflow: hidden;
 }
 
 #editor-container #editor {
-  height: calc(100vh - 8.4em);
+  flex: 1;
 }
 
 #editor-container .breadcrumbs {
@@ -310,12 +315,17 @@ main .spinner .bounce2 {
   padding: 0 1em;
 }
 
+/*** RTL - flip and position arrow of path ***/
+body.rtl .breadcrumbs .chevron {
+  transform: scaleX(-1) translateX(16em);
+}
+
 #editor-container .breadcrumbs span {
-  font-size: 12px;
+  font-size: .75rem;
 }
 
 #editor-container .breadcrumbs i {
-  font-size: 16px;
+  font-size: 1rem;
 }
 
 /* * * * * * * * * * * * * * * *
@@ -331,7 +341,7 @@ main .spinner .bounce2 {
   background: rgba(0, 0, 0, 0.05);
   border: 1px solid rgba(0,0,0,0.1);
   box-shadow: 0 0 0 0;
-  font-size: 14px;
+  font-size: 1rem;
 }
 
 /* * * * * * * * * * * * * * * *
@@ -362,7 +372,7 @@ main .spinner .bounce2 {
 
 @keyframes spin {
   100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
   }
 }
 
@@ -399,3 +409,22 @@ main .spinner .bounce2 {
 }
 
 @import './mobile.css';
+
+/* * * * * * * * * * * * * * * *
+ *         RTL overrides       *
+ * * * * * * * * * * * * * * * */
+
+body.rtl .card-content textarea {
+  direction: ltr;
+  text-align: left;
+}
+
+body.rtl .card-content .small + input {
+  direction: ltr;
+  text-align: left;
+}
+
+body.rtl .card.floating .card-content .file-list {
+  direction: ltr;
+  text-align: left;
+}

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%;
+  }
+}

frontend/src/i18n/ar.json

@@ -77,6 +77,7 @@
     "help": "مساعدة"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/de.json

@@ -7,8 +7,10 @@
     "copyToClipboard": "In Zwischenablage kopieren",
     "create": "Neu",
     "delete": "Löschen",
-    "download": "Downloaden",
+    "download": "Herunterladen",
-    "hideDotfiles": "",
+    "file": "Datei",
+    "folder": "Ordner",
+    "hideDotfiles": "Versteckte Dateien ausblenden",
     "info": "Info",
     "more": "mehr",
     "move": "Verschieben",
@@ -29,24 +31,27 @@
     "selectMultiple": "Mehrfachauswahl",
     "share": "Teilen",
     "shell": "Kommandozeile ein/ausschalten",
+    "submit": "Absenden",
     "switchView": "Ansicht wechseln",
     "toggleSidebar": "Seitenleiste anzeigen",
     "update": "Update",
-    "upload": "Upload"
+    "upload": "Upload",
+    "openFile": "Datei öffnen"
   },
   "download": {
     "downloadFile": "Download Datei",
     "downloadFolder": "Download Ordner",
-    "downloadSelected": ""
+    "downloadSelected": "Auswahl herunterladen"
   },
   "errors": {
     "forbidden": "Sie haben keine Berechtigung dies abzurufen.",
     "internal": "Etwas ist schief gelaufen.",
-    "notFound": "Dieser Ort kann nicht angezeigt werden."
+    "notFound": "Dieser Ort kann nicht angezeigt werden.",
+    "connection": "Der Server ist nicht erreichbar."
   },
   "files": {
     "body": "Body",
-    "clear": "Clear",
+    "clear": "Schließen",
     "closePreview": "Vorschau schließen",
     "files": "Dateien",
     "folders": "Ordner",
@@ -55,44 +60,49 @@
     "loading": "Lade...",
     "lonely": "Hier scheint nichts zu sein...",
     "metadata": "Metadaten",
-    "multipleSelectionEnabled": "Mehrfachauswahl ausgewählt",
+    "multipleSelectionEnabled": "Mehrfachauswahl aktiviert",
     "name": "Name",
     "size": "Größe",
     "sortByLastModified": "Nach Änderungsdatum sortieren",
     "sortByName": "Nach Namen sortieren",
-    "sortBySize": "Nach Größe sortieren"
+    "sortBySize": "Nach Größe sortieren",
+    "noPreview": "Für diese Datei ist keine Vorschau verfügbar."
   },
   "help": {
-    "click": "wähle Datei oder Ordner",
+    "click": "Wähle Datei oder Ordner",
     "ctrl": {
-      "click": "markiere mehrere Dateien oder Ordner",
+      "click": "Markiere mehrere Dateien oder Ordner",
-      "f": "öffnet eine neue Suche",
+      "f": "Öffnet eine neue Suche",
-      "s": "speichert eine Datei oder einen Ordner am akutellen Ort"
+      "s": "Speichert eine Datei oder einen Ordner am akutellen Ort"
     },
-    "del": "löscht die ausgewählten Elemente",
+    "del": "Löscht die ausgewählten Elemente",
-    "doubleClick": "öffnet eine Datei oder einen Ordner",
+    "doubleClick": "Öffnet eine Datei oder einen Ordner",
     "esc": "Auswahl zurücksetzen und/oder Dialog schließen",
-    "f1": "diese Informationsseite",
+    "f1": "Diese Informationsseite",
     "f2": "Datei umbenennen",
     "help": "Hilfe"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "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": "中文 (繁體)"
   },
@@ -115,16 +125,17 @@
     "currentlyNavigating": "Aktueller Ort:",
     "deleteMessageMultiple": "Sind Sie sicher, dass Sie {count} Datei(en) löschen möchten?",
     "deleteMessageSingle": "Sind Sie sicher, dass Sie diesen Ordner/diese Datei löschen möchten?",
+    "deleteMessageShare": "Sind Sie sicher, dass Sie diese Freigabe löschen möchten ({path})?",
     "deleteTitle": "Lösche Dateien",
-    "displayName": "Display Name:",
+    "displayName": "Anzeigename:",
     "download": "Lade Dateien",
-    "downloadMessage": "Wählen Sie ein Format zum downloaden aus.",
+    "downloadMessage": "Wählen Sie ein Format zum Herunterladen aus.",
     "error": "Etwas ist schief gelaufen",
     "fileInfo": "Dateiinformation",
     "filesSelected": "{count} Dateien ausgewählt.",
     "lastModified": "Zuletzt geändert",
     "move": "Verschieben",
-    "moveMessage": "Wählen sie einen neuen Platz für ihre Datei(en)/Ordner:",
+    "moveMessage": "Wählen Sie einen neuen Platz für ihre Datei(en)/Ordner:",
     "newArchetype": "Erstelle neuen Beitrag auf dem Archetyp. Ihre Datei wird im Inhalteordner erstellt.",
     "newDir": "Neuer Ordner",
     "newDirMessage": "Geben Sie den Namen des neuen Ordners an.",
@@ -140,16 +151,18 @@
     "scheduleMessage": "Wählen Sie ein Datum und eine Zeit für die Veröffentlichung dieses Beitrags.",
     "show": "Anzeigen",
     "size": "Größe",
-    "upload": "",
+    "upload": "Upload",
-    "uploadMessage": ""
+    "uploadFiles": "Upload von {files} Dateien...",
+    "uploadMessage": "Wählen Sie eine Upload-Methode",
+    "optionalPassword": "Optionales Passwort"
   },
   "search": {
     "images": "Bilder",
     "music": "Musik",
     "pdf": "PDF",
-    "pressToSearch": "Drücken sie Enter um zu suchen...",
+    "pressToSearch": "Drücken Sie Enter um zu suchen...",
     "search": "Suche...",
-    "typeToSearch": "Tippe um zu suchen...",
+    "typeToSearch": "Tippen um zu suchen...",
     "types": "Typen",
     "video": "Video"
   },
@@ -162,26 +175,26 @@
     "allowPublish": "Veröffentlichen von neuen Beiträgen und Seiten",
     "allowSignup": "Erlaube Benutzern sich zu registrieren",
     "avoidChanges": "(leer lassen um Änderungen zu vermeiden)",
-    "branding": "Marke",
+    "branding": "Design",
-    "brandingDirectoryPath": "Markenverzeichnispfad",
+    "brandingDirectoryPath": "Designverzeichnispfad",
-    "brandingHelp": "Sie können das Erscheinungsbild ihres File Browser anpassen, in dem sie den Namen ändern, das Logo austauchsen oder eigene Stile definieren und sogar externe Links zu GitHub deaktivieren.\nUm mehr Informationen zum Anpassen an ihre Marke zu bekommen, gehen sie bitte zu {0}.",
+    "brandingHelp": "Sie können das Erscheinungsbild Ihres File Browser anpassen, in dem Sie den Namen ändern, das Logo austauchsen oder eigene Stile definieren und sogar externe Links zu GitHub deaktivieren.\nUm mehr Informationen zum Anpassen des Designs zu bekommen, gehen Sie bitte zu {0}.",
-    "changePassword": "Ändere das Passwort",
+    "changePassword": "Passwort ändern",
     "commandRunner": "Befehlseingabe",
-    "commandRunnerHelp": "Hier könne sie Befehle eintragen die bei benannten Aktionen ausgeführt werden. Sie müssen pro Zeile jeweils einen eingeben. Die Umgebungsvariable {0} und {1} sind verfügbar, wobei {0} relative zu {1} ist. Für mehr Informationen über diese Funktion und die verfügbaren Umgebungsvariablen, lesen sie bitte das {2}.",
+    "commandRunnerHelp": "Hier könne Sie Befehle eintragen, welche bei den benannten Aktionen ausgeführt werden. Sie müssen pro Zeile jeweils einen Befehl eingeben. Die Umgebungsvariable {0} und {1} sind verfügbar, wobei {0} relative zu {1} ist. Für mehr Informationen über diese Funktion und die verfügbaren Umgebungsvariablen, lesen Sie bitte die {2}.",
     "commandsUpdated": "Befehle aktualisiert!",
-    "createUserDir": "Auto create user home dir while adding new user",
+    "createUserDir": "Automatisches Erstellen des Home-Verzeichnisses beim Anlegen neuer Benutzer",
     "customStylesheet": "Individuelles Stylesheet",
-    "defaultUserDescription": "Das sind die Standard Einstellunge für Benutzer",
+    "defaultUserDescription": "Das sind die Standardeinstellung für Benutzer",
     "disableExternalLinks": "Externe Links deaktivieren (außer Dokumentation)",
     "documentation": "Dokumentation",
     "examples": "Beispiele",
-    "executeOnShell": "In shell ausführen",
+    "executeOnShell": "In Shell ausführen",
-    "executeOnShellDescription": "Es ist voreingestellt das der File Brower Befehle ausführt in dem er die Befehlsdatein direkt auf ruft. Wenn sie wollen das sie auf einer Kommandozeile (wo Bash oder PowerShell) laufen, könne sie das hier definieren mit allen bennötigten Argumenten und Optionen. Wenn gesetzt, wird das Kommando das ausgeführt werden soll als Parameter angehängt. Das gilt für Benuzerkommandos sowie auch für Ereignisse.",
+    "executeOnShellDescription": "Es ist voreingestellt das der File Brower Befehle ausführt in dem er die Befehlsdateien direkt aufruft. Wenn Sie wollen, dass sie über einer Kommandozeile (wie Bash oder PowerShell) laufen, könne Sie diese hier definieren mit allen bennötigten Argumenten und Optionen. Wenn gesetzt, wird das Kommando das ausgeführt werden soll als Parameter angehängt. Das gilt für Benuzerkommandos sowie auch für Ereignisse.",
-    "globalRules": "Das ist ein globales Set von Regeln die erlauben oder nicht erlauben. Die sind für alle Benutzer zutreffend. Es können spezielle Regeln in den Einstellungen der Benutzer definiert werden die diese übersteuern.",
+    "globalRules": "Das ist ein globales Set von Regeln die erlauben oder nicht erlauben. Die sind für alle Benutzer zutreffend. Es können spezielle Regeln in den Einstellungen der Benutzer definiert werden, die diese überschreiben.",
     "globalSettings": "Globale Einstellungen",
-    "hideDotfiles": "",
+    "hideDotfiles": "Versteckte Dateien ausblenden",
     "insertPath": "Pfad einfügen",
-    "insertRegex": "Regex Ausdruck einfügen",
+    "insertRegex": "Regulären Ausdruck (Regex) einfügen",
     "instanceName": "Instanzname",
     "language": "Sprache",
     "lockPassword": "Verhindere, dass der Benutzer sein Passwort ändert",
@@ -190,7 +203,7 @@
     "newUser": "Neuer Benutzer",
     "password": "Passwort",
     "passwordUpdated": "Passwort aktualisiert!",
-    "path": "",
+    "path": "Pfad",
     "perm": {
       "create": "Dateien und Ordner erstellen",
       "delete": "Dateien und Ordner löschen",
@@ -203,23 +216,25 @@
     "permissions": "Berechtigungen",
     "permissionsHelp": "Sie können einem Benutzer Administratorrechte einräumen oder die Berechtigunen individuell festlegen.  Wenn Sie \"Administrator\" auswählen, werden alle anderen Rechte automatisch vergeben. Die Nutzerverwaltung kann nur durch einen Administrator erfolgen.\n",
     "profileSettings": "Profileinstellungen",
-    "ruleExample1": "Verhindert den Zugang zu dot Dateien (dot Files, wie .git, .gitignore) in allen Ordnern\n",
+    "ruleExample1": "Verhindert den Zugang zu versteckten Dateien (dot-Files, wie .git, .gitignore) in allen Ordnern\n",
-    "ruleExample2": "blockiert den Zugang auf Dateien mit dem Namen Caddyfile in der Wurzel/Basis des scopes.",
+    "ruleExample2": "blockiert den Zugang auf Dateien mit dem Namen Caddyfile in der Wurzel/Basis des Scopes.",
     "rules": "Regeln",
-    "rulesHelp": "Hier können Sie erlaubte und verbotene Aktionen für einen einzelnen Benutzer festlegen. Bockierte Dateien werden nicht im Listing angezeigt und sind nicht erreichbar für den Nutzer. Wir unterstützen reguläre Ausdrücke (Regex) und Pfade die relativ zum Benutzerordner sind. \n",
+    "rulesHelp": "Hier können Sie erlaubte und verbotene Aktionen für einen einzelnen Benutzer festlegen. Blockierte Dateien werden nicht im Listing angezeigt und sind nicht erreichbar für den Nutzer. Wir unterstützen reguläre Ausdrücke (Regex) und Pfade die relativ zum Benutzerordner sind. \n",
     "scope": "Scope",
+    "setDateFormat": "Exaktes Datumsformat setzen",
     "settingsUpdated": "Einstellungen aktualisiert!",
-    "shareDuration": "",
+    "shareDuration": "Dauer",
-    "shareManagement": "",
+    "shareManagement": "Freigaben verwalten",
-    "singleClick": "",
+    "shareDeleted": "Freigabe gelöscht!",
+    "singleClick": "Einfacher Klick zum Öffnen von Dateien und Ordnern",
     "themes": {
-      "dark": "",
+      "dark": "Dunkel",
-      "light": "",
+      "light": "Hell",
-      "title": ""
+      "title": "Erscheinungsbild"
     },
     "user": "Benutzer",
     "userCommands": "Befehle",
-    "userCommandsHelp": "Eine Liste, mit einem Leerzeichen als Trennung, mit den für diesen Nutzer verfügbaren Befehlen. Example:\n",
+    "userCommandsHelp": "Eine Liste, mit einem Leerzeichen als Trennung, mit den für diesen Nutzer verfügbaren Befehlen. Beispiel:\n",
     "userCreated": "Benutzer angelegt!",
     "userDefaults": "Benutzer Standard Einstellungen",
     "userDeleted": "Benutzer gelöscht!",
@@ -232,7 +247,7 @@
     "help": "Hilfe",
     "hugoNew": "Hugo Neu",
     "login": "Anmelden",
-    "logout": "Logout",
+    "logout": "Abmelden",
     "myFiles": "Meine Dateien",
     "newFile": "Neue Datei",
     "newFolder": "Neuer Ordner",

frontend/src/i18n/en.json

@@ -8,6 +8,8 @@
     "create": "Create",
     "delete": "Delete",
     "download": "Download",
+    "file": "File",
+    "folder": "Folder",
     "hideDotfiles": "Hide dotfiles",
     "info": "Info",
     "more": "More",
@@ -81,6 +83,7 @@
     "help": "Help"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -96,7 +99,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "Romanian",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "Swedish (Sweden)",
+    "tr": "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },
@@ -146,6 +152,7 @@
     "show": "Show",
     "size": "Size",
     "upload": "Upload",
+    "uploadFiles": "Uploading {files} files...",
     "uploadMessage": "Select an option to upload.",
     "optionalPassword": "Optional password"
   },
@@ -176,6 +183,9 @@
     "commandRunnerHelp": "Here you can set commands that are executed in the named events. You must write one per line. The environment variables {0} and {1} will be available, being {0} relative to {1}. For more information about this feature and the available environment variables, please read the {2}.",
     "commandsUpdated": "Commands updated!",
     "createUserDir": "Auto create user home dir while adding new user",
+    "userHomeBasePath": "Base path for user home directories",
+    "userScopeGenerationPlaceholder": "The scope will be auto generated",
+    "createUserHomeDirectory": "Create user home directory",
     "customStylesheet": "Custom Stylesheet",
     "defaultUserDescription": "This are the default settings for new users.",
     "disableExternalLinks": "Disable external links (except documentation)",
@@ -214,6 +224,7 @@
     "rules": "Rules",
     "rulesHelp": "Here you can define a set of allow and disallow rules for this specific user. The blocked files won't show up in the listings and they wont be accessible to the user. We support regex and paths relative to the users scope.\n",
     "scope": "Scope",
+    "setDateFormat": "Set exact date format",
     "settingsUpdated": "Settings updated!",
     "shareDuration": "Share Duration",
     "shareManagement": "Share Management",

frontend/src/i18n/es.json

@@ -8,7 +8,9 @@
     "create": "Crear",
     "delete": "Borrar",
     "download": "Descargar",
-    "hideDotfiles": "",
+    "file": "Archivo",
+    "folder": "Carpeta",
+    "hideDotfiles": "Ocultar archivos empezados por punto",
     "info": "Info",
     "more": "Más",
     "move": "Mover",
@@ -29,20 +31,23 @@
     "selectMultiple": "Selección múltiple",
     "share": "Compartir",
     "shell": "Presiona Enter para buscar...",
+    "submit": "Enviar",
     "switchView": "Cambiar vista",
     "toggleSidebar": "Mostrar/Ocultar menú",
     "update": "Actualizar",
-    "upload": "Subir"
+    "upload": "Subir",
+    "openFile": "Abrir archivo"
   },
   "download": {
     "downloadFile": "Descargar fichero",
     "downloadFolder": "Descargar directorio",
-    "downloadSelected": ""
+    "downloadSelected": "Descargar seleccionados"
   },
   "errors": {
     "forbidden": "No tienes los permisos necesarios para acceder.",
     "internal": "La verdad es que algo ha ido mal.",
-    "notFound": "No se puede acceder a este lugar."
+    "notFound": "No se puede acceder a este lugar.",
+    "connection": "No se puede acceder al servidor."
   },
   "files": {
     "body": "Cuerpo",
@@ -60,7 +65,8 @@
     "size": "Tamaño",
     "sortByLastModified": "Ordenar por última modificación",
     "sortByName": "Ordenar por nombre",
-    "sortBySize": "Ordenar por tamaño"
+    "sortBySize": "Ordenar por tamaño",
+    "noPreview": "La vista previa no está disponible para este archivo."
   },
   "help": {
     "click": "seleccionar archivo o carpeta",
@@ -77,22 +83,26 @@
     "help": "Ayuda"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
     "es": "Español",
     "fr": "Français",
-    "is": "",
+    "is": "Icelandic",
     "it": "Italiano",
     "ja": "日本語",
     "ko": "한국어",
-    "nlBE": "",
+    "nlBE": "Niederländisch (Belgien)",
     "pl": "Polski",
     "pt": "Português",
     "ptBR": "Português (Brasil)",
-    "ro": "",
+    "ro": "Românesc",
     "ru": "Русский",
-    "svSE": "",
+    "sk": "Slovenčina",
+    "svSE": "Swedish (Sweden)",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },
@@ -115,6 +125,7 @@
     "currentlyNavigating": "Actualmente estás en:",
     "deleteMessageMultiple": "¿Estás seguro que quieres eliminar {count} archivo(s)?",
     "deleteMessageSingle": "¿Estás seguro que quieres eliminar este archivo/carpeta?",
+    "deleteMessageShare": "¿Está seguro de que quiere eliminar este recurso compartido({path})?",
     "deleteTitle": "Borrar archivos",
     "displayName": "Nombre:",
     "download": "Descargar archivos",
@@ -140,11 +151,13 @@
     "scheduleMessage": "Elige una hora y fecha para programar la publicación de este post.",
     "show": "Mostrar",
     "size": "Tamaño",
-    "upload": "",
+    "upload": "Subir",
-    "uploadMessage": ""
+    "uploadFiles": "Subiendo {files} archivos...",
+    "uploadMessage": "Seleccione una opción para subir.",
+    "optionalPassword": "Contraseña opcional"
   },
   "search": {
-    "images": "Images",
+    "images": "Imágenes",
     "music": "Música",
     "pdf": "PDF",
     "pressToSearch": "Presiona enter para buscar...",
@@ -167,17 +180,20 @@
     "brandingHelp": "Tú puedes personalizar como se ve tu instancia de FileBrowser cambiándole el nombre, reemplazando ellogo, agregar estilos personalizados e incluso deshabilitando loslinks externos que apuntan hacia GitHub. \nPara mayor información acerca de personalización de marca, por favor revisa el {0}.",
     "changePassword": "Cambiar contraseña",
     "commandRunner": "Executor de comandos",
-    "commandRunnerHelp": "Here you can set commands that are executed in the named events. You must write one per line. The environment variables {0} and {1} will be available, being {0} relative to {1}. For more information about this feature and the available environment variables, please read the {2}.",
+    "commandRunnerHelp": "Aquí puede establecer los comandos que se ejecutan en los eventos nombrados. Debe escribir uno por línea. Las variables de entorno {0} y {1} estarán disponibles, siendo {0} relativa a {1}. Para más información sobre esta característica y las variables de entorno disponibles, por favor lea el {2}.",
     "commandsUpdated": "¡Comandos actualizados!",
     "createUserDir": "Crea automaticamente una carpeta de inicio cuando se agrega un usuario",
+    "userHomeBasePath": "Ruta base para los directorios personales de los usuarios",
+    "userScopeGenerationPlaceholder": "El ámbito se generará automáticamente",
+    "createUserHomeDirectory": "Crear el directorio principal del usuario",
     "customStylesheet": "Modificar hoja de estilos",
     "defaultUserDescription": "Estas son las configuraciones por defecto para nuevos usuarios.",
     "disableExternalLinks": "Deshabilitar enlaces externos (excepto documentación)",
     "documentation": "documentación",
     "examples": "Ejemplos",
     "executeOnShell": "Ejecutar en la shell",
-    "executeOnShellDescription": "By default, File Browser executes the commands by calling their binaries directly. If you want to run them on a shell instead (such as Bash or PowerShell), you can define it here with the  required arguments and flags. If set, the command you execute will be appended as an argument. This apply to both user commands and event hooks.",
+    "executeOnShellDescription": "Por defecto, FileBrowser ejecuta los comandos llamando directamente a sus binarios. Si quieres ejecutarlos en un shell en su lugar (como Bash o PowerShell), puedes definirlo aquí con los argumentos y banderas (flags) necesarios. Si se define, el comando que se ejecuta se añadirá como argumento. Esto se aplica tanto a los comandos de usuario como a los ganchos de eventos.",
-    "globalRules": "This is a global set of allow and disallow rules. They apply to every user. You can define specific rules on each user's settings to override this ones.",
+    "globalRules": "Se trata de un conjunto global de reglas de permiso y rechazo. Se aplican a todos los usuarios. Puedes definir reglas específicas en la configuración de cada usuario para anular estas.",
     "globalSettings": "Ajustes globales",
     "hideDotfiles": "",
     "insertPath": "Introduce la ruta",
@@ -190,7 +206,7 @@
     "newUser": "Nuevo usuario",
     "password": "Contraseña",
     "passwordUpdated": "¡Contraseña actualizada!",
-    "path": "",
+    "path": "Ruta",
     "perm": {
       "create": "Crear ficheros y directorios",
       "delete": "Eliminar ficheros y directorios",
@@ -208,14 +224,16 @@
     "rules": "Reglas",
     "rulesHelp": "Aquí puedes definir un conjunto de reglas de permisos para este usuario específico. Los archivos bloqueados no se mostrarán en las listas y no serán accesibles por el usuario. Puedes utilizar regex y rutas relativas a la raíz del usuario.\n",
     "scope": "Raíz",
+    "setDateFormat": "Establecer el formato exacto de la fecha",
     "settingsUpdated": "¡Ajustes actualizados!",
-    "shareDuration": "",
+    "shareDuration": "Compartir Duración",
-    "shareManagement": "",
+    "shareManagement": "Gestión Compartida",
-    "singleClick": "",
+    "shareDeleted": "¡Recurso compartido eliminado!",
+    "singleClick": "Utilice un solo clic para abrir archivos y directorios",
     "themes": {
-      "dark": "",
+      "dark": "Oscuro",
-      "light": "",
+      "light": "Claro",
-      "title": ""
+      "title": "Tema"
     },
     "user": "Usuario",
     "userCommands": "Comandos",

frontend/src/i18n/fr.json

@@ -8,7 +8,9 @@
     "create": "Créer",
     "delete": "Supprimer",
     "download": "Télécharger",
-    "hideDotfiles": "",
+    "file": "Fichier",
+    "folder": "Dossier",
+    "hideDotfiles": "Masquer les dotfiles",
     "info": "Info",
     "more": "Plus",
     "move": "Déplacer",
@@ -28,21 +30,24 @@
     "select": "Sélectionner",
     "selectMultiple": "Sélection multiple",
     "share": "Partager",
-    "shell": "Toggle shell",
+    "shell": "Activer/Désactiver le shell",
+    "submit": "Envoyer",
     "switchView": "Changer le mode d'affichage",
     "toggleSidebar": "Afficher/Masquer la barre latérale",
     "update": "Mettre à jour",
-    "upload": "Importer"
+    "upload": "Importer",
+    "openFile": "Ouvrir le fichier"
   },
   "download": {
-    "downloadFile": "Download File",
+    "downloadFile": "Télécharger le fichier",
-    "downloadFolder": "Download Folder",
+    "downloadFolder": "Télécharger le dossier",
-    "downloadSelected": ""
+    "downloadSelected": "Télécharger la selection"
   },
   "errors": {
-    "forbidden": "You don't have permissions to access this.",
+    "forbidden": "Vous n'avez pas la permission d'accéder à cela.",
     "internal": "Aïe ! Quelque chose s'est mal passé.",
-    "notFound": "Impossible d'accéder à cet emplacement."
+    "notFound": "Impossible d'accéder à cet emplacement.",
+    "connection": "Le serveur n'est pas accessible."
   },
   "files": {
     "body": "Corps",
@@ -60,7 +65,8 @@
     "size": "Taille",
     "sortByLastModified": "Trier par date de dernière modification",
     "sortByName": "Trier par nom",
-    "sortBySize": "Trier par taille"
+    "sortBySize": "Trier par taille",
+    "noPreview": "Il n'y a pas de prévisualisation pour ce fichier."
   },
   "help": {
     "click": "Sélectionner un élément",
@@ -77,6 +83,7 @@
     "help": "Aide"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,20 +99,23 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },
   "login": {
-    "createAnAccount": "Create an account",
+    "createAnAccount": "Créer un compte",
-    "loginInstead": "Already have an account",
+    "loginInstead": "Vous avez déjà un compte",
     "password": "Mot de passe",
-    "passwordConfirm": "Password Confirmation",
+    "passwordConfirm": "Confirmation de mot de passe",
-    "passwordsDontMatch": "Passwords don't match",
+    "passwordsDontMatch": "Les mots de passe ne concordent pas",
-    "signup": "Signup",
+    "signup": "S'inscrire",
     "submit": "Se connecter",
     "username": "Utilisateur",
-    "usernameTaken": "Username already taken",
+    "usernameTaken": "Le nom d'utilisateur est déjà pris",
     "wrongCredentials": "Identifiants incorrects !"
   },
   "permanent": "Permanent",
@@ -113,8 +123,9 @@
     "copy": "Copier",
     "copyMessage": "Choisissez l'emplacement où copier la sélection :",
     "currentlyNavigating": "Dossier courant :",
-    "deleteMessageMultiple": "Etes-vous sûr de vouloir supprimer ces {count} élément(s) ?",
+    "deleteMessageMultiple": "Êtes-vous sûr de vouloir supprimer ces {count} élément(s) ?",
-    "deleteMessageSingle": "Etes-vous sûr de vouloir supprimer cet élément ?",
+    "deleteMessageSingle": "Êtes-vous sûr de vouloir supprimer cet élément ?",
+    "deleteMessageShare": "Êtes-vous sûr de vouloir supprimer ce partage ({path}) ?",
     "deleteTitle": "Supprimer",
     "displayName": "Nom :",
     "download": "Télécharger",
@@ -140,16 +151,18 @@
     "scheduleMessage": "Choisissez une date pour planifier la publication de ce post",
     "show": "Montrer",
     "size": "Taille",
-    "upload": "",
+    "upload": "Importer",
-    "uploadMessage": ""
+    "uploadFiles": "Importation de {files} fichiers...",
+    "uploadMessage": "Séléctionnez une option d'import.",
+    "optionalPassword": "Mot de passe optionnel"
   },
   "search": {
     "images": "Images",
     "music": "Musique",
     "pdf": "PDF",
-    "pressToSearch": "Press enter to search...",
+    "pressToSearch": "Appuyez du entrée pour chercher...",
     "search": "Recherche en cours...",
-    "typeToSearch": "Type to search...",
+    "typeToSearch": "Écrivez pour chercher...",
     "types": "Types",
     "video": "Video"
   },
@@ -160,31 +173,31 @@
     "allowEdit": "Editer, renommer et supprimer des fichiers ou des dossiers",
     "allowNew": "Créer de nouveaux fichiers et dossiers",
     "allowPublish": "Publier de nouveaux posts et pages",
-    "allowSignup": "Allow users to signup",
+    "allowSignup": "Autoriser les utilisateurs à s'inscrire",
     "avoidChanges": "(Laisser vide pour conserver l'actuel)",
-    "branding": "Branding",
+    "branding": "Image de marque",
-    "brandingDirectoryPath": "Branding directory path",
+    "brandingDirectoryPath": "Chemin du dossier d'image de marque",
-    "brandingHelp": "You can customize how your File Browser instance looks and feels by changing its name, replacing the logo, adding custom styles and even disable external links to GitHub.\nFor more information about custom branding, please check out the {0}.",
+    "brandingHelp": "Vous pouvez personnaliser l'apparence de votre instance de File Browser en changeant son nom, en remplaçant le logo, en ajoutant des styles personnalisés et même en désactivant les liens externes vers GitHub.\nPour plus d'informations sur la personnalisation de l'image de marque, veuillez consulter la {0}.",
     "changePassword": "Modifier le mot de passe",
     "commandRunner": "Command runner",
-    "commandRunnerHelp": "Here you can set commands that are executed in the named events. You must write one per line. The environment variables {0} and {1} will be available, being {0} relative to {1}. For more information about this feature and the available environment variables, please read the {2}.",
+    "commandRunnerHelp" : "Ici, vous pouvez définir les commandes qui sont exécutées pour les événements nommés précédemments. Vous devez en écrire une par ligne. Les variables d'environnement {0} et {1} seront disponibles, {0} étant relatif à {1}. Pour plus d'informations sur cette fonctionnalité et les variables d'environnement disponibles, veuillez lire la {2}.",
     "commandsUpdated": "Commandes mises à jour !",
-    "createUserDir": "Auto create user home dir while adding new user",
+    "createUserDir": "Créer automatiquement un dossier pour l'utilisateur",
     "customStylesheet": "Feuille de style personnalisée",
-    "defaultUserDescription": "This are the default settings for new users.",
+    "defaultUserDescription": "Paramètres par défaut pour les nouveaux utilisateurs.",
-    "disableExternalLinks": "Disable external links (except documentation)",
+    "disableExternalLinks": "Désactiver les liens externes (sauf la documentation)",
     "documentation": "documentation",
     "examples": "Exemples",
-    "executeOnShell": "Execute on shell",
+    "executeOnShell": "Exécuter dans le shell",
-    "executeOnShellDescription": "By default, File Browser executes the commands by calling their binaries directly. If you want to run them on a shell instead (such as Bash or PowerShell), you can define it here with the  required arguments and flags. If set, the command you execute will be appended as an argument. This apply to both user commands and event hooks.",
+    "executeOnShellDescription": "Par défaut, File Browser exécute les commandes en appelant directement leurs binaires. Si vous voulez les exécuter sur un shell à la place (comme Bash ou PowerShell), vous pouvez le définir ici avec les arguments et les drapeaux requis. S'il est défini, la commande que vous exécutez sera ajoutée en tant qu'argument. Cela s'applique à la fois aux commandes utilisateur et aux crochets d'événements.",
-    "globalRules": "This is a global set of allow and disallow rules. They apply to every user. You can define specific rules on each user's settings to override this ones.",
+    "globalRules": "Il s'agit d'un ensemble global de règles d'autorisation et d'interdiction. Elles s'appliquent à tous les utilisateurs. Vous pouvez définir des règles spécifiques sur les paramètres de chaque utilisateur pour remplacer celles-ci.",
     "globalSettings": "Paramètres généraux",
-    "hideDotfiles": "",
+    "hideDotfiles": "Cacher les fichiers de configuration utilisateur (dotfiles)",
-    "insertPath": "Insert the path",
+    "insertPath": "Insérez le chemin",
-    "insertRegex": "Insert regex expression",
+    "insertRegex": "Insérez l'expression régulière",
-    "instanceName": "Instance name",
+    "instanceName": "Nom de l'instance",
     "language": "Langue",
-    "lockPassword": "Prevent the user from changing the password",
+    "lockPassword": "Empêcher l'utilisateur de changer son mot de passe",
     "newPassword": "Votre nouveau mot de passe",
     "newPasswordConfirm": "Confirmation du nouveau mot de passe",
     "newUser": "Nouvel Utilisateur",
@@ -192,13 +205,13 @@
     "passwordUpdated": "Mot de passe mis à jour !",
     "path": "",
     "perm": {
-      "create": "Create files and directories",
+      "create": "Créer des fichiers et des dossiers",
-      "delete": "Delete files and directories",
+      "delete": "Supprimer des fichiers et des dossiers",
-      "download": "Download",
+      "download": "Télécharger",
-      "execute": "Execute commands",
+      "execute": "Exécuter des commandes",
-      "modify": "Edit files",
+      "modify": "Modifier des fichiers",
-      "rename": "Rename or move files and directories",
+      "rename": "Renommer ou déplacer des fichiers ou des dossiers",
-      "share": "Share files"
+      "share": "Partager des fichiers"
     },
     "permissions": "Permissions",
     "permissionsHelp": "Vous pouvez définir l'utilisateur comme étant un administrateur ou encore choisir les permissions individuellement. Si vous sélectionnez \"Administrateur\", toutes les autres options seront automatiquement activées. La gestion des utilisateurs est un privilège que seul l'administrateur possède.\n",
@@ -208,14 +221,16 @@
     "rules": "Règles",
     "rulesHelp": "Vous pouvez définir ici un ensemble de règles pour cet utilisateur. Les fichiers bloqués ne seront pas affichés et ne seront pas accessibles par l'utilisateur. Les expressions régulières sont supportées et les chemins d'accès sont relatifs par rapport au dossier de l'utilisateur.\n",
     "scope": "Portée du dossier utilisateur",
+    "setDateFormat": "Définir le format de la date",
     "settingsUpdated": "Les paramètres ont été mis à jour !",
-    "shareDuration": "",
+    "shareDuration": "Durée du partage",
-    "shareManagement": "",
+    "shareManagement": "Gestion des partages",
-    "singleClick": "",
+    "shareDeleted": "Partage supprimé !",
+    "singleClick": "Utiliser un simple clic pour ouvrir les fichiers et les dossiers",
     "themes": {
-      "dark": "",
+      "dark": "Sombre",
-      "light": "",
+      "light": "Lumineux",
-      "title": ""
+      "title": "Thème"
     },
     "user": "Utilisateur",
     "userCommands": "Commandes",
@@ -238,11 +253,11 @@
     "newFolder": "Nouveau dossier",
     "preview": "Prévisualiser",
     "settings": "Paramètres",
-    "signup": "Signup",
+    "signup": "S'inscrire",
     "siteSettings": "Paramètres du site"
   },
   "success": {
-    "linkCopied": "Link copied!"
+    "linkCopied": "Lien copié!"
   },
   "time": {
     "days": "Jours",

frontend/src/i18n/he.json

@@ -0,0 +1,272 @@
+{
+  "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": {
+    "he": "עברית",
+    "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": "העלאה",
+    "uploadFiles": "מעלה {files} קבצים...",
+    "uploadMessage": "בחר אפשרות העלאה.",
+    "optionalPassword": "סיסמא אופציונלית"
+  },
+  "search": {
+    "images": "תמונות",
+    "music": "מוזיקה",
+    "pdf": "PDF",
+    "pressToSearch": "הקש אנטר לחיפוש...",
+    "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": "צור תקיית בית במהלך הוספת משתמש חדש",
+    "userHomeBasePath": "נתיב ראשי לתקיות הבית של משתמשים",
+    "userScopeGenerationPlaceholder": "התחום יווצר אוטומטית",
+    "createUserHomeDirectory": "צור תקיית בית למשתמש",
+    "customStylesheet": "עיצוב מותאם אישית (Stylesheet)",
+    "defaultUserDescription": "אלה הגדרות ברירת המחדל למשתמשים חדשים",
+    "disableExternalLinks": "השבת קישורים חיצוניים (למעט תיעוד)",
+    "documentation": "תיעוד",
+    "examples": "דוגמאות",
+    "executeOnShell": "בצע במסוף",
+    "executeOnShellDescription": "כברירת מחדל, האפליקציה מבצעת את הפקודות על ידי הפעלה ישירה לקבצים (הבינארים). אם אתה רוצה להפעיל אותם מתוך מעטפת כלשהי, (לדוגמא מתוך Bash או PowerShell) אתה יכול להגדיר אותם כאן עם הפרמטרים הנדרשים. שים לב שזה יבוצע גם על פקודות משתמש וגם על הוקים (Hooks) לאירועים.",
+    "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)",
+    "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": "הוגו חדש",
+    "login": "התחבר",
+    "logout": "התנתק",
+    "myFiles": "הקבצים שלי",
+    "newFile": "קובץ חדש",
+    "newFolder": "תקייה חדשה",
+    "preview": "תצוגה מקדימה",
+    "settings": "הגדרות",
+    "signup": "הרשמה",
+    "siteSettings": "הגדרות"
+  },
+  "success": {
+    "linkCopied": "הקישור הועתק!"
+  },
+  "time": {
+    "days": "ימים",
+    "hours": "שעות",
+    "minutes": "דקות",
+    "seconds": "שניות",
+    "unit": "יחידת זמן"
+  }
+}

frontend/src/i18n/index.js

@@ -1,6 +1,7 @@
 import Vue from "vue";
 import VueI18n from "vue-i18n";
 
+import he from "./he.json";
 import ar from "./ar.json";
 import de from "./de.json";
 import en from "./en.json";
@@ -16,6 +17,8 @@ import pt from "./pt.json";
 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";
@@ -25,6 +28,9 @@ Vue.use(VueI18n);
 export function detectLocale() {
   let locale = (navigator.language || navigator.browserLangugae).toLowerCase();
   switch (true) {
+    case /^he.*/i.test(locale):
+      locale = "he";
+      break;
     case /^ar.*/i.test(locale):
       locale = "ar";
       break;
@@ -70,6 +76,12 @@ export function detectLocale() {
     case /^ko.*/i.test(locale):
       locale = "ko";
       break;
+    case /^sk.*/i.test(locale):
+      locale = "sk";
+      break;
+    case /^ua.*/i.test(locale):
+      locale = "ua";
+      break;
     default:
       locale = "en";
   }
@@ -88,10 +100,13 @@ const removeEmpty = (obj) =>
       {}
     );
 
+export const rtlLanguages = ["he", "ar"];
+
 const i18n = new VueI18n({
   locale: detectLocale(),
   fallbackLocale: "en",
   messages: {
+    he: removeEmpty(he),
     ar: removeEmpty(ar),
     de: removeEmpty(de),
     en: en,
@@ -107,7 +122,9 @@ const i18n = new VueI18n({
     pt: removeEmpty(pt),
     ru: removeEmpty(ru),
     ro: removeEmpty(ro),
+    sk: removeEmpty(sk),
     "sv-se": removeEmpty(svSE),
+    ua: removeEmpty(ua),
     "zh-cn": removeEmpty(zhCN),
     "zh-tw": removeEmpty(zhTW),
   },

frontend/src/i18n/is.json

@@ -77,6 +77,7 @@
     "help": "Hjálp"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/it.json

@@ -77,6 +77,7 @@
     "help": "Aiuto"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/ja.json

@@ -77,6 +77,7 @@
     "help": "ヘルプ"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/ko.json

@@ -77,6 +77,7 @@
     "help": "도움말"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/nl-be.json

@@ -77,6 +77,7 @@
     "help": "Help"
   },
   "languages": {
+    "he": "עברית",
     "ar": "Arabisch",
     "de": "Duits",
     "en": "Engels",
@@ -92,7 +93,10 @@
     "ptBR": "Portugees (Brazilië)",
     "ro": "",
     "ru": "Russisch",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "Chinees (vereenvoudigd)",
     "zhTW": "Chinees (traditioneel)"
   },

frontend/src/i18n/pl.json

@@ -16,31 +16,31 @@
     "new": "Nowy",
     "next": "Następny",
     "ok": "OK",
-    "permalink": "Get Permanent Link",
+    "permalink": "Uzyskaj link bezpośredni (permalink)",
     "previous": "Poprzedni",
     "publish": "Opublikuj",
-    "rename": "Zmień Nazwę",
+    "rename": "Zmień nazwę",
     "replace": "Zamień",
-    "reportIssue": "Zgłoś Problem",
+    "reportIssue": "Zgłoś problem",
     "save": "Zapisz",
     "schedule": "Grafik",
     "search": "Szukaj",
     "select": "Wybierz",
     "selectMultiple": "Zaznacz wiele",
     "share": "Udostępnij",
-    "shell": "Toggle shell",
+    "shell": "Pokaż/ukryj powłokę",
     "switchView": "Zmień widok",
-    "toggleSidebar": "Toggle sidebar",
+    "toggleSidebar": "Pokaż/ukryj panel boczny",
     "update": "Aktualizuj",
-    "upload": "Upload"
+    "upload": "Wgraj"
   },
   "download": {
-    "downloadFile": "Download File",
+    "downloadFile": "Pobierz plik",
-    "downloadFolder": "Download Folder",
+    "downloadFolder": "Pobierz folder",
-    "downloadSelected": ""
+    "downloadSelected": "Pobierz zaznaczone"
   },
   "errors": {
-    "forbidden": "You don't have permissions to access this.",
+    "forbidden": "Nie posiadasz uprawnień potrzebnych, by uzyskać do tego dostęp.",
     "internal": "Pojawił się poważny problem.",
     "notFound": "Ten adres nie jest poprawny."
   },
@@ -50,17 +50,17 @@
     "closePreview": "Zamknij poprzednie",
     "files": "Pliki",
     "folders": "Foldery",
-    "home": "Home",
+    "home": "Katalog domowy",
     "lastModified": "Ostatnio modyfikowane",
     "loading": "Ładowanie...",
     "lonely": "Smutno gdy tak pusto...",
-    "metadata": "Metadata",
+    "metadata": "Metadane",
-    "multipleSelectionEnabled": "Multiple selection enabled",
+    "multipleSelectionEnabled": "Zaznaczenie wielu włączone",
     "name": "Nazwa",
     "size": "Rozmiar",
-    "sortByLastModified": "Sortuj po dacie modyfikacji",
+    "sortByLastModified": "Sortuj wg. daty modyfikacji",
-    "sortByName": "Sortuj po nazwie",
+    "sortByName": "Sortuj wg. nazwy",
-    "sortBySize": "Sortuj po rozmiarze"
+    "sortBySize": "Sortuj wg. rozmiaru"
   },
   "help": {
     "click": "wybierz plik lub foler",
@@ -77,49 +77,53 @@
     "help": "Pomoc"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
     "es": "Español",
     "fr": "Français",
-    "is": "",
+    "is": "Íslenska",
     "it": "Italiano",
     "ja": "日本語",
     "ko": "한국어",
-    "nlBE": "",
+    "nlBE": "Nederlands (België)",
     "pl": "Polski",
     "pt": "Português",
     "ptBR": "Português (Brasil)",
-    "ro": "",
+    "ro": "Română",
     "ru": "Русский",
-    "svSE": "",
+    "sk": "Slovenčina",
+    "svSE": "Svenska (Sverige)",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },
   "login": {
-    "createAnAccount": "Create an account",
+    "createAnAccount": "Utwórz konto",
-    "loginInstead": "Already have an account",
+    "loginInstead": "Takie konto już istnieje",
     "password": "Hasło",
-    "passwordConfirm": "Password Confirmation",
+    "passwordConfirm": "Potwierdzenie hasła",
-    "passwordsDontMatch": "Passwords don't match",
+    "passwordsDontMatch": "Hasła różnią się",
-    "signup": "Signup",
+    "signup": "Rejestracja",
-    "submit": "Login",
+    "submit": "Logowanie",
     "username": "Nazwa użytkownika",
-    "usernameTaken": "Username already taken",
+    "usernameTaken": "Nazwa użytkownika już zajęta",
     "wrongCredentials": "Błędne dane logowania"
   },
-  "permanent": "Permanent",
+  "permanent": "Permanentny",
   "prompts": {
     "copy": "Kopiuj",
     "copyMessage": "Wybierz lokalizację do której mają być skopiowane wybrane pliki",
-    "currentlyNavigating": "Currently navigating on:",
+    "currentlyNavigating": "Obecnie przeglądasz:",
     "deleteMessageMultiple": "Czy jesteś pewien że chcesz usunąć {count} plik(ów)?",
     "deleteMessageSingle": "Czy jesteś pewien, że chcesz usunąć ten plik/folder?",
     "deleteTitle": "Usuń pliki",
     "displayName": "Wyświetlana Nazwa:",
     "download": "Pobierz pliki",
     "downloadMessage": "Wybierz format, jaki chesz pobrać.",
-    "error": "Pojawił się jakiś błąd",
+    "error": "Pojawił się nieznany błąd",
     "fileInfo": "Informacje o pliku",
     "filesSelected": "{count} plików zostało zaznaczonych.",
     "lastModified": "Osatnio Zmodyfikowane",
@@ -140,18 +144,19 @@
     "scheduleMessage": "Wybierz datę i czas dla publikacji tego wpisu.",
     "show": "Pokaż",
     "size": "Rozmiar",
-    "upload": "",
+    "upload": "Prześlij",
-    "uploadMessage": ""
+    "uploadMessage": "Proszę wybrać metodę przesyłania"
+
   },
   "search": {
     "images": "Zdjęcia",
     "music": "Muzyka",
     "pdf": "PDF",
-    "pressToSearch": "Press enter to search...",
+    "pressToSearch": "Wciśnij enter, aby wyszukać...",
     "search": "Szukaj...",
-    "typeToSearch": "Type to search...",
+    "typeToSearch": "Zacznij pisać, aby wyszukać...",
     "types": "Typy",
-    "video": "Video"
+    "video": "Wideo"
   },
   "settings": {
     "admin": "Admin",
@@ -160,29 +165,29 @@
     "allowEdit": "Edycja, zmiana nazwy i usuniecie plików lub folderów",
     "allowNew": "Tworzenie nowych plików lub folderów",
     "allowPublish": "Tworzenie nowych wpisów i stron",
-    "allowSignup": "Allow users to signup",
+    "allowSignup": "Zezwól na rejestrację użytkowników",
     "avoidChanges": "(pozostaw puste aby nie zosatało zmienione)",
     "branding": "Branding",
-    "brandingDirectoryPath": "Branding directory path",
+    "brandingDirectoryPath": "Folder brandingowy",
-    "brandingHelp": "You can customize how your File Browser instance looks and feels by changing its name, replacing the logo, adding custom styles and even disable external links to GitHub.\nFor more information about custom branding, please check out the {0}.",
+    "brandingHelp": "Możesz dostosować wygląd i doznania użytkownika swojej instancji File Browser poprzez zmianę jej nazwy, zmianę logo, dodanie własnych stylów, a nawet wyłączyć linki zewnętrzne do GitHuba.\nW celu pozyskania większej ilości informacji nt. osobistego brandingu, zapoznaj się z {0}.",
     "changePassword": "Zmień Hasło",
-    "commandRunner": "Command runner",
+    "commandRunner": "Narzędzie do wykonywania poleceń",
-    "commandRunnerHelp": "Here you can set commands that are executed in the named events. You must write one per line. The environment variables {0} and {1} will be available, being {0} relative to {1}. For more information about this feature and the available environment variables, please read the {2}.",
+    "commandRunnerHelp": "Tu możesz ustawić komendy, które będą wykonywane przy danych zdarzeniach. Musisz wpisywać po jednej na linjkę. Zmienne środowiskowe {0} i {1} będą dostępne, gdzie {0} jest względne wobec {1}. Więcej informacji o tej funkcji i dostępnych zmiennych środowiskowych znajdziesz tutaj: {2}.",
     "commandsUpdated": "Polecenie zaktualizowane!",
-    "createUserDir": "Auto create user home dir while adding new user",
+    "createUserDir": "Automatycznie utwórz katalog domowy użytkownika podczas dodania nowego użytkownika",
-    "customStylesheet": "Własny Stylesheet",
+    "customStylesheet": "Własny arkusz stylów",
-    "defaultUserDescription": "This are the default settings for new users.",
+    "defaultUserDescription": "Oto domyślne ustawienia dla nowych użytkowników.",
-    "disableExternalLinks": "Disable external links (except documentation)",
+    "disableExternalLinks": "Wyłącz linki zewnętrzne (z wyjątkiem dokumentacji)",
-    "documentation": "documentation",
+    "documentation": "dokumentacja",
     "examples": "Przykłady",
-    "executeOnShell": "Execute on shell",
+    "executeOnShell": "Wykonaj w powłoce",
-    "executeOnShellDescription": "By default, File Browser executes the commands by calling their binaries directly. If you want to run them on a shell instead (such as Bash or PowerShell), you can define it here with the  required arguments and flags. If set, the command you execute will be appended as an argument. This apply to both user commands and event hooks.",
+    "executeOnShellDescription": "Domyślnie File Browser wykonuje polecenia wywołując ich pliki binarne bezpośrednio. Jesli preferujesz wykonywanie ich w powłoce (jak np. Bash czy PowerShell), możesz zdefiniować to tutaj wraz z wymaganymi flagami i argumentami. Jeśli to ustawienie jest aktywne, polecenie które wykonarz zostanie dodane jako argument. Stosuje się to zarówno do poleceń użytkownika jak i zaczepów zdarzeń.",
-    "globalRules": "This is a global set of allow and disallow rules. They apply to every user. You can define specific rules on each user's settings to override this ones.",
+    "globalRules": "To jest globalne zestawienie reguł zezwalających i zabraniających. Stosują się one do każdego użytkownika. Możesz zdefiniować indywidualne zasady w ustawieniach każdego użytkownika, by zignorować te reguły.",
     "globalSettings": "Ustawienia Globalne",
-    "hideDotfiles": "",
+    "hideDotfiles": "Ukryj ukryte pliki",
-    "insertPath": "Insert the path",
+    "insertPath": "Wstaw ścieżkę",
-    "insertRegex": "Insert regex expression",
+    "insertRegex": "Wstaw wyrażenie regularne",
-    "instanceName": "Instance name",
+    "instanceName": "Nazwa instancji",
     "language": "Język",
     "lockPassword": "Zablokuj użytkownikowi możliwość zmiany hasła",
     "newPassword": "Twoje nowe hasło",
@@ -190,38 +195,38 @@
     "newUser": "Nowy Użytkownik",
     "password": "Hasło",
     "passwordUpdated": "Hasło zostało zapisane!",
-    "path": "",
+    "path": "Ścieżka",
     "perm": {
-      "create": "Create files and directories",
+      "create": "Tworzenie plików i katalogów",
-      "delete": "Delete files and directories",
+      "delete": "Usuwanie plików i katalogów",
-      "download": "Download",
+      "download": "Pobieranie",
-      "execute": "Execute commands",
+      "execute": "Wykonywanie poleceń",
-      "modify": "Edit files",
+      "modify": "Edycja plików",
-      "rename": "Rename or move files and directories",
+      "rename": "Zmiana nazw lub przenoszenie plików i katalogów",
-      "share": "Share files"
+      "share": "Udostępnianie plików"
     },
     "permissions": "Uprawnienia",
-    "permissionsHelp": "You can set the user to be an administrator or choose the permissions individually. If you select \"Administrator\", all of the other options will be automatically checked. The management of users remains a privilege of an administrator.\n",
+    "permissionsHelp": "Możesz uczynić użytkownika administratorem, lub wybrać uprawnienia indywidualnie. Jeśli zaznaczysz opcję \"Administrator\", wszystkie pozostałe opcje zostaną automatycznie zaznaczone. Zarządzanie użytkownikami pozostaje przywilejem administratora.\n",
     "profileSettings": "Twój profil",
-    "ruleExample1": "prevents the access to any dot file (such as .git, .gitignore) in every folder.\n",
+    "ruleExample1": "uniemożliwia dostęp do któregokolwiek z ukrytych plików (takich jak .git, .gitignore) w każdym folderze.\n",
-    "ruleExample2": "blocks the access to the file named Caddyfile on the root of the scope.",
+    "ruleExample2": "blokuje dostęp do pliku Caddyfile w głównym katalogu zakresu.",
     "rules": "Uprawnienia",
-    "rulesHelp": "Here you can define a set of allow and disallow rules for this specific user. The blocked files won't show up in the listings and they wont be accessible to the user. We support regex and paths relative to the users scope.\n",
+    "rulesHelp": "Tu możesz zdefiniować zestawienie reguł zezwalających i zabraniających dla tego konkretnego użytkownika. Zablokowane pliki nie będą widoczne na listach i nie będą dostępne dla użytkownika. Wspierane są wyrażenia regularne i ścieżki względne wobec zakresu użytkownika.\n",
-    "scope": "Scope",
+    "scope": "Zakres",
     "settingsUpdated": "Uprawnienia Zapisane!",
-    "shareDuration": "",
+    "shareDuration": "Okres udostępniania",
-    "shareManagement": "",
+    "shareManagement": "Zarządzanie udostępnianiem",
-    "singleClick": "",
+    "singleClick": "Pojedyncze kliknięcie",
     "themes": {
-      "dark": "",
+      "dark": "ciemny",
-      "light": "",
+      "light": "jasny",
-      "title": ""
+      "title": "Motywy"
     },
     "user": "Użytkownik",
     "userCommands": "Polecenia",
-    "userCommandsHelp": "A space separated list with the available commands for this user. Example:\n",
+    "userCommandsHelp": "Lista oddzielonych spacjami poleceń dostępnych dla tego użytkownika. Przykład:\n",
     "userCreated": "Użytkownik zapisany!",
-    "userDefaults": "User default settings",
+    "userDefaults": "Domyślne ustawienia użytkownika",
     "userDeleted": "Użytkownik usunięty!",
     "userManagement": "Zarządzanie użytkownikami",
     "userUpdated": "Użytkownik zapisany!",
@@ -238,7 +243,7 @@
     "newFolder": "Nowy folder",
     "preview": "Podgląd",
     "settings": "Ustawienia",
-    "signup": "Signup",
+    "signup": "Rejestracja",
     "siteSettings": "Ustawienia Strony"
   },
   "success": {
@@ -252,3 +257,4 @@
     "unit": "Jednostka czasu"
   }
 }
+

frontend/src/i18n/pt-br.json

@@ -77,6 +77,7 @@
     "help": "Ajuda"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/pt.json

@@ -77,6 +77,7 @@
     "help": "Ajuda"
   },
   "languages": {
+    "he": "עברית",
     "ar": "Árabe",
     "de": "Alemão",
     "en": "Inglês",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Russo",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "Chinês simplificado",
     "zhTW": "Chinês tradicional"
   },

frontend/src/i18n/ro.json

@@ -77,6 +77,7 @@
     "help": "Ajutor"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

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": "выбрать файл или каталог",
@@ -77,22 +83,26 @@
     "help": "Помощь"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "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": "中文 (繁體)"
   },
@@ -115,10 +125,11 @@
     "currentlyNavigating": "Текущий каталог:",
     "deleteMessageMultiple": "Удалить эти файлы ({count})?",
     "deleteMessageSingle": "Удалить этот файл/каталог?",
+    "deleteMessageShare": "Удалить этот общий файл/каталог ({path})?",
     "deleteTitle": "Удалить файлы",
     "displayName": "Отображаемое имя:",
     "download": "Скачать файлы",
-    "downloadMessage": "Выберите формат а котором хотите скачать.",
+    "downloadMessage": "Выберите формат в котором хотите скачать.",
     "error": "Ошибка",
     "fileInfo": "Информация о файле",
     "filesSelected": "Файлов выбрано: {count}.",
@@ -141,7 +152,8 @@
     "show": "Показать",
     "size": "Размер",
     "upload": "Загрузить",
-    "uploadMessage": "Выберите вариант для загрузки."
+    "uploadMessage": "Выберите вариант для загрузки.",
+    "optionalPassword": "Необязательный пароль"
   },
   "search": {
     "images": "Изображения",
@@ -182,7 +194,7 @@
     "hideDotfiles": "Скрыть точечные файлы",
     "insertPath": "Вставьте путь",
     "insertRegex": "Вставить регулярное выражение",
-    "instanceName": "Instance name",
+    "instanceName": "Текущее название программы",
     "language": "Язык",
     "lockPassword": "Запретить пользователю менять пароль",
     "newPassword": "Новый пароль",
@@ -208,9 +220,11 @@
     "rules": "Права",
     "rulesHelp": "Здесь вы можете определить набор разрешающих и запрещающих правил для этого конкретного пользователь. Блокированные файлы не будут отображаться в списках, и не будут доступны для пользователя. Есть поддержка регулярных выражений и относительных путей.\n",
     "scope": "Корень",
+    "setDateFormat": "Установить точный формат даты",
     "settingsUpdated": "Настройки применены!",
     "shareDuration": "Время расшаренной ссылки",
     "shareManagement": "Управление расшаренными ссылками",
+    "shareDeleted": "Расшаренная ссылка удалена!",
     "singleClick": "Открытие файлов и каталогов одним кликом",
     "themes": {
       "dark": "Темная",

frontend/src/i18n/sk.json

@@ -0,0 +1,267 @@
+{
+  "buttons": {
+    "cancel": "Zrušiť",
+    "close": "Zavrieť",
+    "copy": "Kopírovať",
+    "copyFile": "Kopírovať súbor",
+    "copyToClipboard": "Kopírovať do schránky",
+    "create": "Vytvoriť",
+    "delete": "Odstrániť",
+    "download": "Stiahnuť",
+    "file": "Súbor",
+    "folder": "Priečinok",
+    "hideDotfiles": "Skryť súbory začínajúce bodkou",
+    "info": "Info",
+    "more": "Viac",
+    "move": "Presunúť",
+    "moveFile": "Presunúť súbory",
+    "new": "Nový",
+    "next": "Ďalšie",
+    "ok": "OK",
+    "permalink": "Získať trvalý odkaz",
+    "previous": "Predošlé",
+    "publish": "Zverejniť",
+    "rename": "Premenovať",
+    "replace": "Nahradiť",
+    "reportIssue": "Nahlásiť problém",
+    "save": "Uložiť",
+    "schedule": "Naplánovať",
+    "search": "Hľadať",
+    "select": "Vybrať",
+    "selectMultiple": "Vybrať viaceré",
+    "share": "Zdieľať",
+    "shell": "Prepnúť shell",
+    "submit": "Poslať",
+    "switchView": "Prepnúť pohľad",
+    "toggleSidebar": "Prepnúť sidebar",
+    "update": "Aktualizovať",
+    "upload": "Nahrať",
+    "openFile": "Otvoriť súbor"
+  },
+  "download": {
+    "downloadFile": "Stiahnuť súbor",
+    "downloadFolder": "Stiahnuť priečinok",
+    "downloadSelected": "Stiahnuť vybraté"
+  },
+  "errors": {
+    "forbidden": "You don't have permissions to access this.",
+    "internal": "Something really went wrong.",
+    "notFound": "This location can't be reached.",
+    "connection": "The server can't be reached."
+  },
+  "files": {
+    "body": "Telo",
+    "clear": "Zrušiť výber",
+    "closePreview": "Zavrieť náhľad",
+    "files": "Súbory",
+    "folders": "Priečinky",
+    "home": "Domov",
+    "lastModified": "Posledná zmena",
+    "loading": "Načítanie...",
+    "lonely": "Je tu tak pusto...",
+    "metadata": "Metadata",
+    "multipleSelectionEnabled": "Zapnutý viacnásobný výber",
+    "name": "Názov",
+    "size": "Veľkosť",
+    "sortByLastModified": "Zoradiť podľa dátumu",
+    "sortByName": "Zoradiť podľa názvu",
+    "sortBySize": "Zoradiť podľa veľkosti",
+    "noPreview": "Pre tento súbor nie je dostupný náhľad."
+  },
+  "help": {
+    "click": "vyberie súbor alebo priečinok",
+    "ctrl": {
+      "click": "vyberie viac súborov alebo priečinkov",
+      "f": "otvorí vyhľadávanie",
+      "s": "uloží súbor alebo stiahne priečinok tam kde ste"
+    },
+    "del": "odstráni vybraté položky",
+    "doubleClick": "otvorí súbor alebo priečinok",
+    "esc": "zruší výber a/alebo zavrie okno",
+    "f1": "tieto informácie",
+    "f2": "premenuje súbor",
+    "help": "Pomoc"
+  },
+  "languages": {
+    "he": "עברית",
+    "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": "Vytvoriť účet",
+    "loginInstead": "Už mám účet",
+    "password": "Heslo",
+    "passwordConfirm": "Potvrdenie hesla",
+    "passwordsDontMatch": "Heslá nesúhlasia",
+    "signup": "Registrovať",
+    "submit": "Prihlásiť",
+    "username": "Používateľské meno",
+    "usernameTaken": "Meno je už obsadené",
+    "wrongCredentials": "Nesprávne prihlasovacie údaje"
+  },
+  "permanent": "Trvalé",
+  "prompts": {
+    "copy": "Kopírovať",
+    "copyMessage": "Zvoľte miesto, kde chcete kopírovať súbory:",
+    "currentlyNavigating": "Aktuálna cesta:",
+    "deleteMessageMultiple": "Naozaj chcete odstrániť {count} súbor(ov)?",
+    "deleteMessageSingle": "Naozaj chcete odstrániť tento súbor/priečinok?",
+    "deleteMessageShare": "Naozaj chcete odstrániť toto zdieľanie({path})?",
+    "deleteTitle": "Odstránenie súborov",
+    "displayName": "Zobrazený názov:",
+    "download": "Stiahnuť súbory",
+    "downloadMessage": "Vyberte formát, ktorý chcete stiahnuť.",
+    "error": "Niečo sa pokazilo",
+    "fileInfo": "Informácie o súbore",
+    "filesSelected": "{count} súborov vybratých.",
+    "lastModified": "Dátum zmeny",
+    "move": "Presunúť",
+    "moveMessage": "Zvoľte nový domov pre vaše súbory/priečinky:",
+    "newArchetype": "Vytvorí nový príspevok z archetypu. Nový súbor sa vytvorí v priečinku s obsahom.",
+    "newDir": "Nový priečinok",
+    "newDirMessage": "Napíšte názov nového priečinka.",
+    "newFile": "Nový súbor",
+    "newFileMessage": "Napíšte názov nového súboru.",
+    "numberDirs": "Počet priečinkov",
+    "numberFiles": "Počet súborov",
+    "rename": "Premenovať",
+    "renameMessage": "Zadajte nový názov pre",
+    "replace": "Nahradiť",
+    "replaceMessage": "Niektorý nahrávaný súbor je v konflikte názvov. Chcete nahradiť existujúci súbor?\n",
+    "schedule": "Naplánovať",
+    "scheduleMessage": "Pick a date and time to schedule the publication of this post.",
+    "show": "Zobraziť",
+    "size": "Veľkosť",
+    "upload": "Nahrať",
+    "uploadMessage": "Zvoľte možnosť nahrávania.",
+    "optionalPassword": "Voliteľné heslo"
+  },
+  "search": {
+    "images": "Obrázky",
+    "music": "Hudba",
+    "pdf": "PDF",
+    "pressToSearch": "Vyhľadáte stlačením Enter...",
+    "search": "Hľadať...",
+    "typeToSearch": "Vyhľadáte písaním...",
+    "types": "Typy",
+    "video": "Video"
+  },
+  "settings": {
+    "admin": "Admin",
+    "administrator": "Administrátor",
+    "allowCommands": "Vykonávať príkazy",
+    "allowEdit": "Upravovať, premenovať a odstraňovať súbory a priečinky",
+    "allowNew": "Vytvárať nové súbory a priečinky",
+    "allowPublish": "Zverejňovať nové príspevky a stránky",
+    "allowSignup": "Povoliť registráciu používateľov",
+    "avoidChanges": "(nechajte prázdne, aby sa nezmenilo)",
+    "branding": "Vlastný vzhľad",
+    "brandingDirectoryPath": "Cesta k priečinku s vlastným vzhľadom",
+    "brandingHelp": "Môžete si prispôsobiť ako bude vyzerá váš File Browser instance zmenou jeho názvu, výmenou loga a pridaním vlastný štýlov alebo vypnutím externých odkazov na GitHub.\nViac informácií o vlastnom vzhľade nájdete na {0}.",
+    "changePassword": "Zmeniť heslo",
+    "commandRunner": "Spúšťač príkazov",
+    "commandRunnerHelp": "Sem môžete nastaviť príkazy, ktoré sa vykonajú pri určitých udalostiach. Musíte písať jeden na riadok. Premenné prostredia {0} a {1} sú k dispozícii, s tým že {0} relatívne k {1}. Viac informácií o tejto funkcionalite a dostupných premenných prostredia nájdete na {2}.",
+    "commandsUpdated": "Príkazy upravené!",
+    "createUserDir": "Automaticky vytvoriť domovský priečinok pri pridaní používateľa",
+    "customStylesheet": "Vlastný Stylesheet",
+    "defaultUserDescription": "Toto sú predvolané nastavenia nového používateľa.",
+    "disableExternalLinks": "Vypnúť externé odkazy (okrem dokumentácie)",
+    "documentation": "dokumentácia",
+    "examples": "Príklady",
+    "executeOnShell": "Vykonať cez shell",
+    "executeOnShellDescription": "Predvolene File Browser vykonáva príkazy volaním priamo ich binárok. Ak ich chcete spúšťať cez shell (napr. Bash alebo PowerShell), môžete ho napísať sem a pridať potrebné argumenty a flagy. Ak je nastavený, tak sa príkazy budú spúšťať pridaním na koniec ako argument. Toto sa týka používateľských príkazov aj udalostí.",
+    "globalRules": "Toto je globálne nastavenie pravidiel. Aplikujú sa na všetkých používateľov. Môžete definovať špecifické pravidlá pre každého používateľa a prekryť tak pravidlá nastavené tu.",
+    "globalSettings": "Globálne nastavenia",
+    "hideDotfiles": "Skryť súbory začínajúce bodkou",
+    "insertPath": "Vložte cestu",
+    "insertRegex": "Vložte regex výraz",
+    "instanceName": "Názov inštalácie",
+    "language": "Jazyk",
+    "lockPassword": "Zabrániť používateľovi meniť heslo",
+    "newPassword": "Nové heslo",
+    "newPasswordConfirm": "Potvrdenie nového hesla",
+    "newUser": "Nový používateľ",
+    "password": "Heslo",
+    "passwordUpdated": "Heslo zmenené!",
+    "path": "Cesta",
+    "perm": {
+      "create": "Vytvárať súbory a priečinky",
+      "delete": "Odstraňovať súbory a priečinky",
+      "download": "Stiahnuť",
+      "execute": "Vykonávať príkazy",
+      "modify": "Upravovať súbory",
+      "rename": "Premenovať a presúvať súbory a priečinky",
+      "share": "Zdieľať súbory"
+    },
+    "permissions": "Práva",
+    "permissionsHelp": "Môžete nastaviť používateľa, aby bol administrátorom alebo vybrať práva jednotlivo. Ak zvolíte \"Administrator\", všetky ďalšie budú automaticky zaškrtnuté. Manažment používateľov ostáva v správe administrátora.\n",
+    "profileSettings": "Nastavenia profilu",
+    "ruleExample1": "blokuje prístup ku všetkým súborom začínajúcim bodkou (napríklad .git, .gitignore) v každom priečinku.\n",
+    "ruleExample2": "blokuje prístup k súborom s názvom Caddyfile v koreňovom priečinku.",
+    "rules": "Pravidlá",
+    "rulesHelp": "Tu môžete definovať pravidlá pre konkrétneho používateľa. Blokované súbory používateľ nebude vidieť a ani nebude k nim mať prístup. Podporujeme regex a cesty relatívne k používateľovi.\n",
+    "scope": "Scope",
+    "settingsUpdated": "Nastavenia upravené!",
+    "shareDuration": "Trvanie zdieľania",
+    "shareManagement": "Správa zdieľania",
+    "shareDeleted": "Zdieľanie odstránené!",
+    "singleClick": "Používať jeden klik na otváranie súborov a priečinkov",
+    "themes": {
+      "dark": "Tmavá",
+      "light": "Svetlá",
+      "title": "Téma"
+    },
+    "user": "Používateľ",
+    "userCommands": "Príkazy",
+    "userCommandsHelp": "Zoznam povolených príkazov oddelených medzerou pre tohoto používateľa. Napríklad:\n",
+    "userCreated": "Používateľ vytvorený!",
+    "userDefaults": "Predvolené nastavenia používateľa",
+    "userDeleted": "Používateľ odstránený!",
+    "userManagement": "Správa používateľov",
+    "userUpdated": "Používateľ upravený!",
+    "username": "Meno používateľa",
+    "users": "Používatelia"
+  },
+  "sidebar": {
+    "help": "Pomoc",
+    "hugoNew": "Nový Hugo",
+    "login": "Prihlásiť",
+    "logout": "Odhlásiť",
+    "myFiles": "Moje súbory",
+    "newFile": "Nový súbor",
+    "newFolder": "Nový priečinok",
+    "preview": "Náhľad",
+    "settings": "Nastavenia",
+    "signup": "Registrovať",
+    "siteSettings": "Nastavenia stránky"
+  },
+  "success": {
+    "linkCopied": "Odkaz skopírovaný!"
+  },
+  "time": {
+    "days": "Dni",
+    "hours": "Hodiny",
+    "minutes": "Minúty",
+    "seconds": "Sekundy",
+    "unit": "Jednotka času"
+  }
+}

frontend/src/i18n/sv-se.json

@@ -77,6 +77,7 @@
     "help": "Hjälp"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/i18n/tr.json

@@ -0,0 +1,265 @@
+{
+  "buttons": {
+    "cancel": "Vazgeç",
+    "close": "Kapat",
+    "copy": "Kopyala",
+    "copyFile": "Dosyayı kopyala",
+    "copyToClipboard": "Panoya kopyala",
+    "create": "Oluştur",
+    "delete": "Sil",
+    "download": "İndir",
+    "hideDotfiles": "Nokta dosyalarını gizle",
+    "info": "Bilgi",
+    "more": "Daha fazla",
+    "move": "Taşı",
+    "moveFile": "Dosyayı taşı",
+    "new": "Yeni",
+    "next": "Sonraki",
+    "ok": "Tamam",
+    "permalink": "Kalıcı Bağlantı Alın",
+    "previous": "Önceki",
+    "publish": "Yayınla",
+    "rename": "Yeniden anlandır",
+    "replace": "Değiştir",
+    "reportIssue": "Sorun bildir",
+    "save": "Kaydet",
+    "schedule": "Planla",
+    "search": "Ara",
+    "select": "Seç",
+    "selectMultiple": "Çoklu seçim",
+    "share": "Paylaş",
+    "shell": "Komut satırı aç/kapat",
+    "submit": "Gönder",
+    "switchView": "Görünümü değiştir",
+    "toggleSidebar": "Menüyü aç/kapat",
+    "update": "Güncelle",
+    "upload": "Yükle",
+    "openFile": "Dosyayı aç"
+  },
+  "download": {
+    "downloadFile": "Dosyayı indir",
+    "downloadFolder": "Klasörü indir",
+    "downloadSelected": "Seçilileri indir"
+  },
+  "errors": {
+    "forbidden": "Buna erişim izniniz yok.",
+    "internal": "Bir şeyler ters gitti.",
+    "notFound": "Bu konuma ulaşılamıyor.",
+    "connection": "Sunucuya ulaşılamıyor."
+  },
+  "files": {
+    "body": "Sayfa",
+    "clear": "Temizle",
+    "closePreview": "Önizlemeyi kapat",
+    "files": "Dosyalar",
+    "folders": "Klasörler",
+    "home": "Ana dizin",
+    "lastModified": "Son güncellenme",
+    "loading": "Yükleniyor...",
+    "lonely": "Burada yalnızlık hissediyorum...",
+    "metadata": "meta veri",
+    "multipleSelectionEnabled": "Çoklu seçim etkin",
+    "name": "İsim",
+    "size": "Boyut",
+    "sortByLastModified": "Güncelleme tarihine göre sırala",
+    "sortByName": "İsme göre sırala",
+    "sortBySize": "Boyuta göre sırala",
+    "noPreview": "Bu dosya için önizleme aktif değil"
+  },
+  "help": {
+    "click": "dosya veya klasör seçin",
+    "ctrl": {
+      "click": "çoklu dosya ve klasör seçin",
+      "f": "Aramayı aç",
+      "s": "bir dosyayı kaydedin veya bulunduğunuz dizini indirin"
+    },
+    "del": "seçilileri sil",
+    "doubleClick": "dosya veya dizini açın",
+    "esc": "seçimi temizle veya kapatın",
+    "f1": "bu bilgi",
+    "f2": "dosyayı yeniden adlandır",
+    "help": "Yardım"
+  },
+  "languages": {
+    "he": "עברית",
+    "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": "Bir hesap oluşturun",
+    "loginInstead": "Zaten hesabınız var mı",
+    "password": "Şifre",
+    "passwordConfirm": "Şifre tekrarı",
+    "passwordsDontMatch": "Şifreler uyuşmuyor",
+    "signup": "Üye Ol",
+    "submit": "Giriş",
+    "username": "Kullanıcı adı",
+    "usernameTaken": "Kullanıcı adı mevcut",
+    "wrongCredentials": "Yanlış hesap bilgileri"
+  },
+  "permanent": "Kalıcı",
+  "prompts": {
+    "copy": "Kopyala",
+    "copyMessage": "Dosyalarınızı kopyalayacağınız yeri seçin:",
+    "currentlyNavigating": "Şu anki lokasyon:",
+    "deleteMessageMultiple": "{count} dosyayı/dosyaları silmek istediğinizden emin misiniz?",
+    "deleteMessageSingle": "Bu dosyayı/klasörü silmek istediğinizden emin misiniz?",
+    "deleteMessageShare": "Bu paylaşımı({path}) silmek istediğinizden emin misiniz?",
+    "deleteTitle": "Dosyaları sil",
+    "displayName": "Görünen Ad:",
+    "download": "Dosyaları indirŞ",
+    "downloadMessage": "İndirmek istediğiniz formatı seçin.",
+    "error": "Bir şeyler yanlış gitti",
+    "fileInfo": "Dosya bilgisi",
+    "filesSelected": "{count} dosya seçildi.",
+    "lastModified": "Son güncellenme",
+    "move": "Taşı",
+    "moveMessage": "Dosya(lar)ınız/klasör(ler)iniz için yeni ana dizin seçin:",
+    "newArchetype": "Bir prototip temelinde yeni bir gönderi oluşturun. Dosyanız içerik klasöründe oluşturulacaktır.",
+    "newDir": "Yeni dizin",
+    "newDirMessage": "Yeni dizinin adını yazın.",
+    "newFile": "Yeni dosya",
+    "newFileMessage": "Yeni dosyanın adını yazın.",
+    "numberDirs": "Dizin sayısı",
+    "numberFiles": "Dosya sayısı",
+    "rename": "Yeniden adlandır",
+    "renameMessage": "için yeni bir ad girin",
+    "replace": "Değiştir",
+    "replaceMessage": "Yüklemeye çalıştığınız dosyalardan biri, adı nedeniyle çakışıyor. Mevcut olanı değiştirmek istiyor musunuz?\n",
+    "schedule": "Planla",
+    "scheduleMessage": "Bu paylaşımın yayınlanmasını planlamak için bir tarih ve saat seçin.",
+    "show": "Göster",
+    "size": "Boyut",
+    "upload": "Gönder",
+    "uploadMessage": "Yüklemek için bir seçenek belirleyin.",
+    "optionalPassword": "İsteğe bağlı şifre"
+  },
+  "search": {
+    "images": "Görseller",
+    "music": "Müzik",
+    "pdf": "PDF",
+    "pressToSearch": "Aramak için enter'a basın...",
+    "search": "Ara...",
+    "typeToSearch": "Aramak için yazın...",
+    "types": "Türler",
+    "video": "Video"
+  },
+  "settings": {
+    "admin": "Yönetim",
+    "administrator": "Yönetici",
+    "allowCommands": "Komutları çalıştır",
+    "allowEdit": "Dosyaları veya dizinleri düzenleyin, yeniden adlandırın ve silin",
+    "allowNew": "Yeni dosyalar ve dizinler oluşturun",
+    "allowPublish": "Yeni linkler ve sayfaları yayınlayın",
+    "allowSignup": "Kullanıcıların kaydolmasına izin ver",
+    "avoidChanges": "(değişiklikleri önlemek için boş bırakın)",
+    "branding": "Marka",
+    "brandingDirectoryPath": "Marka dizin yolu",
+    "brandingHelp": "Adını değiştirerek, logoyu değiştirerek, özel stiller ekleyerek ve hatta GitHub'a harici bağlantıları devre dışı bırakarak Filebrowser örneğinizin görünüşünü ve hissini özelleştirebilirsiniz.\nÖzel marka bilinci oluşturma hakkında daha fazla bilgi için lütfen {0} sayfasına göz atın.",
+    "changePassword": "Şifre Değiştir",
+    "commandRunner": "Komut satırı",
+    "commandRunnerHelp": "Burada, adlandırılmış olaylarda yürütülen komutları ayarlayabilirsiniz. Her satıra bir tane yazmalısınız. {0} ve {1} ortam değişkenleri, {1}'ye göre {0} olacak şekilde kullanılabilir olacaktır. Bu özellik ve mevcut ortam değişkenleri hakkında daha fazla bilgi için lütfen {2}'yi okuyun.",
+    "commandsUpdated": "Komutlar güncellendi!",
+    "createUserDir": "Kullanıcı eklerken, kullanıcı ana dizinini otomatik oluştur",
+    "customStylesheet": "Özel CSS",
+    "defaultUserDescription": "Bu, yeni kullanıcılar için varsayılan ayarlardır.",
+    "disableExternalLinks": "Harici bağlantıları devre dışı bırakın (dökümantasyon hariç)",
+    "documentation": "dökümantasyon",
+    "examples": "Örnekler",
+    "executeOnShell": "Komut satırında çalıştır",
+    "executeOnShellDescription": "Varsayılan olarak, FileBrowser komutları doğrudan dosyaları çağırarak yürütür. Bunları komut satırında çalıştırmak istiyorsanız (Bash veya PowerShell gibi), burada gerekli argümanlar ve flagler tanımlayabilirsiniz. Ayarlanırsa, yürüttüğünüz komut argüman olarak eklenir. Bu, hem kullanıcı komutları hem de event hooklar için geçerlidir.",
+    "globalRules": "Bu, genel bir izin verme ve izin vermeme kurallar bütünüdür. Her kullanıcı için geçerlidirler. Bunları geçersiz kılmak için her kullanıcının ayarlarında belirli kurallar tanımlayabilirsiniz.",
+    "globalSettings": "Genel Ayarlar",
+    "hideDotfiles": ". ile başlayan dosyaları gizle",
+    "insertPath": "Dizini ekle",
+    "insertRegex": "Regex ifadesini ekle",
+    "instanceName": "Instance adı",
+    "language": "Dil",
+    "lockPassword": "Kullanıcının parolayı değiştirmesini engelle",
+    "newPassword": "Yeni şifre",
+    "newPasswordConfirm": "Yeni şifre tekrarı",
+    "newUser": "Yeni Kullanıcı",
+    "password": "Şifre",
+    "passwordUpdated": "Şifre güncellendi",
+    "path": "Yol",
+    "perm": {
+      "create": "Dosyalar ve dizinler oluşturun",
+      "delete": "Dosyalar ve dizinleri silin",
+      "download": "İndir",
+      "execute": "Komutları çalıştır",
+      "modify": "Dosyaları değiştir",
+      "rename": "Dosyaları ve dizinleri yeniden adlandırın veya taşıyın",
+      "share": "Dosyaları paylaş"
+    },
+    "permissions": "İzinler",
+    "permissionsHelp": "Kullanıcıyı yönetici olarak ayarlayabilir veya izinleri ayrı ayrı seçebilirsiniz. \"Yönetici\"yi seçerseniz, diğer tüm seçenekler otomatik olarak kontrol edilecektir. Kullanıcıların yönetimi, bir yöneticinin yetkisi olarak kalır.\n",
+    "profileSettings": "Profil ayarları",
+    "ruleExample1": "her klasördeki herhangi bir noktalı dosyaya (.git, .gitignore gibi) erişimi engeller.\n",
+    "ruleExample2": "Root erişimidenki CaddyFile dosyalarına erişimi engelle.",
+    "rules": "Kurallar",
+    "rulesHelp": "Burada, bu belirli kullanıcı için bir dizi izin verme ve izin vermeme kuralı tanımlayabilirsiniz. Engellenen dosyalar listelerde görünmeyecek ve kullanıcı bunlara erişemeyecek. Kullanıcı erişimine göre regex ifadeleri destekliyoruz.\n",
+    "scope": "Kapsam",
+    "settingsUpdated": "Ayarlar güncellendi!",
+    "shareDuration": "Paylaşım süresi",
+    "shareManagement": "Paylaşım yönetimi",
+    "shareDeleted": "Paylaşım silindi!",
+    "singleClick": "Dosyaları ve dizinleri açmak için tek tıklamayı kullanın",
+    "themes": {
+      "dark": "Dark",
+      "light": "Light",
+      "title": "Theme"
+    },
+    "user": "Kullanıcı",
+    "userCommands": "Komutları",
+    "userCommandsHelp": "Bu kullanıcı için mevcut komutları içeren boşlukla ayrılmış bir liste. Örnek:\n",
+    "userCreated": "Kullanıcı oluşturuldu!",
+    "userDefaults": "Kullanıcı varsayılan ayarları",
+    "userDeleted": "Kullanıcı silindi!",
+    "userManagement": "Kullanıcı yönetimi",
+    "userUpdated": "Kullanıcı güncellendi!",
+    "username": "Kullanıcı adı",
+    "users": "Kullanıcılar"
+  },
+  "sidebar": {
+    "help": "Yardım",
+    "hugoNew": "Yeni Hugo",
+    "login": "Giriş",
+    "logout": "Çıkış",
+    "myFiles": "Dosyalarım",
+    "newFile": "Yeni dosya",
+    "newFolder": "Yeni klasör",
+    "preview": "Önizleme",
+    "settings": "Ayarlar",
+    "signup": "Kayıt",
+    "siteSettings": "Site ayarları!"
+  },
+  "success": {
+    "linkCopied": "Link kopyalandı!"
+  },
+  "time": {
+    "days": "Gün",
+    "hours": "Saat",
+    "minutes": "Dakika",
+    "seconds": "Saniye",
+    "unit": "Zaman birimi"
+  }
+}

frontend/src/i18n/ua.json

@@ -0,0 +1,268 @@
+{
+    "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": {
+        "he": "עברית",
+        "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": "Одиниця часу"
+    }
+}

frontend/src/i18n/zh-cn.json

@@ -8,12 +8,14 @@
     "create": "创建",
     "delete": "删除",
     "download": "下载",
-    "hideDotfiles": "不显示隐藏的文件",
+    "file": "文件",
+    "folder": "文件夹",
+    "hideDotfiles": "不显示隐藏文件",
     "info": "信息",
     "more": "更多",
     "move": "移动",
     "moveFile": "移动文件",
-    "new": "新",
+    "new": "新建",
     "next": "下一个",
     "ok": "确定",
     "permalink": "获取永久链接",
@@ -28,12 +30,13 @@
     "select": "选择",
     "selectMultiple": "选择多个",
     "share": "分享",
-    "shell": "激活 shell",
+    "shell": "激活 Shell",
     "submit": "提交",
     "switchView": "切换显示方式",
     "toggleSidebar": "切换侧边栏",
     "update": "更新",
-    "upload": "上传"
+    "upload": "上传",
+    "openFile": "打开文件"
   },
   "download": {
     "downloadFile": "下载文件",
@@ -43,7 +46,8 @@
   "errors": {
     "forbidden": "你无权限访问",
     "internal": "服务器出了点问题。",
-    "notFound": "找不到文件。"
+    "notFound": "找不到文件。",
+    "connection": "无法连接到服务器。"
   },
   "files": {
     "body": "内容",
@@ -61,7 +65,8 @@
     "size": "大小",
     "sortByLastModified": "按最后修改时间排序",
     "sortByName": "按名称排序",
-    "sortBySize": "按大小排序"
+    "sortBySize": "按大小排序",
+    "noPreview": "此文件无法预览。"
   },
   "help": {
     "click": "选择文件或目录",
@@ -78,6 +83,7 @@
     "help": "帮助"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -93,7 +99,10 @@
     "ptBR": "Português（Brasil）",
     "ro": "Romanian",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "Swedish（Sweden）",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文（简体）",
     "zhTW": "中文（繁體）"
   },
@@ -116,7 +125,7 @@
     "currentlyNavigating": "当前目录：",
     "deleteMessageMultiple": "你确定要删除这 {count} 个文件吗？",
     "deleteMessageSingle": "你确定要删除这个文件/文件夹吗？",
-    "deleteMessageShare": "你确定要删除这个分享({path})吗？",
+    "deleteMessageShare": "你确定要删除这个分享（{path}）吗？",
     "deleteTitle": "删除文件",
     "displayName": "名称：",
     "download": "下载文件",
@@ -137,7 +146,7 @@
     "rename": "重命名",
     "renameMessage": "请输入新名称，旧名称为：",
     "replace": "替换",
-    "replaceMessage": "您尝试上传的文件中有一个与现有文件的名称存在冲突。是否替换现有的同名文件？",
+    "replaceMessage": "您尝试上传的文件中有一个与现有文件的名称存在冲突。是否替换现有的同名文件？\n",
     "schedule": "计划",
     "scheduleMessage": "请选择发布这篇帖子的日期与时间。",
     "show": "点击以显示",
@@ -150,16 +159,16 @@
     "images": "图像",
     "music": "音乐",
     "pdf": "PDF",
-    "pressToSearch": "回车搜索...",
+    "pressToSearch": "输入回车以搜索...",
     "search": "搜索...",
-    "typeToSearch": "输入搜索...",
+    "typeToSearch": "输入以搜索...",
     "types": "类型",
     "video": "视频"
   },
   "settings": {
     "admin": "管理员",
     "administrator": "管理员",
-    "allowCommands": "执行命令（shell 命令）",
+    "allowCommands": "执行命令（Shell 命令）",
     "allowEdit": "编辑、重命名或删除文件/目录",
     "allowNew": "创建新文件和目录",
     "allowPublish": "发布新的帖子与页面",
@@ -167,10 +176,10 @@
     "avoidChanges": "（留空以避免更改）",
     "branding": "品牌",
     "brandingDirectoryPath": "品牌信息文件夹路径",
-    "brandingHelp": "您可以通过改变实例名称，更换Logo，加入自定义样式，甚至禁用到Github的外部链接来自定义File Browser的外观和给人的感觉。\n想获得更多信息，请查看 {0} 。",
+    "brandingHelp": "您可以通过改变实例名称，更换 Logo，加入自定义样式，甚至禁用到 Github 的外部链接来自定义 File Browser 的外观和感觉。\n想获得更多信息，请查看 {0}。",
     "changePassword": "更改密码",
     "commandRunner": "命令执行器",
-    "commandRunnerHelp": "在这里你可以设置在下面的事件中执行的命令。每行必须写一条命令。可以在命令中使用环境变量 {0} 和 {1}。关于此功能和可用环境变量的更多信息，请阅读{2}.",
+    "commandRunnerHelp": "你可以在此设置在下列事件中执行的命令。每行必须写一条命令。可以在命令中使用环境变量 {0} 和 {1}，使 {0} 与 {1} 相关联。关于此功能和可用环境变量的更多信息，请阅读 {2}。",
     "commandsUpdated": "命令已更新！",
     "createUserDir": "在添加新用户的同时自动创建用户的个人目录",
     "customStylesheet": "自定义样式表（CSS）",
@@ -178,18 +187,18 @@
     "disableExternalLinks": "禁止外部链接（帮助文档除外）",
     "documentation": "帮助文档",
     "examples": "例子",
-    "executeOnShell": "在Shell中执行",
+    "executeOnShell": "在 Shell 中执行",
-    "executeOnShellDescription": "默认情况下，File Browser通过直接调用命令的二进制包来执行命令，如果想在shell中执行（如Bash、PowerShell），你可以在这里定义所使用的shell和参数。如果设置了这个选项，所执行的命令会作为参数追加在后面。本选项对用户命令和事件钩子都生效。",
+    "executeOnShellDescription": "默认情况下，File Browser 通过直接调用命令的二进制包来执行命令，如果想在 Shell中 执行（如 Bash 或 PowerShell），你可以在这里定义所使用的 Shell 和参数。设置后，您所执行的命令会作为参数追加。本设置对用户命令和事件钩子都生效。",
     "globalRules": "这是全局允许与禁止规则。它们作用于所有用户。您可以给每个用户定义单独的特殊规则来覆盖全局规则。",
     "globalSettings": "全局设置",
-    "hideDotfiles": "",
+    "hideDotfiles": "不显示隐藏文件",
     "insertPath": "插入路径",
     "insertRegex": "插入正则表达式",
     "instanceName": "实例名称",
     "language": "语言",
     "lockPassword": "禁止用户修改密码",
     "newPassword": "您的新密码",
-    "newPasswordConfirm": "重输一遍新密码",
+    "newPasswordConfirm": "再次输入以确认您的新密码",
     "newUser": "新建用户",
     "password": "密码",
     "passwordUpdated": "密码已更新！",
@@ -204,25 +213,27 @@
       "share": "分享文件"
     },
     "permissions": "权限",
-    "permissionsHelp": "您可以将该用户设置为管理员，也可以单独选择各项权限。如果选择了“管理员”，则其他的选项会被自动勾上，同时该用户可以管理其他用户。",
+    "permissionsHelp": "您可以将该用户设置为管理员或单独选择各项权限。如果您选择了“管理员”，则其他的选项会被自动选中，同时该用户可以管理其他用户。\n",
     "profileSettings": "个人设置",
-    "ruleExample1": "阻止用户访问所有文件夹下任何以 . 开头的文件（隐藏文件, 例如: .git, .gitignore）。",
+    "ruleExample1": "阻止用户访问所有文件夹下任何以 . 开头的文件（隐藏文件, 例如: .git, .gitignore）。\n",
     "ruleExample2": "阻止用户访问其目录范围的根目录下名为 Caddyfile 的文件。",
     "rules": "规则",
-    "rulesHelp": "您可以为该用户制定一组黑名单或白名单式的规则，被屏蔽的文件将不会显示在列表中，用户也无权限访问,支持相对于目录范围的路径。",
+    "rulesHelp": "您可以为该用户制定一组黑名单或白名单式的规则，被屏蔽的文件将不会显示在列表中，用户也无权限访问，支持正则表达式和相对于用户范围的路径。\n",
     "scope": "目录范围",
+    "setDateFormat": "显示精确的日期格式",
     "settingsUpdated": "设置已更新！",
     "shareDuration": "分享期限",
     "shareManagement": "分享管理",
-    "singleClick": "",
+    "shareDeleted": "分享已删除！",
+    "singleClick": "使用单击来打开文件和目录",
     "themes": {
       "dark": "深色",
       "light": "浅色",
       "title": "主题"
     },
     "user": "用户",
-    "userCommands": "用户命令（shell 命令）",
+    "userCommands": "用户命令（Shell 命令）",
-    "userCommandsHelp": "指定该用户可以执行的命令（shell 代码），用空格分隔。例如：",
+    "userCommandsHelp": "指定该用户可以执行的命令（Shell 命令），用空格分隔。例如：\n",
     "userCreated": "用户已创建！",
     "userDefaults": "用户默认设置",
     "userDeleted": "用户已删除！",
@@ -233,7 +244,7 @@
   },
   "sidebar": {
     "help": "帮助",
-    "hugoNew": "Hugo New",
+    "hugoNew": "Hugo 新建",
     "login": "登录",
     "logout": "登出",
     "myFiles": "我的文件",

frontend/src/i18n/zh-tw.json

@@ -77,6 +77,7 @@
     "help": "幫助"
   },
   "languages": {
+    "he": "עברית",
     "ar": "العربية",
     "de": "Deutsch",
     "en": "English",
@@ -92,7 +93,10 @@
     "ptBR": "Português (Brasil)",
     "ro": "Romanian",
     "ru": "Русский",
+    "sk": "Slovenčina",
     "svSE": "Swedish（Sweden）",
+    "tr" : "Türkçe",
+    "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
   },

frontend/src/router/index.js

@@ -12,10 +12,26 @@ import ProfileSettings from "@/views/settings/Profile";
 import Shares from "@/views/settings/Shares";
 import Errors from "@/views/Errors";
 import store from "@/store";
-import { baseURL } from "@/utils/constants";
+import { baseURL, name } from "@/utils/constants";
+import i18n, { rtlLanguages } from "@/i18n";
 
 Vue.use(Router);
 
+const titles = {
+  Login: "sidebar.login",
+  Share: "buttons.share",
+  Files: "files.files",
+  Settings: "sidebar.settings",
+  ProfileSettings: "settings.profileSettings",
+  Shares: "settings.shareManagement",
+  GlobalSettings: "settings.globalSettings",
+  Users: "settings.users",
+  User: "settings.user",
+  Forbidden: "errors.forbidden",
+  NotFound: "errors.notFound",
+  InternalServerError: "errors.internal",
+};
+
 const router = new Router({
   base: baseURL,
   mode: "history",
@@ -29,7 +45,6 @@ const router = new Router({
           return next({ path: "/files" });
         }
 
-        document.title = "Login";
         next();
       },
     },
@@ -63,7 +78,7 @@ const router = new Router({
           children: [
             {
               path: "/settings/profile",
-              name: "Profile Settings",
+              name: "ProfileSettings",
               component: ProfileSettings,
             },
             {
@@ -73,7 +88,7 @@ const router = new Router({
             },
             {
               path: "/settings/global",
-              name: "Global Settings",
+              name: "GlobalSettings",
               component: GlobalSettings,
               meta: {
                 requiresAdmin: true,
@@ -108,7 +123,7 @@ const router = new Router({
         },
         {
           path: "/404",
-          name: "Not Found",
+          name: "NotFound",
           component: Errors,
           props: {
             errorCode: 404,
@@ -117,7 +132,7 @@ const router = new Router({
         },
         {
           path: "/500",
-          name: "Internal Server Error",
+          name: "InternalServerError",
           component: Errors,
           props: {
             errorCode: 500,
@@ -140,7 +155,20 @@ const router = new Router({
 });
 
 router.beforeEach((to, from, next) => {
-  document.title = to.name;
+  const title = i18n.t(titles[to.name]);
+  document.title = title + " - " + name;
+
+  /*** RTL related settings per route ****/
+  const rtlSet = document.querySelector("body").classList.contains("rtl");
+  const shouldSetRtl = rtlLanguages.includes(i18n.locale);
+  switch (true) {
+    case shouldSetRtl && !rtlSet:
+      document.querySelector("body").classList.add("rtl");
+      break;
+    case !shouldSetRtl && rtlSet:
+      document.querySelector("body").classList.remove("rtl");
+      break;
+  }
 
   if (to.matched.some((record) => record.meta.requiresAuth)) {
     if (!store.getters.isLogged) {

frontend/src/store/getters.js

@@ -8,8 +8,40 @@ 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 = upload.file.name;
+      let size = state.upload.sizes[id];
+      let isDir = upload.file.isDir;
+      let progress = isDir
+        ? 100
+        : Math.ceil((state.upload.progress[id] / size) * 100);
+
+      files.push({
+        id,
+        name,
+        progress,
+        type,
+        isDir,
+      });
+    }
+
+    return files.sort((a, b) => a.progress - b.progress);
   },
 };
 

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];
   },
 };

frontend/src/utils/constants.js

@@ -14,6 +14,7 @@ const theme = window.FileBrowser.Theme;
 const enableThumbs = window.FileBrowser.EnableThumbs;
 const resizePreview = window.FileBrowser.ResizePreview;
 const enableExec = window.FileBrowser.EnableExec;
+const origin = window.location.origin;
 
 export {
   name,
@@ -31,4 +32,5 @@ export {
   enableThumbs,
   resizePreview,
   enableExec,
+  origin,
 };

frontend/src/utils/upload.js

@@ -70,6 +70,7 @@ export function scanFiles(dt) {
           isDir: true,
           size: 0,
           fullPath: `${directory}${entry.name}`,
+          name: entry.name,
         };
 
         contents.push(dir);
@@ -99,6 +100,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 +130,7 @@ export function handleFiles(files, base, overwrite = false) {
       path,
       file,
       overwrite,
+      ...(!file.isDir && { type: detectType(file.type) }),
     };
 
     store.dispatch("upload/upload", item);

frontend/src/utils/url.js

@@ -1,4 +1,4 @@
-function removeLastDir(url) {
+export function removeLastDir(url) {
   var arr = url.split("/");
   if (arr.pop() === "") {
     arr.pop();
@@ -9,7 +9,7 @@ function removeLastDir(url) {
 
 // this code borrow from mozilla
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent#Examples
-function encodeRFC5987ValueChars(str) {
+export function encodeRFC5987ValueChars(str) {
   return (
     encodeURIComponent(str)
       // Note that although RFC3986 reserves "!", RFC5987 does not,
@@ -22,7 +22,7 @@ function encodeRFC5987ValueChars(str) {
   );
 }
 
-function encodePath(str) {
+export function encodePath(str) {
   return str
     .split("/")
     .map((v) => encodeURIComponent(v))
@@ -30,7 +30,7 @@ function encodePath(str) {
 }
 
 export default {
-  encodeRFC5987ValueChars: encodeRFC5987ValueChars,
+  encodeRFC5987ValueChars,
-  removeLastDir: removeLastDir,
+  removeLastDir,
-  encodePath: encodePath,
+  encodePath,
 };

frontend/src/utils/vue.js

@@ -3,8 +3,10 @@ import Noty from "noty";
 import VueLazyload from "vue-lazyload";
 import i18n from "@/i18n";
 import { disableExternal } from "@/utils/constants";
+import AsyncComputed from "vue-async-computed";
 
 Vue.use(VueLazyload);
+Vue.use(AsyncComputed);
 
 Vue.config.productionTip = true;
 

frontend/src/views/Errors.vue

@@ -38,15 +38,8 @@ export default {
   },
   props: ["errorCode", "showHeader"],
   computed: {
-    code() {
-      return this.errorCode === "0" ||
-        this.errorCode === "404" ||
-        this.errorCode === "403"
-        ? parseInt(this.errorCode)
-        : 500;
-    },
     info() {
-      return errors[this.code];
+      return errors[this.errorCode] ? errors[this.errorCode] : errors[500];
     },
   },
 };

frontend/src/views/Files.vue

@@ -4,7 +4,7 @@
 
     <breadcrumbs base="/files" />
 
-    <errors v-if="error" :errorCode="error.message" />
+    <errors v-if="error" :errorCode="error.status" />
     <component v-else-if="currentView" :is="currentView"></component>
     <div v-else>
       <h2 class="message delayed">
@@ -116,7 +116,7 @@ export default {
         }
 
         this.$store.commit("updateRequest", res);
-        document.title = `${res.name} - ${this.$route.name}`;
+        document.title = `${res.name} - ${document.title}`;
       } catch (e) {
         this.error = e;
       } finally {

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"]),

frontend/src/views/Login.vue

@@ -8,6 +8,8 @@
       <input
         class="input input--block"
         type="text"
+        autocapitalize="off"
+        ref="username"
         v-model="username"
         :placeholder="$t('login.username')"
       />
@@ -69,6 +71,8 @@ export default {
     };
   },
   mounted() {
+    this.focusUsername();
+
     if (!recaptcha) return;
 
     window.grecaptcha.ready(function () {
@@ -78,6 +82,9 @@ export default {
     });
   },
   methods: {
+    focusUsername() {
+      this.$refs.username.focus();
+    },
     toggleMode() {
       this.createMode = !this.createMode;
     },

frontend/src/views/Share.vue

@@ -30,7 +30,7 @@
       </h2>
     </div>
     <div v-else-if="error">
-      <div v-if="error.message === '401'">
+      <div v-if="error.status === 401">
         <div class="card floating" id="password">
           <div v-if="attemptedPasswordLogin" class="share__wrong__password">
             {{ $t("login.wrongCredentials") }}
@@ -60,7 +60,7 @@
           </div>
         </div>
       </div>
-      <errors v-else :errorCode="error.message" />
+      <errors v-else :errorCode="error.status" />
     </div>
     <div v-else>
       <div class="share">
@@ -104,7 +104,7 @@
             </a>
           </div>
           <div class="share__box__element share__box__center">
-            <qrcode-vue :value="fullLink" size="200" level="M"></qrcode-vue>
+            <qrcode-vue :value="link" size="200" level="M"></qrcode-vue>
           </div>
         </div>
         <div
@@ -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)"
@@ -173,7 +173,6 @@
 <script>
 import { mapState, mapMutations, mapGetters } from "vuex";
 import { pub as api } from "@/api";
-import { baseURL } from "@/utils/constants";
 import filesize from "filesize";
 import moment from "moment";
 
@@ -231,21 +230,10 @@ export default {
       return "insert_drive_file";
     },
     link: function () {
-      let queryArg = "";
+      return api.getDownloadURL(this.req);
-      if (this.token !== "") {
-        queryArg = `?token=${this.token}`;
-      }
-
-      const path = this.$route.path.split("/").splice(2).join("/");
-      return `${baseURL}/api/public/dl/${path}${queryArg}`;
     },
     inlineLink: function () {
-      let url = new URL(this.fullLink);
+      return api.getDownloadURL(this.req, true);
-      url.searchParams.set("inline", "true");
-      return url.href;
-    },
-    fullLink: function () {
-      return window.location.origin + this.link;
     },
     humanSize: function () {
       if (this.req.isDir) {
@@ -287,11 +275,12 @@ export default {
 
       try {
         let file = await api.fetch(url, this.password);
+        file.hash = this.hash;
 
         this.token = file.token || "";
 
         this.updateRequest(file);
-        document.title = `${file.name} - ${this.$route.name}`;
+        document.title = `${file.name} - ${document.title}`;
       } catch (e) {
         this.error = e;
       } finally {

frontend/src/views/files/Editor.vue

@@ -4,15 +4,13 @@
       <action icon="close" :label="$t('buttons.close')" @action="close()" />
       <title>{{ req.name }}</title>
 
-      <template #actions>
+      <action
-        <action
+        v-if="user.perm.modify"
-          v-if="user.perm.modify"
+        id="save-button"
-          id="save-button"
+        icon="save"
-          icon="save"
+        :label="$t('buttons.save')"
-          :label="$t('buttons.save')"
+        @action="save()"
-          @action="save()"
+      />
-        />
-      </template>
     </header-bar>
 
     <breadcrumbs base="/files" noLink />

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>
@@ -204,6 +209,7 @@
             v-bind:modified="item.modified"
             v-bind:type="item.type"
             v-bind:size="item.size"
+            v-bind:path="item.path"
           >
           </item>
         </div>
@@ -220,6 +226,7 @@
             v-bind:modified="item.modified"
             v-bind:type="item.type"
             v-bind:size="item.size"
+            v-bind:path="item.path"
           >
           </item>
         </div>
@@ -283,6 +290,7 @@ export default {
   data: function () {
     return {
       showLimit: 50,
+      columnWidth: 280,
       dragCounter: 0,
       width: window.innerWidth,
       itemWeight: 0,
@@ -356,6 +364,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 +607,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 +823,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);

frontend/src/views/files/Preview.vue

@@ -103,7 +103,7 @@
             </a>
             <a
               target="_blank"
-              :href="downloadUrl + '&inline=true'"
+              :href="raw"
               class="button button--flat"
               v-if="!req.isDir"
             >
@@ -137,16 +137,17 @@
     >
       <i class="material-icons">chevron_right</i>
     </button>
+    <link rel="prefetch" :href="previousRaw" />
+    <link rel="prefetch" :href="nextRaw" />
   </div>
 </template>
 
 <script>
 import { mapState } from "vuex";
 import { files as api } from "@/api";
-import { baseURL, resizePreview } from "@/utils/constants";
+import { resizePreview } from "@/utils/constants";
 import url from "@/utils/url";
 import throttle from "lodash.throttle";
-
 import HeaderBar from "@/components/header/HeaderBar";
 import Action from "@/components/header/Action";
 import ExtendedImage from "@/components/files/ExtendedImage";
@@ -172,6 +173,8 @@ export default {
       navTimeout: null,
       hoverNav: false,
       autoPlay: false,
+      previousRaw: "",
+      nextRaw: "",
     };
   },
   computed: {
@@ -183,23 +186,14 @@ export default {
       return this.nextLink !== "";
     },
     downloadUrl() {
-      return `${baseURL}/api/raw${url.encodePath(this.req.path)}?auth=${
+      return api.getDownloadURL(this.req);
-        this.jwt
-      }`;
-    },
-    previewUrl() {
-      // reload the image when the file is replaced
-      const key = Date.parse(this.req.modified);
-
-      if (this.req.type === "image" && !this.fullSize) {
-        return `${baseURL}/api/preview/big${url.encodePath(
-          this.req.path
-        )}?k=${key}`;
-      }
-      return `${baseURL}/api/raw${url.encodePath(this.req.path)}?k=${key}`;
     },
     raw() {
-      return `${this.previewUrl}&inline=true`;
+      if (this.req.type === "image" && !this.fullSize) {
+        return api.getPreviewURL(this.req, "big");
+      }
+
+      return api.getDownloadURL(this.req, true);
     },
     showMore() {
       return this.$store.state.show === "more";
@@ -241,11 +235,11 @@ export default {
     },
     prev() {
       this.hoverNav = false;
-      this.$router.push({ path: this.previousLink });
+      this.$router.replace({ path: this.previousLink });
     },
     next() {
       this.hoverNav = false;
-      this.$router.push({ path: this.nextLink });
+      this.$router.replace({ path: this.nextLink });
     },
     key(event) {
       if (this.show !== null) {
@@ -273,9 +267,7 @@ export default {
       }
 
       if (this.req.subtitles) {
-        this.subtitles = this.req.subtitles.map(
+        this.subtitles = api.getSubtitlesURL(this.req);
-          (sub) => `${baseURL}/api/raw${sub}?inline=true`
-        );
       }
 
       let dirs = this.$route.fullPath.split("/");
@@ -302,13 +294,14 @@ export default {
         for (let j = i - 1; j >= 0; j--) {
           if (mediaTypes.includes(this.listing[j].type)) {
             this.previousLink = this.listing[j].url;
+            this.previousRaw = this.prefetchUrl(this.listing[j]);
             break;
           }
         }
-
         for (let j = i + 1; j < this.listing.length; j++) {
           if (mediaTypes.includes(this.listing[j].type)) {
             this.nextLink = this.listing[j].url;
+            this.nextRaw = this.prefetchUrl(this.listing[j]);
             break;
           }
         }
@@ -316,6 +309,15 @@ export default {
         return;
       }
     },
+    prefetchUrl(item) {
+      if (item.type !== "image") {
+        return "";
+      }
+
+      return this.fullSize
+        ? api.getDownloadURL(item, true)
+        : api.getPreviewURL(item, "big");
+    },
     openMore() {
       this.$store.commit("showHover", "more");
     },
@@ -344,7 +346,7 @@ export default {
       this.$router.push({ path: uri });
     },
     download() {
-      api.download(null, this.$route.path);
+      window.open(this.downloadUrl);
     },
   },
 };