Version 1.3.10

Former-commit-id: f9c2dd8d2b77b8d5e887562032777a108cc75c31 [formerly 659e0be49e23fed2271489b14db6fc51a25b7e0d] [formerly 57d196da7a6f46d3accb40ed471adbed67ebe5bf [formerly 0c657c3019]]
Former-commit-id: 40ae9fb71bcc1989f00c20cf05b54ebf3db3f0ff [formerly a51a873c5262d30736274109f7d779e5cc45e423]
Former-commit-id: 45946d34eca1ae4198ea113bc886d43f12322a65

.babelrc

@@ -1,13 +1,13 @@
-{
-  "presets": [
-    ["env", { "modules": false }],
-    "stage-2"
-  ],
-  "plugins": ["transform-runtime"],
-  "env": {
-    "test": {
-      "presets": ["env", "stage-2"],
-      "plugins": [ "istanbul" ]
-    }
-  }
-}
+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-2"
+  ],
+  "plugins": ["transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": [ "istanbul" ]
+    }
+  }
+}

.dockerignore

@@ -1,4 +1,4 @@
-assets/
-testdata/
-caddy/
-.github/
+assets/
+testdata/
+caddy/
+.github/

.editorconfig

@@ -1,14 +1,14 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-# 4 space indentation
-[*.go]
-indent_style = tab
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# 4 space indentation
+[*.go]
+indent_style = tab
 indent_size = 4

.eslintignore

@@ -1,2 +1,2 @@
-build/*.js
-config/*.js
+build/*.js
+config/*.js

.eslintrc.js

@@ -1,27 +1,27 @@
-// http://eslint.org/docs/user-guide/configuring
-
-module.exports = {
-  root: true,
-  parser: 'babel-eslint',
-  parserOptions: {
-    sourceType: 'module'
-  },
-  env: {
-    browser: true,
-  },
-  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
-  extends: 'standard',
-  // required to lint *.vue files
-  plugins: [
-    'html'
-  ],
-  // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 0,
-    // allow async-await
-    'generator-star-spacing': 0,
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
-  }
-}
+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
+}

.github/ISSUE_TEMPLATE.md

@@ -1,24 +1,24 @@
-### Instructions (remove before submitting):
-
-1. Are you asking for help with using Caddy or File Manager? Please use our forum instead: https://forum.caddyserver.com.
-2. If you are filing a bug report, please answer the following questions.
-3. If your issue is not a bug report, you do not need to use this template.
-4. If not using with Caddy, ignore questions 1 and 2.
-
-### 1. Have you downloaded File Manager from caddyserver.com? If yes, when have you done that? If no, and you are running a custom build, which is the revision of File Manager's repository?
-
-### 2. What is your entire Caddyfile?
-```text
-(Put Caddyfile here)
-```
-
-### 3. What are you trying to do?
-
-
-### 4. What did you expect to see?
-
-
-### 5. What did you see instead (give full error messages and/or log)?
-
-
-### 6. How can someone who is starting from scratch reproduce this behaviour as minimally as possible?
+### Instructions (remove before submitting):
+
+1. Are you asking for help with using Caddy or File Manager? Please use our forum instead: https://forum.caddyserver.com.
+2. If you are filing a bug report, please answer the following questions.
+3. If your issue is not a bug report, you do not need to use this template.
+4. If not using with Caddy, ignore questions 1 and 2.
+
+### 1. Have you downloaded File Manager from caddyserver.com? If yes, when have you done that? If no, and you are running a custom build, which is the revision of File Manager's repository?
+
+### 2. What is your entire Caddyfile?
+```text
+(Put Caddyfile here)
+```
+
+### 3. What are you trying to do?
+
+
+### 4. What did you expect to see?
+
+
+### 5. What did you see instead (give full error messages and/or log)?
+
+
+### 6. How can someone who is starting from scratch reproduce this behaviour as minimally as possible?

.gitignore

@@ -6,3 +6,5 @@ node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.idea
+.vscode

.goreleaser.yml

@@ -1,29 +1,29 @@
-build:
-  main: cmd/filemanager/main.go
-  binary: filemanager
-  goos:
-    - darwin
-    - linux
-    - windows
-    - freebsd
-    - netbsd
-    - openbsd
-  goarch:
-    - amd64
-    - 386
-    - arm
-    - arm64
-  ignore:
-    - goos: openbsd
-      goarch: arm
-      goarm: 6
-    - goos: freebsd
-      goarch: arm
-      goarm: 6
-
-archive:
-  name_template: "{{.Os}}-{{.Arch}}-{{ .ProjectName }}"
-  format: tar.gz
-  format_overrides:
-    - goos: windows
-      format: zip
+build:
+  main: cmd/filemanager/main.go
+  binary: filemanager
+  goos:
+    - darwin
+    - linux
+    - windows
+    - freebsd
+    - netbsd
+    - openbsd
+  goarch:
+    - amd64
+    - 386
+    - arm
+    - arm64
+  ignore:
+    - goos: openbsd
+      goarch: arm
+      goarm: 6
+    - goos: freebsd
+      goarch: arm
+      goarm: 6
+
+archive:
+  name_template: "{{.Os}}-{{.Arch}}-{{ .ProjectName }}"
+  format: tar.gz
+  format_overrides:
+    - goos: windows
+      format: zip

.travis.yml

@@ -1,6 +1,6 @@
 language: go
 
-go: 1.8.3
+go: 1.x
 
 env:
   - "PATH=/home/travis/gopath/bin:$PATH"
@@ -15,7 +15,7 @@ install:
   - go get github.com/tsenart/deadcode
 
 script:
-  - gometalinter --disable-all -E vet -E gofmt -E misspell -E ineffassign -E goimports -E deadcode --exclude="rice-box.go" --tests ./...
+  - gometalinter --disable-all -E gofmt -E misspell -E ineffassign -E goimports -E deadcode --exclude="rice-box.go" --tests ./...
   - go test ./... -timeout 30s
 
 after_success:

CODE_OF_CONDUCT.md

@@ -1,46 +1,46 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at hacdias@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
-
-[homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at hacdias@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

CONTRIBUTING.md

@@ -1,14 +1,14 @@
-# Contributing
-
-If you want to contribute or want to build the code from source, you will need to have the most recent version of Go and, if you want to change the static assets (JS, CSS, ...), Node.js installed on your computer. To start developing, you just need to do the following:
-
-1. `go get github.com/hacdias/filemanager`
-2. `cd $GOPATH/src/github.com/hacdias/filemanager`
-3. `npm install`
-4. `npm run dev` - regenerates the static assets automatically
-5. `go install github.com/hacdias/filemanager/cmd/filemanager`
-6. Execute `$GOPATH/bin/filemanager`
-
-The steps 3 and 4 are only required **if you want to develop the front-end**. Otherwise, you can ignore them. Before pulling, if you made any change on assets folder, you must run the `build.sh` script on the root of this repository.
-
-If you are using this as a Caddy plugin, you should use its [official instructions for plugins](https://github.com/mholt/caddy/wiki/Extending-Caddy#2-plug-in-your-plugin) and import `github.com/hacdias/filemanager/caddy/filemanager`.
+# Contributing
+
+If you want to contribute or want to build the code from source, you will need to have the most recent version of Go and, if you want to change the static assets (JS, CSS, ...), Node.js installed on your computer. To start developing, you just need to do the following:
+
+1. `go get github.com/hacdias/filemanager`
+2. `cd $GOPATH/src/github.com/hacdias/filemanager`
+3. `npm install`
+4. `npm run dev` - regenerates the static assets automatically
+5. `go install github.com/hacdias/filemanager/cmd/filemanager`
+6. Execute `$GOPATH/bin/filemanager`
+
+The steps 3 and 4 are only required **if you want to develop the front-end**. Otherwise, you can ignore them. Before pulling, if you made any change on assets folder, you must run the `build.sh` script on the root of this repository.
+
+If you are using this as a Caddy plugin, you should use its [official instructions for plugins](https://github.com/mholt/caddy/wiki/Extending-Caddy#2-plug-in-your-plugin) and import `github.com/hacdias/filemanager/caddy/filemanager`.

Dockerfile

@@ -1,22 +1,23 @@
-FROM golang:alpine
-
-COPY . /go/src/github.com/hacdias/filemanager
-
-WORKDIR /go/src/github.com/hacdias/filemanager
-RUN apk add --no-cache git
-RUN go get ./...
-
-WORKDIR /go/src/github.com/hacdias/filemanager/cmd/filemanager
-RUN CGO_ENABLED=0 go build -a
-RUN mv filemanager /go/bin/filemanager
-
-FROM scratch
-COPY --from=0 /go/bin/filemanager /filemanager
-
-VOLUME /srv
-EXPOSE 80
-
-COPY Docker.json /config.json
-
-ENTRYPOINT ["/filemanager"]
-CMD ["--config", "/config.json"]
+FROM golang:alpine
+
+COPY . /go/src/github.com/hacdias/filemanager
+
+WORKDIR /go/src/github.com/hacdias/filemanager
+RUN apk add --no-cache git
+RUN go get ./...
+
+WORKDIR /go/src/github.com/hacdias/filemanager/cmd/filemanager
+RUN CGO_ENABLED=0 go build -a
+RUN mv filemanager /go/bin/filemanager
+
+FROM scratch
+COPY --from=0 /go/bin/filemanager /filemanager
+
+VOLUME /tmp
+VOLUME /srv
+EXPOSE 80
+
+COPY Docker.json /config.json
+
+ENTRYPOINT ["/filemanager"]
+CMD ["--config", "/config.json"]

LICENSE.md

@@ -1,201 +1,201 @@
-Apache License
-Version 2.0, January 2004
-http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
-"License" shall mean the terms and conditions for use, reproduction,
-and distribution as defined by Sections 1 through 9 of this document.
-
-"Licensor" shall mean the copyright owner or entity authorized by
-the copyright owner that is granting the License.
-
-"Legal Entity" shall mean the union of the acting entity and all
-other entities that control, are controlled by, or are under common
-control with that entity. For the purposes of this definition,
-"control" means (i) the power, direct or indirect, to cause the
-direction or management of such entity, whether by contract or
-otherwise, or (ii) ownership of fifty percent (50%) or more of the
-outstanding shares, or (iii) beneficial ownership of such entity.
-
-"You" (or "Your") shall mean an individual or Legal Entity
-exercising permissions granted by this License.
-
-"Source" form shall mean the preferred form for making modifications,
-including but not limited to software source code, documentation
-source, and configuration files.
-
-"Object" form shall mean any form resulting from mechanical
-transformation or translation of a Source form, including but
-not limited to compiled object code, generated documentation,
-and conversions to other media types.
-
-"Work" shall mean the work of authorship, whether in Source or
-Object form, made available under the License, as indicated by a
-copyright notice that is included in or attached to the work
-(an example is provided in the Appendix below).
-
-"Derivative Works" shall mean any work, whether in Source or Object
-form, that is based on (or derived from) the Work and for which the
-editorial revisions, annotations, elaborations, or other modifications
-represent, as a whole, an original work of authorship. For the purposes
-of this License, Derivative Works shall not include works that remain
-separable from, or merely link (or bind by name) to the interfaces of,
-the Work and Derivative Works thereof.
-
-"Contribution" shall mean any work of authorship, including
-the original version of the Work and any modifications or additions
-to that Work or Derivative Works thereof, that is intentionally
-submitted to Licensor for inclusion in the Work by the copyright owner
-or by an individual or Legal Entity authorized to submit on behalf of
-the copyright owner. For the purposes of this definition, "submitted"
-means any form of electronic, verbal, or written communication sent
-to the Licensor or its representatives, including but not limited to
-communication on electronic mailing lists, source code control systems,
-and issue tracking systems that are managed by, or on behalf of, the
-Licensor for the purpose of discussing and improving the Work, but
-excluding communication that is conspicuously marked or otherwise
-designated in writing by the copyright owner as "Not a Contribution."
-
-"Contributor" shall mean Licensor and any individual or Legal Entity
-on behalf of whom a Contribution has been received by Licensor and
-subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
-this License, each Contributor hereby grants to You a perpetual,
-worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-copyright license to reproduce, prepare Derivative Works of,
-publicly display, publicly perform, sublicense, and distribute the
-Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
-this License, each Contributor hereby grants to You a perpetual,
-worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-(except as stated in this section) patent license to make, have made,
-use, offer to sell, sell, import, and otherwise transfer the Work,
-where such license applies only to those patent claims licensable
-by such Contributor that are necessarily infringed by their
-Contribution(s) alone or by combination of their Contribution(s)
-with the Work to which such Contribution(s) was submitted. If You
-institute patent litigation against any entity (including a
-cross-claim or counterclaim in a lawsuit) alleging that the Work
-or a Contribution incorporated within the Work constitutes direct
-or contributory patent infringement, then any patent licenses
-granted to You under this License for that Work shall terminate
-as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
-Work or Derivative Works thereof in any medium, with or without
-modifications, and in Source or Object form, provided that You
-meet the following conditions:
-
-(a) You must give any other recipients of the Work or
-Derivative Works a copy of this License; and
-
-(b) You must cause any modified files to carry prominent notices
-stating that You changed the files; and
-
-(c) You must retain, in the Source form of any Derivative Works
-that You distribute, all copyright, patent, trademark, and
-attribution notices from the Source form of the Work,
-excluding those notices that do not pertain to any part of
-the Derivative Works; and
-
-(d) If the Work includes a "NOTICE" text file as part of its
-distribution, then any Derivative Works that You distribute must
-include a readable copy of the attribution notices contained
-within such NOTICE file, excluding those notices that do not
-pertain to any part of the Derivative Works, in at least one
-of the following places: within a NOTICE text file distributed
-as part of the Derivative Works; within the Source form or
-documentation, if provided along with the Derivative Works; or,
-within a display generated by the Derivative Works, if and
-wherever such third-party notices normally appear. The contents
-of the NOTICE file are for informational purposes only and
-do not modify the License. You may add Your own attribution
-notices within Derivative Works that You distribute, alongside
-or as an addendum to the NOTICE text from the Work, provided
-that such additional attribution notices cannot be construed
-as modifying the License.
-
-You may add Your own copyright statement to Your modifications and
-may provide additional or different license terms and conditions
-for use, reproduction, or distribution of Your modifications, or
-for any such Derivative Works as a whole, provided Your use,
-reproduction, and distribution of the Work otherwise complies with
-the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
-any Contribution intentionally submitted for inclusion in the Work
-by You to the Licensor shall be under the terms and conditions of
-this License, without any additional terms or conditions.
-Notwithstanding the above, nothing herein shall supersede or modify
-the terms of any separate license agreement you may have executed
-with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
-names, trademarks, service marks, or product names of the Licensor,
-except as required for reasonable and customary use in describing the
-origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
-agreed to in writing, Licensor provides the Work (and each
-Contributor provides its Contributions) on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied, including, without limitation, any warranties or conditions
-of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-PARTICULAR PURPOSE. You are solely responsible for determining the
-appropriateness of using or redistributing the Work and assume any
-risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
-whether in tort (including negligence), contract, or otherwise,
-unless required by applicable law (such as deliberate and grossly
-negligent acts) or agreed to in writing, shall any Contributor be
-liable to You for damages, including any direct, indirect, special,
-incidental, or consequential damages of any character arising as a
-result of this License or out of the use or inability to use the
-Work (including but not limited to damages for loss of goodwill,
-work stoppage, computer failure or malfunction, or any and all
-other commercial damages or losses), even if such Contributor
-has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
-the Work or Derivative Works thereof, You may choose to offer,
-and charge a fee for, acceptance of support, warranty, indemnity,
-or other liability obligations and/or rights consistent with this
-License. However, in accepting such obligations, You may act only
-on Your own behalf and on Your sole responsibility, not on behalf
-of any other Contributor, and only if You agree to indemnify,
-defend, and hold each Contributor harmless for any liability
-incurred by, or claims asserted against, such Contributor by reason
-of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
-To apply the Apache License to your work, attach the following
-boilerplate notice, with the fields enclosed by brackets "{}"
-replaced with your own identifying information. (Don't include
-the brackets!)  The text should be enclosed in the appropriate
-comment syntax for the file format. We also recommend that a
-file or class name and description of purpose be included on the
-same "printed page" as the copyright notice for easier
-identification within third-party archives.
-
-Copyright {yyyy} {name of copyright owner}
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction,
+and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by
+the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all
+other entities that control, are controlled by, or are under common
+control with that entity. For the purposes of this definition,
+"control" means (i) the power, direct or indirect, to cause the
+direction or management of such entity, whether by contract or
+otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity
+exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications,
+including but not limited to software source code, documentation
+source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical
+transformation or translation of a Source form, including but
+not limited to compiled object code, generated documentation,
+and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or
+Object form, made available under the License, as indicated by a
+copyright notice that is included in or attached to the work
+(an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object
+form, that is based on (or derived from) the Work and for which the
+editorial revisions, annotations, elaborations, or other modifications
+represent, as a whole, an original work of authorship. For the purposes
+of this License, Derivative Works shall not include works that remain
+separable from, or merely link (or bind by name) to the interfaces of,
+the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including
+the original version of the Work and any modifications or additions
+to that Work or Derivative Works thereof, that is intentionally
+submitted to Licensor for inclusion in the Work by the copyright owner
+or by an individual or Legal Entity authorized to submit on behalf of
+the copyright owner. For the purposes of this definition, "submitted"
+means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems,
+and issue tracking systems that are managed by, or on behalf of, the
+Licensor for the purpose of discussing and improving the Work, but
+excluding communication that is conspicuously marked or otherwise
+designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity
+on behalf of whom a Contribution has been received by Licensor and
+subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+this License, each Contributor hereby grants to You a perpetual,
+worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+copyright license to reproduce, prepare Derivative Works of,
+publicly display, publicly perform, sublicense, and distribute the
+Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+this License, each Contributor hereby grants to You a perpetual,
+worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+(except as stated in this section) patent license to make, have made,
+use, offer to sell, sell, import, and otherwise transfer the Work,
+where such license applies only to those patent claims licensable
+by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s)
+with the Work to which such Contribution(s) was submitted. If You
+institute patent litigation against any entity (including a
+cross-claim or counterclaim in a lawsuit) alleging that the Work
+or a Contribution incorporated within the Work constitutes direct
+or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate
+as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+Work or Derivative Works thereof in any medium, with or without
+modifications, and in Source or Object form, provided that You
+meet the following conditions:
+
+(a) You must give any other recipients of the Work or
+Derivative Works a copy of this License; and
+
+(b) You must cause any modified files to carry prominent notices
+stating that You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works
+that You distribute, all copyright, patent, trademark, and
+attribution notices from the Source form of the Work,
+excluding those notices that do not pertain to any part of
+the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its
+distribution, then any Derivative Works that You distribute must
+include a readable copy of the attribution notices contained
+within such NOTICE file, excluding those notices that do not
+pertain to any part of the Derivative Works, in at least one
+of the following places: within a NOTICE text file distributed
+as part of the Derivative Works; within the Source form or
+documentation, if provided along with the Derivative Works; or,
+within a display generated by the Derivative Works, if and
+wherever such third-party notices normally appear. The contents
+of the NOTICE file are for informational purposes only and
+do not modify the License. You may add Your own attribution
+notices within Derivative Works that You distribute, alongside
+or as an addendum to the NOTICE text from the Work, provided
+that such additional attribution notices cannot be construed
+as modifying the License.
+
+You may add Your own copyright statement to Your modifications and
+may provide additional or different license terms and conditions
+for use, reproduction, or distribution of Your modifications, or
+for any such Derivative Works as a whole, provided Your use,
+reproduction, and distribution of the Work otherwise complies with
+the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+any Contribution intentionally submitted for inclusion in the Work
+by You to the Licensor shall be under the terms and conditions of
+this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify
+the terms of any separate license agreement you may have executed
+with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+names, trademarks, service marks, or product names of the Licensor,
+except as required for reasonable and customary use in describing the
+origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+agreed to in writing, Licensor provides the Work (and each
+Contributor provides its Contributions) on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied, including, without limitation, any warranties or conditions
+of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any
+risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+whether in tort (including negligence), contract, or otherwise,
+unless required by applicable law (such as deliberate and grossly
+negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special,
+incidental, or consequential damages of any character arising as a
+result of this License or out of the use or inability to use the
+Work (including but not limited to damages for loss of goodwill,
+work stoppage, computer failure or malfunction, or any and all
+other commercial damages or losses), even if such Contributor
+has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+the Work or Derivative Works thereof, You may choose to offer,
+and charge a fee for, acceptance of support, warranty, indemnity,
+or other liability obligations and/or rights consistent with this
+License. However, in accepting such obligations, You may act only
+on Your own behalf and on Your sole responsibility, not on behalf
+of any other Contributor, and only if You agree to indemnify,
+defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason
+of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+To apply the Apache License to your work, attach the following
+boilerplate notice, with the fields enclosed by brackets "{}"
+replaced with your own identifying information. (Don't include
+the brackets!)  The text should be enclosed in the appropriate
+comment syntax for the file format. We also recommend that a
+file or class name and description of purpose be included on the
+same "printed page" as the copyright notice for easier
+identification within third-party archives.
+
+Copyright {yyyy} {name of copyright owner}
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

README.md

@@ -1,78 +1,78 @@
-![Preview](https://user-images.githubusercontent.com/5447088/28537288-39be4288-70a2-11e7-8ce9-0813d59f46b7.gif)
-
-# filemanager
-
-[![Build](https://img.shields.io/travis/hacdias/filemanager.svg?style=flat-square)](https://travis-ci.org/hacdias/filemanager)
-[![Go Report Card](https://goreportcard.com/badge/github.com/hacdias/filemanager?style=flat-square)](https://goreportcard.com/report/hacdias/filemanager)
-[![Documentation](https://img.shields.io/badge/godoc-reference-blue.svg?style=flat-square)](http://godoc.org/github.com/hacdias/filemanager)
-
-filemanager 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.
-
-# Table of contents
-
-+ [Getting started](#getting-started)
-+ [Features](#features)
-  - [Users](#users)
-  - [Search](#search)
-+ [Contributing](#contributing)
-+ [Donate](#donate)
-
-# Getting started
-
-You can find the Getting Started guide on the [documentation](https://henriquedias.com/filemanager/quick-start/).
-
-# Features
-
-Easy login system.
-
-![Login Page](https://user-images.githubusercontent.com/5447088/28432382-975493dc-6d7f-11e7-9190-23f8037159dc.jpg)
-
-Listings of your files, available in two styles: mosaic and list. You can delete, move, rename, upload and create new files, as well as directories. Single files can be downloaded directly, and multiple files as *.zip*, *.tar*, *.tar.gz*, *.tar.bz2* or *.tar.xz*.
-
-![Mosaic Listing](https://user-images.githubusercontent.com/5447088/28432384-9771bb4c-6d7f-11e7-8564-3a9bd6a3ce3a.jpg)
-
-File Manager editor is powered by [Codemirror](https://codemirror.net/) and if you're working with markdown files with metadata, both parts will be separated from each other so you can focus on the content.
-
-![Markdown Editor](https://user-images.githubusercontent.com/5447088/28432383-9756fdac-6d7f-11e7-8e58-fec49470d15f.jpg)
-
-On the settings page, a regular user can set its own custom CSS to personalize the experience and change its password. For admins, they can manage the permissions of each user, set commands which can be executed when certain events are triggered (such as before saving and after saving) and change plugin's settings.
-
-![Settings](https://user-images.githubusercontent.com/5447088/28432385-9776ec66-6d7f-11e7-90a5-891bacd4d02f.jpg)
-
-We also allow the users to search in the directories and execute commands if allowed.
-
-## Users
-
-We support multiple users and each user can have its own scope and custom stylesheet. The administrator is able to choose which permissions should be given to the users, as well as the commands they can execute. Each user also have a set of rules, in which he can be prevented or allowed to access some directories (regular expressions included!).
-
-![Users](https://user-images.githubusercontent.com/5447088/28432386-977f388a-6d7f-11e7-9006-87d16f05f1f8.jpg)
-
-## Search
-
-FileManager allows you to search through your files and it has some options. By default, your search will be something like this:
-
-```
-this are keywords
-```
-
-If you search for that it will look at every file that contains "this", "are" or "keywords" on their name. If you want to search for an exact term, you should surround your search by double quotes:
-
-```
-"this is the name"
-```
-
-That will search for any file that contains "this is the name" on its name. It won't search for each separated term this time.
-
-By default, every search will be case sensitive. Although, you can make a case insensitive search by adding `case:insensitive` to the search terms, like this:
-
-```
-this are keywords case:insensitive
-```
-
-# Contributing
-
-The contributing guidelines can be found [here](https://github.com/hacdias/filemanager/blob/master/CONTRIBUTING.md).
-
-# Donate
-
-Enjoying this project? You can [donate to its creator](https://henriquedias.com/donate/). He will appreciate.
+![Preview](https://user-images.githubusercontent.com/5447088/28537288-39be4288-70a2-11e7-8ce9-0813d59f46b7.gif)
+
+# filemanager
+
+[![Build](https://img.shields.io/travis/hacdias/filemanager.svg?style=flat-square)](https://travis-ci.org/hacdias/filemanager)
+[![Go Report Card](https://goreportcard.com/badge/github.com/hacdias/filemanager?style=flat-square)](https://goreportcard.com/report/hacdias/filemanager)
+[![Documentation](https://img.shields.io/badge/godoc-reference-blue.svg?style=flat-square)](http://godoc.org/github.com/hacdias/filemanager)
+
+filemanager 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.
+
+# Table of contents
+
++ [Getting started](#getting-started)
++ [Features](#features)
+  - [Users](#users)
+  - [Search](#search)
++ [Contributing](#contributing)
++ [Donate](#donate)
+
+# Getting started
+
+You can find the Getting Started guide on the [documentation](https://henriquedias.com/filemanager/quick-start/).
+
+# Features
+
+Easy login system.
+
+![Login Page](https://user-images.githubusercontent.com/5447088/28432382-975493dc-6d7f-11e7-9190-23f8037159dc.jpg)
+
+Listings of your files, available in two styles: mosaic and list. You can delete, move, rename, upload and create new files, as well as directories. Single files can be downloaded directly, and multiple files as *.zip*, *.tar*, *.tar.gz*, *.tar.bz2* or *.tar.xz*.
+
+![Mosaic Listing](https://user-images.githubusercontent.com/5447088/28432384-9771bb4c-6d7f-11e7-8564-3a9bd6a3ce3a.jpg)
+
+File Manager editor is powered by [Codemirror](https://codemirror.net/) and if you're working with markdown files with metadata, both parts will be separated from each other so you can focus on the content.
+
+![Markdown Editor](https://user-images.githubusercontent.com/5447088/28432383-9756fdac-6d7f-11e7-8e58-fec49470d15f.jpg)
+
+On the settings page, a regular user can set its own custom CSS to personalize the experience and change its password. For admins, they can manage the permissions of each user, set commands which can be executed when certain events are triggered (such as before saving and after saving) and change plugin's settings.
+
+![Settings](https://user-images.githubusercontent.com/5447088/28432385-9776ec66-6d7f-11e7-90a5-891bacd4d02f.jpg)
+
+We also allow the users to search in the directories and execute commands if allowed.
+
+## Users
+
+We support multiple users and each user can have its own scope and custom stylesheet. The administrator is able to choose which permissions should be given to the users, as well as the commands they can execute. Each user also have a set of rules, in which he can be prevented or allowed to access some directories (regular expressions included!).
+
+![Users](https://user-images.githubusercontent.com/5447088/28432386-977f388a-6d7f-11e7-9006-87d16f05f1f8.jpg)
+
+## Search
+
+FileManager allows you to search through your files and it has some options. By default, your search will be something like this:
+
+```
+this are keywords
+```
+
+If you search for that it will look at every file that contains "this", "are" or "keywords" on their name. If you want to search for an exact term, you should surround your search by double quotes:
+
+```
+"this is the name"
+```
+
+That will search for any file that contains "this is the name" on its name. It won't search for each separated term this time.
+
+By default, every search will be case sensitive. Although, you can make a case insensitive search by adding `case:insensitive` to the search terms, like this:
+
+```
+this are keywords case:insensitive
+```
+
+# Contributing
+
+The contributing guidelines can be found [here](https://github.com/hacdias/filemanager/blob/master/CONTRIBUTING.md).
+
+# Donate
+
+Enjoying this project? You can [donate to its creator](https://henriquedias.com/donate/). He will appreciate.

assets/build/build.js

@@ -1,31 +1,31 @@
-require('./check-versions')()
-
-process.env.NODE_ENV = 'production'
-
-var ora = require('ora')
-var rm = require('rimraf')
-var path = require('path')
-var chalk = require('chalk')
-var webpack = require('webpack')
-var config = require('./config')
-var webpackConfig = require('./webpack.prod.conf')
-
-var spinner = ora('building for production...')
-spinner.start()
-
-rm(path.join(config.assetsRoot, config.assetsSubDirectory), err => {
-  if (err) throw err
-  webpack(webpackConfig, function (err, stats) {
-    spinner.stop()
-    if (err) throw err
-    process.stdout.write(stats.toString({
-      colors: true,
-      modules: false,
-      children: false,
-      chunks: false,
-      chunkModules: false
-    }) + '\n\n')
-
-    console.log(chalk.cyan('  Build complete.\n'))
-  })
-})
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+var ora = require('ora')
+var rm = require('rimraf')
+var path = require('path')
+var chalk = require('chalk')
+var webpack = require('webpack')
+var config = require('./config')
+var webpackConfig = require('./webpack.prod.conf')
+
+var spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.assetsRoot, config.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, function (err, stats) {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    console.log(chalk.cyan('  Build complete.\n'))
+  })
+})

assets/build/check-versions.js

@@ -1,48 +1,48 @@
-var chalk = require('chalk')
-var semver = require('semver')
-var packageConfig = require('../../package.json')
-var shell = require('shelljs')
-function exec (cmd) {
-  return require('child_process').execSync(cmd).toString().trim()
-}
-
-var versionRequirements = [
-  {
-    name: 'node',
-    currentVersion: semver.clean(process.version),
-    versionRequirement: packageConfig.engines.node
-  }
-]
-
-if (shell.which('npm')) {
-  versionRequirements.push({
-    name: 'npm',
-    currentVersion: exec('npm --version'),
-    versionRequirement: packageConfig.engines.npm
-  })
-}
-
-module.exports = function () {
-  var warnings = []
-  for (var i = 0; i < versionRequirements.length; i++) {
-    var mod = versionRequirements[i]
-    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
-      warnings.push(mod.name + ': ' +
-        chalk.red(mod.currentVersion) + ' should be ' +
-        chalk.green(mod.versionRequirement)
-      )
-    }
-  }
-
-  if (warnings.length) {
-    console.log('')
-    console.log(chalk.yellow('To use this template, you must update following to modules:'))
-    console.log()
-    for (var i = 0; i < warnings.length; i++) {
-      var warning = warnings[i]
-      console.log('  ' + warning)
-    }
-    console.log()
-    process.exit(1)
-  }
-}
+var chalk = require('chalk')
+var semver = require('semver')
+var packageConfig = require('../../package.json')
+var shell = require('shelljs')
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+var versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  var warnings = []
+  for (var i = 0; i < versionRequirements.length; i++) {
+    var mod = versionRequirements[i]
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+    for (var i = 0; i < warnings.length; i++) {
+      var warning = warnings[i]
+      console.log('  ' + warning)
+    }
+    console.log()
+    process.exit(1)
+  }
+}

assets/build/config.js

@@ -1,26 +1,26 @@
-// see http://vuejs-templates.github.io/webpack for documentation.
-var path = require('path')
-
-module.exports = {
-  index: path.resolve(__dirname, '../dist/index.html'),
-  assetsRoot: path.resolve(__dirname, '../dist'),
-  assetsSubDirectory: 'static',
-  assetsPublicPath: '{{ .BaseURL }}/',
-  build: {
-    env: {
-      NODE_ENV: '"production"'
-    },
-    productionSourceMap: true,
-    // Run the build command with an extra argument to
-    // View the bundle analyzer report after build finishes:
-    // `npm run build --report`
-    // Set to `true` or `false` to always turn it on or off
-    bundleAnalyzerReport: process.env.npm_config_report
-  },
-  dev: {
-    env: {
-      NODE_ENV: '"development"'
-    },
-    produceSourceMap: true
-  }
-}
+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+  index: path.resolve(__dirname, '../dist/index.html'),
+  assetsRoot: path.resolve(__dirname, '../dist'),
+  assetsSubDirectory: 'static',
+  assetsPublicPath: '{{ .BaseURL }}/',
+  build: {
+    env: {
+      NODE_ENV: '"production"'
+    },
+    productionSourceMap: true,
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  },
+  dev: {
+    env: {
+      NODE_ENV: '"development"'
+    },
+    produceSourceMap: true
+  }
+}

assets/build/service-worker-dev.js

@@ -1,17 +1,17 @@
-// This service worker file is effectively a 'no-op' that will reset any
-// previous service worker registered for the same host:port combination.
-// In the production build, this file is replaced with an actual service worker
-// file that will precache your site's local assets.
-// See https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
-
-self.addEventListener('install', () => self.skipWaiting());
-
-self.addEventListener('activate', () => {
-  self.clients.matchAll({ type: 'window' }).then(windowClients => {
-    for (let windowClient of windowClients) {
-      // Force open pages to refresh, so that they have a chance to load the
-      // fresh navigation response from the local dev server.
-      windowClient.navigate(windowClient.url);
-    }
-  });
+// This service worker file is effectively a 'no-op' that will reset any
+// previous service worker registered for the same host:port combination.
+// In the production build, this file is replaced with an actual service worker
+// file that will precache your site's local assets.
+// See https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
+
+self.addEventListener('install', () => self.skipWaiting());
+
+self.addEventListener('activate', () => {
+  self.clients.matchAll({ type: 'window' }).then(windowClients => {
+    for (let windowClient of windowClients) {
+      // Force open pages to refresh, so that they have a chance to load the
+      // fresh navigation response from the local dev server.
+      windowClient.navigate(windowClient.url);
+    }
+  });
 });

assets/build/service-worker-prod.js

@@ -1,55 +1,55 @@
-(function() {
-  'use strict';
-
-  // Check to make sure service workers are supported in the current browser,
-  // and that the current page is accessed from a secure origin. Using a
-  // service worker from an insecure origin will trigger JS console errors.
-  const isLocalhost = Boolean(window.location.hostname === 'localhost' ||
-      // [::1] is the IPv6 localhost address.
-      window.location.hostname === '[::1]' ||
-      // 127.0.0.1/8 is considered localhost for IPv4.
-      window.location.hostname.match(
-        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-      )
-    );
-
-  window.addEventListener('load', function() {
-      if ('serviceWorker' in navigator &&
-          (window.location.protocol === 'https:' || isLocalhost)) {
-        navigator.serviceWorker.register('{{ .BaseURL }}/sw.js')
-        .then(function(registration) {
-          // updatefound is fired if service-worker.js changes.
-          registration.onupdatefound = function() {
-            // updatefound is also fired the very first time the SW is installed,
-            // and there's no need to prompt for a reload at that point.
-            // So check here to see if the page is already controlled,
-            // i.e. whether there's an existing service worker.
-            if (navigator.serviceWorker.controller) {
-              // The updatefound event implies that registration.installing is set
-              const installingWorker = registration.installing;
-
-              installingWorker.onstatechange = function() {
-                switch (installingWorker.state) {
-                  case 'installed':
-                    // At this point, the old content will have been purged and the
-                    // fresh content will have been added to the cache.
-                    // It's the perfect time to display a "New content is
-                    // available; please refresh." message in the page's interface.
-                    break;
-
-                  case 'redundant':
-                    throw new Error('The installing ' +
-                                    'service worker became redundant.');
-
-                  default:
-                    // Ignore
-                }
-              };
-            }
-          };
-        }).catch(function(e) {
-          console.error('Error during service worker registration:', e);
-        });
-      }
-  });
-})();
+(function() {
+  'use strict';
+
+  // Check to make sure service workers are supported in the current browser,
+  // and that the current page is accessed from a secure origin. Using a
+  // service worker from an insecure origin will trigger JS console errors.
+  const isLocalhost = Boolean(window.location.hostname === 'localhost' ||
+      // [::1] is the IPv6 localhost address.
+      window.location.hostname === '[::1]' ||
+      // 127.0.0.1/8 is considered localhost for IPv4.
+      window.location.hostname.match(
+        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+      )
+    );
+
+  window.addEventListener('load', function() {
+      if ('serviceWorker' in navigator &&
+          (window.location.protocol === 'https:' || isLocalhost)) {
+        navigator.serviceWorker.register('{{ .BaseURL }}/sw.js')
+        .then(function(registration) {
+          // updatefound is fired if service-worker.js changes.
+          registration.onupdatefound = function() {
+            // updatefound is also fired the very first time the SW is installed,
+            // and there's no need to prompt for a reload at that point.
+            // So check here to see if the page is already controlled,
+            // i.e. whether there's an existing service worker.
+            if (navigator.serviceWorker.controller) {
+              // The updatefound event implies that registration.installing is set
+              const installingWorker = registration.installing;
+
+              installingWorker.onstatechange = function() {
+                switch (installingWorker.state) {
+                  case 'installed':
+                    // At this point, the old content will have been purged and the
+                    // fresh content will have been added to the cache.
+                    // It's the perfect time to display a "New content is
+                    // available; please refresh." message in the page's interface.
+                    break;
+
+                  case 'redundant':
+                    throw new Error('The installing ' +
+                                    'service worker became redundant.');
+
+                  default:
+                    // Ignore
+                }
+              };
+            }
+          };
+        }).catch(function(e) {
+          console.error('Error during service worker registration:', e);
+        });
+      }
+  });
+})();

assets/build/utils.js

@@ -1,70 +1,70 @@
-var path = require('path')
-var config = require('./config')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
-
-exports.assetsPath = function (_path) {
-  var assetsSubDirectory = config.assetsSubDirectory
-
-  return path.posix.join(assetsSubDirectory, _path)
-}
-
-exports.cssLoaders = function (options) {
-  options = options || {}
-
-  var cssLoader = {
-    loader: 'css-loader',
-    options: {
-      minimize: process.env.NODE_ENV === 'production',
-      sourceMap: options.sourceMap
-    }
-  }
-
-  // generate loader string to be used with extract text plugin
-  function generateLoaders (loader, loaderOptions) {
-    var loaders = [cssLoader]
-    if (loader) {
-      loaders.push({
-        loader: loader + '-loader',
-        options: Object.assign({}, loaderOptions, {
-          sourceMap: options.sourceMap
-        })
-      })
-    }
-
-    // Extract CSS when that option is specified
-    // (which is the case during production build)
-    if (options.extract) {
-      return ExtractTextPlugin.extract({
-        use: loaders,
-        fallback: 'vue-style-loader'
-      })
-    } else {
-      return ['vue-style-loader'].concat(loaders)
-    }
-  }
-
-  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
-  return {
-    css: generateLoaders(),
-    postcss: generateLoaders(),
-    less: generateLoaders('less'),
-    sass: generateLoaders('sass', { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
-    stylus: generateLoaders('stylus'),
-    styl: generateLoaders('stylus')
-  }
-}
-
-// Generate loaders for standalone style files (outside of .vue)
-exports.styleLoaders = function (options) {
-  var output = []
-  var loaders = exports.cssLoaders(options)
-  for (var extension in loaders) {
-    var loader = loaders[extension]
-    output.push({
-      test: new RegExp('\\.' + extension + '$'),
-      use: loader
-    })
-  }
-  return output
-}
+var path = require('path')
+var config = require('./config')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+exports.assetsPath = function (_path) {
+  var assetsSubDirectory = config.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  var cssLoader = {
+    loader: 'css-loader',
+    options: {
+      minimize: process.env.NODE_ENV === 'production',
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    var loaders = [cssLoader]
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  var output = []
+  var loaders = exports.cssLoaders(options)
+  for (var extension in loaders) {
+    var loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+  return output
+}

assets/build/vue-loader.conf.js

@@ -1,12 +1,12 @@
-var utils = require('./utils')
-var config = require('./config')
-var isProduction = process.env.NODE_ENV === 'production'
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: isProduction
-      ? config.build.productionSourceMap
-      : config.dev.produceSourceMap,
-    extract: isProduction
-  })
-}
+var utils = require('./utils')
+var config = require('./config')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: isProduction
+      ? config.build.productionSourceMap
+      : config.dev.produceSourceMap,
+    extract: isProduction
+  })
+}

assets/build/webpack.base.conf.js

@@ -1,69 +1,69 @@
-var path = require('path')
-var utils = require('./utils')
-var config = require('./config')
-var vueLoaderConfig = require('./vue-loader.conf')
-
-function resolve (dir) {
-  return path.join(__dirname, '..', dir)
-}
-
-module.exports = {
-  entry: {
-    app: './assets/src/main.js'
-  },
-  output: {
-    path: config.assetsRoot,
-    filename: '[name].js',
-    publicPath: config.assetsPublicPath
-  },
-  resolve: {
-    extensions: ['.js', '.vue', '.json'],
-    alias: {
-      'vue$': 'vue/dist/vue.esm.js',
-      '@': resolve('src')
-    }
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(yml|yaml)$/,
-        loader: 'yml-loader'
-      },
-      {
-        test: /\.(js|vue)$/,
-        loader: 'eslint-loader',
-        enforce: 'pre',
-        include: [resolve('src'), resolve('test')],
-        options: {
-          formatter: require('eslint-friendly-formatter')
-        }
-      },
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader',
-        options: vueLoaderConfig
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        include: [resolve('src'), resolve('test')]
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('img/[name].[hash:7].[ext]')
-        }
-      },
-      {
-        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          // limit: 10000,
-          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
-        }
-      }
-    ]
-  }
-}
+var path = require('path')
+var utils = require('./utils')
+var config = require('./config')
+var vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+module.exports = {
+  entry: {
+    app: './assets/src/main.js'
+  },
+  output: {
+    path: config.assetsRoot,
+    filename: '[name].js',
+    publicPath: config.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src')
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(yml|yaml)$/,
+        loader: 'yml-loader'
+      },
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [resolve('src'), resolve('test')],
+        options: {
+          formatter: require('eslint-friendly-formatter')
+        }
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          // limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  }
+}

assets/build/webpack.dev.conf.js

@@ -1,81 +1,81 @@
-var fs = require('fs')
-var path = require('path')
-var utils = require('./utils')
-var webpack = require('webpack')
-var config = require('./config')
-var merge = require('webpack-merge')
-var baseWebpackConfig = require('./webpack.base.conf')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
-var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
-var CopyWebpackPlugin = require('copy-webpack-plugin')
-
-module.exports = merge(baseWebpackConfig, {
-  watch: true,
-  module: {
-    rules: utils.styleLoaders({
-      sourceMap: config.dev.produceSourceMap,
-      extract: true
-    })
-  },
-  devtool: '#cheap-module-eval-source-map',
-  output: {
-    path: config.assetsRoot,
-    filename: utils.assetsPath('js/[name].[chunkhash].js'),
-    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
-  },
-  plugins: [
-    new webpack.NoEmitOnErrorsPlugin(),
-    new FriendlyErrorsPlugin(),
-    new webpack.DefinePlugin({
-      'process.env': config.dev.env
-    }),
-    // extract css into its own file
-    new ExtractTextPlugin({
-      filename: utils.assetsPath('css/[name].[contenthash].css')
-    }),
-    // generate dist index.html with correct asset hash for caching.
-    // you can customize output by editing /index.html
-    // see https://github.com/ampedandwired/html-webpack-plugin
-    new HtmlWebpackPlugin({
-      filename: config.index,
-      template: 'assets/index.html',
-      inject: true,
-      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
-      chunksSortMode: 'dependency',
-      serviceWorkerLoader: `<script>${fs.readFileSync(path.join(__dirname,
-        './service-worker-dev.js'), 'utf-8')}</script>`
-    }),
-    // split vendor js into its own file
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'vendor',
-      minChunks: function (module, count) {
-        // any required modules inside node_modules are extracted to vendor
-        return (
-          module.resource &&
-          /\.js$/.test(module.resource) &&
-          module.resource.indexOf(
-            path.join(__dirname, '../../node_modules')
-          ) === 0
-        )
-      }
-    }),
-    // extract webpack runtime and module manifest to its own file in order to
-    // prevent vendor hash from being updated whenever app bundle is updated
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest',
-      chunks: ['vendor']
-    }),
-    new CopyWebpackPlugin([
-      {
-        from: path.resolve(__dirname, '../static'),
-        to: config.assetsSubDirectory,
-        ignore: ['.*']
-      },
-      {
-        from: path.resolve(__dirname, '../../node_modules/codemirror/mode/*/*'),
-        to: path.join(config.assetsSubDirectory, 'js/codemirror/mode/[name]/[name].js')
-      }
-    ])
-  ]
-})
+var fs = require('fs')
+var path = require('path')
+var utils = require('./utils')
+var webpack = require('webpack')
+var config = require('./config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+var CopyWebpackPlugin = require('copy-webpack-plugin')
+
+module.exports = merge(baseWebpackConfig, {
+  watch: true,
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.dev.produceSourceMap,
+      extract: true
+    })
+  },
+  devtool: '#cheap-module-eval-source-map',
+  output: {
+    path: config.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    new webpack.NoEmitOnErrorsPlugin(),
+    new FriendlyErrorsPlugin(),
+    new webpack.DefinePlugin({
+      'process.env': config.dev.env
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css')
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.index,
+      template: 'assets/index.html',
+      inject: true,
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency',
+      serviceWorkerLoader: `<script>${fs.readFileSync(path.join(__dirname,
+        './service-worker-dev.js'), 'utf-8')}</script>`
+    }),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks: function (module, count) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      chunks: ['vendor']
+    }),
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.assetsSubDirectory,
+        ignore: ['.*']
+      },
+      {
+        from: path.resolve(__dirname, '../../node_modules/codemirror/mode/*/*'),
+        to: path.join(config.assetsSubDirectory, 'js/codemirror/mode/[name]/[name].js')
+      }
+    ])
+  ]
+})

assets/src/assets/logo.svg

@@ -1,5 +1,5 @@
-<svg id="content" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 144">
-    <circle cx="72" cy="72" r="72" fill="#2979ff"/>
-    <circle cx="72" cy="72" r="48" fill="#40c4ff"/>
-    <circle cx="72" cy="72" r="24" fill="#fff"/>
+<svg id="content" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 144">
+    <circle cx="72" cy="72" r="72" fill="#2979ff"/>
+    <circle cx="72" cy="72" r="48" fill="#40c4ff"/>
+    <circle cx="72" cy="72" r="24" fill="#fff"/>
 </svg>

assets/src/components/Languages.vue

@@ -1,22 +1,22 @@
-<template>
-  <select v-on:change="change" :value="selected">
-    <option value="en">{{ $t('languages.en') }}</option>
-    <option value="fr">{{ $t('languages.fr') }}</option>
-    <option value="pt">{{ $t('languages.pt') }}</option>
-    <option value="ja">{{ $t('languages.ja') }}</option>
-    <option value="zh-cn">{{ $t('languages.zhCN') }}</option>
-    <option value="zh-tw">{{ $t('languages.zhTW') }}</option>
-  </select>
-</template>
-
-<script>
-export default {
-  name: 'languages',
-  props: [ 'selected' ],
-  methods: {
-    change (event) {
-      this.$emit('update:selected', event.target.value)
-    }
-  }
-}
-</script>
+<template>
+  <select v-on:change="change" :value="selected">
+    <option value="en">{{ $t('languages.en') }}</option>
+    <option value="fr">{{ $t('languages.fr') }}</option>
+    <option value="pt">{{ $t('languages.pt') }}</option>
+    <option value="ja">{{ $t('languages.ja') }}</option>
+    <option value="zh-cn">{{ $t('languages.zhCN') }}</option>
+    <option value="zh-tw">{{ $t('languages.zhTW') }}</option>
+  </select>
+</template>
+
+<script>
+export default {
+  name: 'languages',
+  props: [ 'selected' ],
+  methods: {
+    change (event) {
+      this.$emit('update:selected', event.target.value)
+    }
+  }
+}
+</script>

assets/src/components/Search.vue

@@ -1,265 +1,265 @@
-<template>
-  <div id="search" @click="open" v-bind:class="{ active , ongoing }">
-    <div id="input">
-      <button v-if="active" class="action" @click="close" :aria-label="$t('buttons.close')" :title="$t('buttons.close')">
-        <i class="material-icons">arrow_back</i>
-      </button>
-      <i v-else class="material-icons">search</i>
-      <input type="text"
-        @keyup="keyup"
-        @keyup.enter="submit"
-        ref="input"
-        :autofocus="active"
-        v-model.trim="value"
-        :aria-label="$t('search.writeToSearch')"
-        :placeholder="placeholder">
-    </div>
-
-    <div id="result">
-      <div>
-        <template v-if="search.length === 0 && commands.length === 0">
-          <p>{{ text }}</p>
-
-          <template v-if="value.length === 0">
-            <div class="boxes">
-              <h3>{{ $t('search.types') }}</h3>
-              <div>
-                <div tabindex="0"
-                  role="button"
-                  @click="init('type:image')"
-                  :aria-label="$t('search.images')">
-                  <i class="material-icons">insert_photo</i>
-                  <p>{{ $t('search.images') }}</p>
-                </div>
-
-                <div tabindex="0"
-                  role="button"
-                  @click="init('type:audio')"
-                  :aria-label="$t('search.music')">
-                  <i class="material-icons">volume_up</i>
-                  <p>{{ $t('search.music') }}</p>
-                </div>
-
-                <div tabindex="0"
-                  role="button"
-                  @click="init('type:video')"
-                  :aria-label="$t('search.video')">
-                  <i class="material-icons">movie</i>
-                  <p>{{ $t('search.video') }}</p>
-                </div>
-
-                <div tabindex="0"
-                  role="button"
-                  @click="init('type:pdf')"
-                  :aria-label="$t('search.pdf')">
-                  <i class="material-icons">picture_as_pdf</i>
-                  <p>{{ $t('search.pdf') }}</p>
-                </div>
-              </div>
-            </div>
-          </template>
-
-        </template>
-        <ul v-else-if="search.length > 0">
-          <li v-for="s in search">
-            <router-link @click.native="close" :to="'./' + s.path">
-              <i v-if="s.dir" class="material-icons">folder</i>
-              <i v-else class="material-icons">insert_drive_file</i>
-              <span>./{{ s.path }}</span>
-            </router-link>
-          </li>
-        </ul>
-
-        <pre v-else-if="commands.length > 0">
-          <template v-for="c in commands">{{ c }}</template>
-        </pre>
-      </div>
-      <p id="renew"><i class="material-icons spin">autorenew</i></p>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-import url from '@/utils/url'
-import * as api from '@/utils/api'
-
-export default {
-  name: 'search',
-  data: function () {
-    return {
-      value: '',
-      active: false,
-      ongoing: false,
-      scrollable: null,
-      search: [],
-      commands: [],
-      reload: false
-    }
-  },
-  watch: {
-    show (val, old) {
-      this.active = (val === 'search')
-
-      // If the hover was search and now it's something else
-      // we should blur the input.
-      if (old === 'search' && val !== 'search') {
-        if (this.reload) {
-          this.$store.commit('setReload', true)
-        }
-
-        document.body.style.overflow = 'auto'
-        this.reset()
-        this.$refs.input.blur()
-      }
-
-      // If we are starting to show the search box, we should
-      // focus the input.
-      if (val === 'search') {
-        this.reload = false
-        this.$refs.input.focus()
-        document.body.style.overflow = 'hidden'
-      }
-    }
-  },
-  computed: {
-    ...mapState(['user', 'show']),
-    // Placeholder value.
-    placeholder: function () {
-      if (this.user.allowCommands && this.user.commands.length > 0) {
-        return this.$t('search.searchOrCommand')
-      }
-
-      return this.$t('search.search')
-    },
-    // The text that is shown on the results' box while
-    // there is no search result or command output to show.
-    text: function () {
-      if (this.ongoing) {
-        return ''
-      }
-
-      if (this.value.length === 0) {
-        if (this.user.allowCommands && this.user.commands.length > 0) {
-          return `${this.$t('search.searchOrSupportedCommand')} ${this.user.commands.join(', ')}.`
-        }
-
-        this.$t('search.type')
-      }
-
-      if (!this.supported() || !this.user.allowCommands) {
-        return this.$t('search.pressToSearch')
-      } else {
-        return this.$t('search.pressToExecute')
-      }
-    }
-  },
-  mounted: function () {
-    // Gets the result div which will be scrollable.
-    this.scrollable = document.querySelector('#search #result')
-
-    // Adds the keydown event on window for the ESC key, so
-    // when it's pressed, it closes the search window.
-    window.addEventListener('keydown', (event) => {
-      if (event.keyCode === 27) {
-        this.$store.commit('closeHovers')
-      }
-    })
-  },
-  methods: {
-    // Sets the search to active.
-    open (event) {
-      this.$store.commit('showHover', 'search')
-    },
-    // Closes the search and prevents the event
-    // of propagating so it doesn't trigger the
-    // click event on #search.
-    close (event) {
-      event.stopPropagation()
-      event.preventDefault()
-      this.$store.commit('closeHovers')
-    },
-    // Checks if the current input is a supported command.
-    supported () {
-      let pieces = this.value.split(' ')
-
-      for (let i = 0; i < this.user.commands.length; i++) {
-        if (pieces[0] === this.user.commands[i]) {
-          return true
-        }
-      }
-
-      return false
-    },
-    // Initializes the search with a default value.
-    init (string) {
-      this.value = string + ' '
-      this.$refs.input.focus()
-    },
-    // Resets the search box value.
-    reset () {
-      this.value = ''
-      this.active = false
-      this.ongoing = false
-      this.search = []
-      this.commands = []
-    },
-    // When the user presses a key, if it is ESC
-    // then it will close the search box. Otherwise,
-    // it will set the search box to active and clean
-    // the search results, as well as commands'.
-    keyup (event) {
-      if (event.keyCode === 27) {
-        this.close(event)
-        return
-      }
-
-      this.search.length = 0
-      this.commands.length = 0
-    },
-    // Submits the input to the server and sets ongoing to true.
-    submit (event) {
-      this.ongoing = true
-
-      let path = this.$route.path
-      if (this.$store.state.req.kind !== 'listing') {
-        path = url.removeLastDir(path) + '/'
-      }
-
-      // In case of being a command.
-      if (this.supported() && this.user.allowCommands) {
-        api.command(path, this.value,
-          (event) => {
-            this.commands.push(event.data)
-            this.scrollable.scrollTop = this.scrollable.scrollHeight
-          },
-          (event) => {
-            this.reload = true
-            this.ongoing = false
-            this.scrollable.scrollTop = this.scrollable.scrollHeight
-          }
-        )
-
-        return
-      }
-
-      // In case of being a search.
-      api.search(path, this.value,
-        (event) => {
-          let response = JSON.parse(event.data)
-          if (response.path[0] === '/') {
-            response.path = response.path.substring(1)
-          }
-
-          this.search.push(response)
-          this.scrollable.scrollTop = this.scrollable.scrollHeight
-        },
-        (event) => {
-          this.ongoing = false
-          this.scrollable.scrollTop = this.scrollable.scrollHeight
-        }
-      )
-    }
-  }
-}
-</script>
+<template>
+  <div id="search" @click="open" v-bind:class="{ active , ongoing }">
+    <div id="input">
+      <button v-if="active" class="action" @click="close" :aria-label="$t('buttons.close')" :title="$t('buttons.close')">
+        <i class="material-icons">arrow_back</i>
+      </button>
+      <i v-else class="material-icons">search</i>
+      <input type="text"
+        @keyup="keyup"
+        @keyup.enter="submit"
+        ref="input"
+        :autofocus="active"
+        v-model.trim="value"
+        :aria-label="$t('search.writeToSearch')"
+        :placeholder="placeholder">
+    </div>
+
+    <div id="result">
+      <div>
+        <template v-if="search.length === 0 && commands.length === 0">
+          <p>{{ text }}</p>
+
+          <template v-if="value.length === 0">
+            <div class="boxes">
+              <h3>{{ $t('search.types') }}</h3>
+              <div>
+                <div tabindex="0"
+                  role="button"
+                  @click="init('type:image')"
+                  :aria-label="$t('search.images')">
+                  <i class="material-icons">insert_photo</i>
+                  <p>{{ $t('search.images') }}</p>
+                </div>
+
+                <div tabindex="0"
+                  role="button"
+                  @click="init('type:audio')"
+                  :aria-label="$t('search.music')">
+                  <i class="material-icons">volume_up</i>
+                  <p>{{ $t('search.music') }}</p>
+                </div>
+
+                <div tabindex="0"
+                  role="button"
+                  @click="init('type:video')"
+                  :aria-label="$t('search.video')">
+                  <i class="material-icons">movie</i>
+                  <p>{{ $t('search.video') }}</p>
+                </div>
+
+                <div tabindex="0"
+                  role="button"
+                  @click="init('type:pdf')"
+                  :aria-label="$t('search.pdf')">
+                  <i class="material-icons">picture_as_pdf</i>
+                  <p>{{ $t('search.pdf') }}</p>
+                </div>
+              </div>
+            </div>
+          </template>
+
+        </template>
+        <ul v-else-if="search.length > 0">
+          <li v-for="s in search">
+            <router-link @click.native="close" :to="'./' + s.path">
+              <i v-if="s.dir" class="material-icons">folder</i>
+              <i v-else class="material-icons">insert_drive_file</i>
+              <span>./{{ s.path }}</span>
+            </router-link>
+          </li>
+        </ul>
+
+        <pre v-else-if="commands.length > 0">
+          <template v-for="c in commands">{{ c }}</template>
+        </pre>
+      </div>
+      <p id="renew"><i class="material-icons spin">autorenew</i></p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import url from '@/utils/url'
+import * as api from '@/utils/api'
+
+export default {
+  name: 'search',
+  data: function () {
+    return {
+      value: '',
+      active: false,
+      ongoing: false,
+      scrollable: null,
+      search: [],
+      commands: [],
+      reload: false
+    }
+  },
+  watch: {
+    show (val, old) {
+      this.active = (val === 'search')
+
+      // If the hover was search and now it's something else
+      // we should blur the input.
+      if (old === 'search' && val !== 'search') {
+        if (this.reload) {
+          this.$store.commit('setReload', true)
+        }
+
+        document.body.style.overflow = 'auto'
+        this.reset()
+        this.$refs.input.blur()
+      }
+
+      // If we are starting to show the search box, we should
+      // focus the input.
+      if (val === 'search') {
+        this.reload = false
+        this.$refs.input.focus()
+        document.body.style.overflow = 'hidden'
+      }
+    }
+  },
+  computed: {
+    ...mapState(['user', 'show']),
+    // Placeholder value.
+    placeholder: function () {
+      if (this.user.allowCommands && this.user.commands.length > 0) {
+        return this.$t('search.searchOrCommand')
+      }
+
+      return this.$t('search.search')
+    },
+    // The text that is shown on the results' box while
+    // there is no search result or command output to show.
+    text: function () {
+      if (this.ongoing) {
+        return ''
+      }
+
+      if (this.value.length === 0) {
+        if (this.user.allowCommands && this.user.commands.length > 0) {
+          return `${this.$t('search.searchOrSupportedCommand')} ${this.user.commands.join(', ')}.`
+        }
+
+        this.$t('search.type')
+      }
+
+      if (!this.supported() || !this.user.allowCommands) {
+        return this.$t('search.pressToSearch')
+      } else {
+        return this.$t('search.pressToExecute')
+      }
+    }
+  },
+  mounted: function () {
+    // Gets the result div which will be scrollable.
+    this.scrollable = document.querySelector('#search #result')
+
+    // Adds the keydown event on window for the ESC key, so
+    // when it's pressed, it closes the search window.
+    window.addEventListener('keydown', (event) => {
+      if (event.keyCode === 27) {
+        this.$store.commit('closeHovers')
+      }
+    })
+  },
+  methods: {
+    // Sets the search to active.
+    open (event) {
+      this.$store.commit('showHover', 'search')
+    },
+    // Closes the search and prevents the event
+    // of propagating so it doesn't trigger the
+    // click event on #search.
+    close (event) {
+      event.stopPropagation()
+      event.preventDefault()
+      this.$store.commit('closeHovers')
+    },
+    // Checks if the current input is a supported command.
+    supported () {
+      let pieces = this.value.split(' ')
+
+      for (let i = 0; i < this.user.commands.length; i++) {
+        if (pieces[0] === this.user.commands[i]) {
+          return true
+        }
+      }
+
+      return false
+    },
+    // Initializes the search with a default value.
+    init (string) {
+      this.value = string + ' '
+      this.$refs.input.focus()
+    },
+    // Resets the search box value.
+    reset () {
+      this.value = ''
+      this.active = false
+      this.ongoing = false
+      this.search = []
+      this.commands = []
+    },
+    // When the user presses a key, if it is ESC
+    // then it will close the search box. Otherwise,
+    // it will set the search box to active and clean
+    // the search results, as well as commands'.
+    keyup (event) {
+      if (event.keyCode === 27) {
+        this.close(event)
+        return
+      }
+
+      this.search.length = 0
+      this.commands.length = 0
+    },
+    // Submits the input to the server and sets ongoing to true.
+    submit (event) {
+      this.ongoing = true
+
+      let path = this.$route.path
+      if (this.$store.state.req.kind !== 'listing') {
+        path = url.removeLastDir(path) + '/'
+      }
+
+      // In case of being a command.
+      if (this.supported() && this.user.allowCommands) {
+        api.command(path, this.value,
+          (event) => {
+            this.commands.push(event.data)
+            this.scrollable.scrollTop = this.scrollable.scrollHeight
+          },
+          (event) => {
+            this.reload = true
+            this.ongoing = false
+            this.scrollable.scrollTop = this.scrollable.scrollHeight
+          }
+        )
+
+        return
+      }
+
+      // In case of being a search.
+      api.search(path, this.value,
+        (event) => {
+          let response = JSON.parse(event.data)
+          if (response.path[0] === '/') {
+            response.path = response.path.substring(1)
+          }
+
+          this.search.push(response)
+          this.scrollable.scrollTop = this.scrollable.scrollHeight
+        },
+        (event) => {
+          this.ongoing = false
+          this.scrollable.scrollTop = this.scrollable.scrollHeight
+        }
+      )
+    }
+  }
+}
+</script>

assets/src/components/buttons/Copy.vue

@@ -1,17 +1,17 @@
-<template>
-  <button @click="show" :aria-label="$t('buttons.copy')" :title="$t('buttons.copy')" class="action" id="copy-button">
-    <i class="material-icons">content_copy</i>
-    <span>{{ $t('buttons.copyFile') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'copy-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'copy')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="show" :aria-label="$t('buttons.copy')" :title="$t('buttons.copy')" class="action" id="copy-button">
+    <i class="material-icons">content_copy</i>
+    <span>{{ $t('buttons.copyFile') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'copy-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'copy')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Delete.vue

@@ -1,17 +1,17 @@
-<template>
-  <button @click="show" :aria-label="$t('buttons.delete')" :title="$t('buttons.delete')" class="action" id="delete-button">
-    <i class="material-icons">delete</i>
-    <span>{{ $t('buttons.delete') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'delete-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'delete')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="show" :aria-label="$t('buttons.delete')" :title="$t('buttons.delete')" class="action" id="delete-button">
+    <i class="material-icons">delete</i>
+    <span>{{ $t('buttons.delete') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'delete-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'delete')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Download.vue

@@ -1,39 +1,39 @@
-<template>
-  <button @click="download" :aria-label="$t('buttons.download')" :title="$t('buttons.download')" id="download-button" class="action">
-    <i class="material-icons">file_download</i>
-    <span>{{ $t('buttons.download') }}</span>
-    <span v-if="selectedCount > 0" class="counter">{{ selectedCount }}</span>
-  </button>
-</template>
-
-<script>
-import {mapGetters, mapState} from 'vuex'
-import * as api from '@/utils/api'
-
-export default {
-  name: 'download-button',
-  computed: {
-    ...mapState(['req', 'selected']),
-    ...mapGetters(['selectedCount'])
-  },
-  methods: {
-    download: function (event) {
-      // If we are not on a listing, download the current file.
-      if (this.req.kind !== 'listing') {
-        api.download(null, this.$route.path)
-        return
-      }
-
-      // If we are on a listing and there is one element selected,
-      // download it.
-      if (this.selectedCount === 1 && !this.req.items[this.selected[0]].isDir) {
-        api.download(null, this.req.items[this.selected[0]].url)
-        return
-      }
-
-      // Otherwise show the prompt to choose the formt of the download.
-      this.$store.commit('showHover', 'download')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="download" :aria-label="$t('buttons.download')" :title="$t('buttons.download')" id="download-button" class="action">
+    <i class="material-icons">file_download</i>
+    <span>{{ $t('buttons.download') }}</span>
+    <span v-if="selectedCount > 0" class="counter">{{ selectedCount }}</span>
+  </button>
+</template>
+
+<script>
+import {mapGetters, mapState} from 'vuex'
+import * as api from '@/utils/api'
+
+export default {
+  name: 'download-button',
+  computed: {
+    ...mapState(['req', 'selected']),
+    ...mapGetters(['selectedCount'])
+  },
+  methods: {
+    download: function (event) {
+      // If we are not on a listing, download the current file.
+      if (this.req.kind !== 'listing') {
+        api.download(null, this.$route.path)
+        return
+      }
+
+      // If we are on a listing and there is one element selected,
+      // download it.
+      if (this.selectedCount === 1 && !this.req.items[this.selected[0]].isDir) {
+        api.download(null, this.req.items[this.selected[0]].url)
+        return
+      }
+
+      // Otherwise show the prompt to choose the formt of the download.
+      this.$store.commit('showHover', 'download')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Info.vue

@@ -1,17 +1,17 @@
-<template>
-  <button :title="$t('buttons.info')" :aria-label="$t('buttons.info')" class="action" @click="show">
-    <i class="material-icons">info</i>
-    <span>{{ $t('buttons.info') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'info-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'info')
-    }
-  }
-}
-</script>
+<template>
+  <button :title="$t('buttons.info')" :aria-label="$t('buttons.info')" class="action" @click="show">
+    <i class="material-icons">info</i>
+    <span>{{ $t('buttons.info') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'info-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'info')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Move.vue

@@ -1,17 +1,17 @@
-<template>
-  <button @click="show" :aria-label="$t('buttons.move')" :title="$t('buttons.move')" class="action" id="move-button">
-    <i class="material-icons">forward</i>
-    <span>{{ $t('buttons.moveFile') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'move-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'move')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="show" :aria-label="$t('buttons.move')" :title="$t('buttons.move')" class="action" id="move-button">
+    <i class="material-icons">forward</i>
+    <span>{{ $t('buttons.moveFile') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'move-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'move')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Rename.vue

@@ -1,17 +1,17 @@
-<template>
-  <button @click="show" :aria-label="$t('buttons.rename')" :title="$t('buttons.rename')" class="action" id="rename-button">
-    <i class="material-icons">mode_edit</i>
-    <span>{{ $t('buttons.rename') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'rename-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'rename')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="show" :aria-label="$t('buttons.rename')" :title="$t('buttons.rename')" class="action" id="rename-button">
+    <i class="material-icons">mode_edit</i>
+    <span>{{ $t('buttons.rename') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'rename-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'rename')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Schedule.vue

@@ -1,21 +1,21 @@
-<template>
-  <button @click="show"
-    :aria-label="$t('buttons.schedule')"
-    :title="$t('buttons.schedule')"
-    id="schedule-button"
-    class="action">
-    <i class="material-icons">alarm</i>
-    <span>{{ $t('buttons.schedule') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'schedule-button',
-  methods: {
-    show: function (event) {
-      this.$store.commit('showHover', 'schedule')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="show"
+    :aria-label="$t('buttons.schedule')"
+    :title="$t('buttons.schedule')"
+    id="schedule-button"
+    class="action">
+    <i class="material-icons">alarm</i>
+    <span>{{ $t('buttons.schedule') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'schedule-button',
+  methods: {
+    show: function (event) {
+      this.$store.commit('showHover', 'schedule')
+    }
+  }
+}
+</script>

assets/src/components/buttons/Upload.vue

@@ -1,17 +1,17 @@
-<template>
-  <button @click="upload" :aria-label="$t('buttons.upload')" :title="$t('buttons.upload')" class="action" id="upload-button">
-    <i class="material-icons">file_upload</i>
-    <span>{{ $t('buttons.upload') }}</span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'upload-button',
-  methods: {
-    upload: function (event) {
-      document.getElementById('upload-input').click()
-    }
-  }
-}
-</script>
+<template>
+  <button @click="upload" :aria-label="$t('buttons.upload')" :title="$t('buttons.upload')" class="action" id="upload-button">
+    <i class="material-icons">file_upload</i>
+    <span>{{ $t('buttons.upload') }}</span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'upload-button',
+  methods: {
+    upload: function (event) {
+      document.getElementById('upload-input').click()
+    }
+  }
+}
+</script>

assets/src/components/files/Listing.vue

@@ -196,6 +196,10 @@ export default {
       })
     },
     paste (event) {
+      if (event.target.tagName.toLowerCase() === 'input') {
+        return
+      }
+
       event.preventDefault()
 
       let items = []

assets/src/components/files/ListingItem.vue

@@ -119,9 +119,21 @@ export default {
       }
 
       if (event.shiftKey && this.selected.length === 1) {
-        let fi = (this.index > this.selected[0]) ? this.selected[0] : this.index
-        let la = (this.index > this.selected[0]) ? this.index : this.selected[0]
-        for (; fi <= la; fi++) this.addSelected(fi)
+        let fi = 0
+        let la = 0
+
+        if (this.index > this.selected[0]) {
+          fi = this.selected[0] + 1
+          la = this.index
+        } else {
+          fi = this.index
+          la = this.selected[0] - 1
+        }
+
+        for (; fi <= la; fi++) {
+          this.addSelected(fi)
+        }
+
         return
       }
 

assets/src/components/prompts/Copy.vue

@@ -16,6 +16,7 @@
         :title="$t('buttons.cancel')">{{ $t('buttons.cancel') }}</button>
       <button class="flat"
         @click="copy"
+        :disabled="$route.path === dest"
         :aria-label="$t('buttons.copy')"
         :title="$t('buttons.copy')">{{ $t('buttons.copy') }}</button>
     </div>

assets/src/components/prompts/Move.vue

@@ -15,6 +15,7 @@
         :title="$t('buttons.cancel')">{{ $t('buttons.cancel') }}</button>
       <button class="flat"
         @click="move"
+        :disabled="$route.path === dest"
         :aria-label="$t('buttons.move')"
         :title="$t('buttons.move')">{{ $t('buttons.move') }}</button>
     </div>

assets/src/components/prompts/Rename.vue

@@ -1,84 +1,84 @@
-<template>
-  <div class="card floating">
-    <div class="card-title">
-      <h2>{{ $t('prompts.rename') }}</h2>
-    </div>
-
-    <div class="card-content">
-      <p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
-      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
-    </div>
-
-    <div class="card-action">
-      <button class="cancel flat"
-        @click="$store.commit('closeHovers')"
-        :aria-label="$t('buttons.cancel')"
-        :title="$t('buttons.cancel')">{{ $t('buttons.cancel') }}</button>
-      <button @click="submit"
-        class="flat"
-        type="submit"
-        :aria-label="$t('buttons.rename')"
-        :title="$t('buttons.rename')">{{ $t('buttons.rename') }}</button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-import url from '@/utils/url'
-import * as api from '@/utils/api'
-
-export default {
-  name: 'rename',
-  data: function () {
-    return {
-      name: ''
-    }
-  },
-  computed: mapState(['req', 'selected', 'selectedCount']),
-  methods: {
-    cancel: function (event) {
-      this.$store.commit('closeHovers')
-    },
-    oldName: function () {
-      // Get the current name of the file we are editing.
-      if (this.req.kind !== 'listing') {
-        return this.req.name
-      }
-
-      if (this.selectedCount === 0 || this.selectedCount > 1) {
-        // This shouldn't happen.
-        return
-      }
-
-      return this.req.items[this.selected[0]].name
-    },
-    submit: function (event) {
-      let oldLink = ''
-      let newLink = ''
-
-      if (this.req.kind !== 'listing') {
-        oldLink = this.req.url
-      } else {
-        oldLink = this.req.items[this.selected[0]].url
-      }
-
-      this.name = encodeURIComponent(this.name)
-      newLink = url.removeLastDir(oldLink) + '/' + this.name
-
-      api.move([{ from: oldLink, to: newLink }])
-        .then(() => {
-          if (this.req.kind !== 'listing') {
-            this.$router.push({ path: newLink })
-            return
-          }
-          this.$store.commit('setReload', true)
-        }).catch(error => {
-          this.$showError(error)
-        })
-
-      this.$store.commit('closeHovers')
-    }
-  }
-}
-</script>
+<template>
+  <div class="card floating">
+    <div class="card-title">
+      <h2>{{ $t('prompts.rename') }}</h2>
+    </div>
+
+    <div class="card-content">
+      <p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
+      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+    </div>
+
+    <div class="card-action">
+      <button class="cancel flat"
+        @click="$store.commit('closeHovers')"
+        :aria-label="$t('buttons.cancel')"
+        :title="$t('buttons.cancel')">{{ $t('buttons.cancel') }}</button>
+      <button @click="submit"
+        class="flat"
+        type="submit"
+        :aria-label="$t('buttons.rename')"
+        :title="$t('buttons.rename')">{{ $t('buttons.rename') }}</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import url from '@/utils/url'
+import * as api from '@/utils/api'
+
+export default {
+  name: 'rename',
+  data: function () {
+    return {
+      name: ''
+    }
+  },
+  computed: mapState(['req', 'selected', 'selectedCount']),
+  methods: {
+    cancel: function (event) {
+      this.$store.commit('closeHovers')
+    },
+    oldName: function () {
+      // Get the current name of the file we are editing.
+      if (this.req.kind !== 'listing') {
+        return this.req.name
+      }
+
+      if (this.selectedCount === 0 || this.selectedCount > 1) {
+        // This shouldn't happen.
+        return
+      }
+
+      return this.req.items[this.selected[0]].name
+    },
+    submit: function (event) {
+      let oldLink = ''
+      let newLink = ''
+
+      if (this.req.kind !== 'listing') {
+        oldLink = this.req.url
+      } else {
+        oldLink = this.req.items[this.selected[0]].url
+      }
+
+      this.name = encodeURIComponent(this.name)
+      newLink = url.removeLastDir(oldLink) + '/' + this.name
+
+      api.move([{ from: oldLink, to: newLink }])
+        .then(() => {
+          if (this.req.kind !== 'listing') {
+            this.$router.push({ path: newLink })
+            return
+          }
+          this.$store.commit('setReload', true)
+        }).catch(error => {
+          this.$showError(error)
+        })
+
+      this.$store.commit('closeHovers')
+    }
+  }
+}
+</script>

assets/src/css/base.css

@@ -112,6 +112,11 @@ button.flat.cancel {
   color: #ccc;
 }
 
+button.flat[disabled] {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
 .mobile-only {
   display: none !important;
 }

assets/src/css/editor.css

@@ -1,184 +1,184 @@
-@import "~codemirror/lib/codemirror.css";
-@import "~codemirror/theme/ttcn.css";
-#editor {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-#editor .CodeMirror {
-  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
-  margin: 2em 0;
-  border-radius: .5em;
-}
-
-#editor h2 {
-  color: rgba(0, 0, 0, 0.3);
-  font-weight: 500;
-}
-
-.CodeMirror {
-  height: auto;
-}
-
-.markdown .CodeMirror {
-  padding: .75em;
-}
-
-.cm-s-markdown .CodeMirror-gutter {
-  border-right: 1px solid #eff3f5;
-  padding-right: 5px;
-  margin-right: 15px;
-  min-width: 2.5em;
-  padding-bottom: 30px;
-}
-
-.cm-s-markdown .CodeMirror-cursor {
-  border-right: 2px solid #667880;
-}
-
-.cm-s-markdown .CodeMirror-lines {
-  margin: 0;
-}
-
-.cm-s-markdown {
-  color: #3D494E;
-}
-
-.cm-s-markdown span.cm-header {
-  color: #3D494E;
-  font-weight: bold;
-}
-
-.cm-s-markdown span.cm-variable-2 {
-  color: #3D494E;
-}
-
-.cm-s-markdown span.cm-meta {
-  color: #516066;
-}
-
-.cm-s-markdown span.cm-hr {
-  color: #516066;
-}
-
-.cm-s-markdown span.cm-comment {
-  color: #868f93;
-}
-
-.cm-s-markdown span.cm-qualifier {
-  color: #868f93;
-}
-
-.cm-s-markdown span.cm-number {
-  color: #197987;
-}
-
-.cm-s-markdown span.cm-variable {
-  color: #197987;
-}
-
-.cm-s-markdown span.cm-builtin {
-  color: #197987;
-}
-
-.cm-s-markdown span.cm-link {
-  color: #197987;
-  text-decoration: underline;
-}
-
-.cm-s-markdown span.cm-tag {
-  color: #197987;
-}
-
-.cm-s-markdown span.cm-string {
-  color: #48abb9;
-}
-
-.cm-s-markdown span.cm-string-2 {
-  color: #48abb9;
-}
-
-.cm-s-markdown span.cm-quote {
-  color: #48abb9;
-}
-
-.cm-s-markdown span.cm-atom {
-  color: #48abb9;
-}
-
-.cm-s-markdown span.cm-property {
-  color: #82a367;
-}
-
-.cm-s-markdown span.cm-operator {
-  color: #82a367;
-}
-
-.cm-s-markdown span.cm-variable-3 {
-  color: #82a367;
-}
-
-.cm-s-markdown span.cm-attribute {
-  color: #90bb74;
-}
-
-.cm-s-markdown span.cm-def {
-  color: #90bb74;
-}
-
-.cm-s-markdown span.cm-keyword {
-  color: #ec6c45;
-}
-
-.cm-s-markdown span.cm-bracket {
-  color: #ec6c45;
-}
-
-.cm-s-markdown span.cm-error {
-  color: #e45346;
-}
-
-.cm-s-markdown span.cm-em {
-  font-style: italic;
-}
-
-.cm-s-markdown span.cm-strong {
-  font-weight: bold;
-}
-
-.cm-s-markdown .cm-header-1 {
-  font-size: 200%;
-  line-height: 200%;
-}
-
-.cm-s-markdown .cm-header-2 {
-  font-size: 160%;
-  line-height: 160%;
-}
-
-.cm-s-markdown .cm-header-3 {
-  font-size: 125%;
-  line-height: 125%;
-}
-
-.cm-s-markdown .cm-header-4 {
-  font-size: 110%;
-  line-height: 110%;
-}
-
-.cm-s-markdown .cm-comment {
-  background: rgba(0, 0, 0, .05);
-  border-radius: 2px;
-}
-
-.cm-s-markdown .cm-link {
-  color: #7f8c8d;
-}
-
-.cm-s-markdown .cm-url {
-  color: #aab2b3;
-}
-
-.cm-s-markdown .cm-strikethrough {
-  text-decoration: line-through;
-}
+@import "~codemirror/lib/codemirror.css";
+@import "~codemirror/theme/ttcn.css";
+#editor {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+#editor .CodeMirror {
+  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+  margin: 2em 0;
+  border-radius: .5em;
+}
+
+#editor h2 {
+  color: rgba(0, 0, 0, 0.3);
+  font-weight: 500;
+}
+
+.CodeMirror {
+  height: auto;
+}
+
+.markdown .CodeMirror {
+  padding: .75em;
+}
+
+.cm-s-markdown .CodeMirror-gutter {
+  border-right: 1px solid #eff3f5;
+  padding-right: 5px;
+  margin-right: 15px;
+  min-width: 2.5em;
+  padding-bottom: 30px;
+}
+
+.cm-s-markdown .CodeMirror-cursor {
+  border-right: 2px solid #667880;
+}
+
+.cm-s-markdown .CodeMirror-lines {
+  margin: 0;
+}
+
+.cm-s-markdown {
+  color: #3D494E;
+}
+
+.cm-s-markdown span.cm-header {
+  color: #3D494E;
+  font-weight: bold;
+}
+
+.cm-s-markdown span.cm-variable-2 {
+  color: #3D494E;
+}
+
+.cm-s-markdown span.cm-meta {
+  color: #516066;
+}
+
+.cm-s-markdown span.cm-hr {
+  color: #516066;
+}
+
+.cm-s-markdown span.cm-comment {
+  color: #868f93;
+}
+
+.cm-s-markdown span.cm-qualifier {
+  color: #868f93;
+}
+
+.cm-s-markdown span.cm-number {
+  color: #197987;
+}
+
+.cm-s-markdown span.cm-variable {
+  color: #197987;
+}
+
+.cm-s-markdown span.cm-builtin {
+  color: #197987;
+}
+
+.cm-s-markdown span.cm-link {
+  color: #197987;
+  text-decoration: underline;
+}
+
+.cm-s-markdown span.cm-tag {
+  color: #197987;
+}
+
+.cm-s-markdown span.cm-string {
+  color: #48abb9;
+}
+
+.cm-s-markdown span.cm-string-2 {
+  color: #48abb9;
+}
+
+.cm-s-markdown span.cm-quote {
+  color: #48abb9;
+}
+
+.cm-s-markdown span.cm-atom {
+  color: #48abb9;
+}
+
+.cm-s-markdown span.cm-property {
+  color: #82a367;
+}
+
+.cm-s-markdown span.cm-operator {
+  color: #82a367;
+}
+
+.cm-s-markdown span.cm-variable-3 {
+  color: #82a367;
+}
+
+.cm-s-markdown span.cm-attribute {
+  color: #90bb74;
+}
+
+.cm-s-markdown span.cm-def {
+  color: #90bb74;
+}
+
+.cm-s-markdown span.cm-keyword {
+  color: #ec6c45;
+}
+
+.cm-s-markdown span.cm-bracket {
+  color: #ec6c45;
+}
+
+.cm-s-markdown span.cm-error {
+  color: #e45346;
+}
+
+.cm-s-markdown span.cm-em {
+  font-style: italic;
+}
+
+.cm-s-markdown span.cm-strong {
+  font-weight: bold;
+}
+
+.cm-s-markdown .cm-header-1 {
+  font-size: 200%;
+  line-height: 200%;
+}
+
+.cm-s-markdown .cm-header-2 {
+  font-size: 160%;
+  line-height: 160%;
+}
+
+.cm-s-markdown .cm-header-3 {
+  font-size: 125%;
+  line-height: 125%;
+}
+
+.cm-s-markdown .cm-header-4 {
+  font-size: 110%;
+  line-height: 110%;
+}
+
+.cm-s-markdown .cm-comment {
+  background: rgba(0, 0, 0, .05);
+  border-radius: 2px;
+}
+
+.cm-s-markdown .cm-link {
+  color: #7f8c8d;
+}
+
+.cm-s-markdown .cm-url {
+  color: #aab2b3;
+}
+
+.cm-s-markdown .cm-strikethrough {
+  text-decoration: line-through;
+}

assets/src/css/fonts.css

@@ -1,137 +1,137 @@
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-cyrillic-ext.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-cyrillic.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-greek-ext.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-greek.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-vietnamese.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-latin.woff2) format('woff2');
-  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;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-cyrillic-ext.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-cyrillic.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-greek-ext.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-greek.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-vietnamese.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-latin.woff2) format('woff2');
-  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;
-}
-
-@font-face {
-  font-family: 'Material Icons';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../assets/fonts/material/icons.woff2) format('woff2');
-}
-
-.prompt .file-list ul li:before,
-.material-icons {
-  font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-  font-feature-settings: 'liga';
-}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-cyrillic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-greek.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/fonts/roboto/normal-latin.woff2) format('woff2');
+  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;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-cyrillic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-greek.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Roboto Medium'), local('Roboto-Medium'), url(../assets/fonts/roboto/medium-latin.woff2) format('woff2');
+  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;
+}
+
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../assets/fonts/material/icons.woff2) format('woff2');
+}
+
+.prompt .file-list ul li:before,
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+  font-feature-settings: 'liga';
+}

assets/src/css/mobile.css

@@ -1,113 +1,113 @@
-@media (max-width: 1024px) {
-  nav {
-    width: 10em
-  }
-}
-
-@media (max-width: 1024px) {
-  #listing.list .item.header,
-  main {
-    width: calc(100% - 13em)
-  }
-}
-
-@media (max-width: 736px) {
-  #more {
-    display: inherit
-  }
-  header .overlay {
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.1);
-  }
-  #dropdown {
-    position: fixed;
-    top: 1em;
-    right: 1em;
-    display: block;
-    background-color: #fff;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-    transform: scale(0);
-    transition: .1s ease-in-out transform;
-    transform-origin: top right;
-    z-index: 99999;
-  }
-  #dropdown > div {
-    display: block;
-  }
-  #dropdown.active {
-    transform: scale(1);
-  }
-  #dropdown .action {
-    display: flex;
-    align-items: center;
-    border-radius: 0;
-    width: 100%;
-  }
-  #dropdown .action span:not(.counter) {
-    display: inline-block;
-    padding: .4em;
-  }
-  #dropdown .counter {
-    left: 2.25em;
-  }
-  #file-selection {
-    position: fixed;
-    bottom: 1em;
-    left: 50%;
-    transform: translateX(-50%);
-    display: flex;
-    align-items: center;
-    background: #fff;
-    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
-    width: 95%;
-    max-width: 20em;
-  }
-  #file-selection .action {
-    border-radius: 50%;
-    width: auto;
-  }
-  #file-selection > span {
-    display: inline-block;
-    margin-left: 1em;
-    color: #6f6f6f;
-    margin-right: auto;
-  }
-  nav {
-    top: 0;
-    z-index: 99999;
-    background: #fff;
-    height: 100%;
-    width: 16em;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-    transition: .1s ease left;
-    left: -17em;
-  }
-  nav.active {
-    left: 0;
-  }
-  header .search-button,
-  header>div:first-child>.action {
-    display: inherit;
-  }
-  header img {
-    display: none;
-  }
-  #listing {
-    margin-bottom: 5em;
-  }
-  #listing.list .item.header,
-  main {
-    width: calc(100% - 2em);
-  }
-  main {
-    margin: 0 1em;
-    width: calc(100% - 2em);
-  }
-  #search {
-    display: none;
-  }
-  #search.active {
-    display: block;
-  }
-}
+@media (max-width: 1024px) {
+  nav {
+    width: 10em
+  }
+}
+
+@media (max-width: 1024px) {
+  #listing.list .item.header,
+  main {
+    width: calc(100% - 13em)
+  }
+}
+
+@media (max-width: 736px) {
+  #more {
+    display: inherit
+  }
+  header .overlay {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  #dropdown {
+    position: fixed;
+    top: 1em;
+    right: 1em;
+    display: block;
+    background-color: #fff;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    transform: scale(0);
+    transition: .1s ease-in-out transform;
+    transform-origin: top right;
+    z-index: 99999;
+  }
+  #dropdown > div {
+    display: block;
+  }
+  #dropdown.active {
+    transform: scale(1);
+  }
+  #dropdown .action {
+    display: flex;
+    align-items: center;
+    border-radius: 0;
+    width: 100%;
+  }
+  #dropdown .action span:not(.counter) {
+    display: inline-block;
+    padding: .4em;
+  }
+  #dropdown .counter {
+    left: 2.25em;
+  }
+  #file-selection {
+    position: fixed;
+    bottom: 1em;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    align-items: center;
+    background: #fff;
+    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+    width: 95%;
+    max-width: 20em;
+  }
+  #file-selection .action {
+    border-radius: 50%;
+    width: auto;
+  }
+  #file-selection > span {
+    display: inline-block;
+    margin-left: 1em;
+    color: #6f6f6f;
+    margin-right: auto;
+  }
+  nav {
+    top: 0;
+    z-index: 99999;
+    background: #fff;
+    height: 100%;
+    width: 16em;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    transition: .1s ease left;
+    left: -17em;
+  }
+  nav.active {
+    left: 0;
+  }
+  header .search-button,
+  header>div:first-child>.action {
+    display: inherit;
+  }
+  header img {
+    display: none;
+  }
+  #listing {
+    margin-bottom: 5em;
+  }
+  #listing.list .item.header,
+  main {
+    width: calc(100% - 2em);
+  }
+  main {
+    margin: 0 1em;
+    width: calc(100% - 2em);
+  }
+  #search {
+    display: none;
+  }
+  #search.active {
+    display: block;
+  }
+}

assets/src/i18n/index.js

@@ -9,8 +9,39 @@ import zhTW from './zh-tw.yaml'
 
 Vue.use(VueI18n)
 
+export function detectLocale () {
+  let locale = (navigator.language || navigator.browserLangugae).toLowerCase()
+  switch (true) {
+    case /^en.*/i.test(locale):
+      locale = 'en'
+      break
+    case /^fr.*/i.test(locale):
+      locale = 'fr'
+      break
+    case /^pt.*/i.test(locale):
+      locale = 'pt'
+      break
+    case /^ja.*/i.test(locale):
+      locale = 'ja'
+      break
+    case /^zh-CN/i.test(locale):
+      locale = 'zh-cn'
+      break
+    case /^zh-TW/i.test(locale):
+      locale = 'zh-tw'
+      break
+    case /^zh.*/i.test(locale):
+      locale = 'zh-cn'
+      break
+    default:
+      locale = 'en'
+  }
+
+  return locale
+}
+
 const i18n = new VueI18n({
-  locale: 'en',
+  locale: detectLocale(),
   fallbackLocale: 'en',
   messages: {
     'en': en,

assets/src/i18n/ja.yaml

@@ -1,200 +1,200 @@
-permanent: 永久
-buttons:
-  cancel: キャンセル
-  close: 閉じる
-  copy: コピー
-  copyFile: ファイルをコピー
-  copyToClipboard: クリップボードにコピー
-  create: 作成
-  delete: 削除
-  download: ダウンロード
-  info: 情報
-  more: More
-  move: 移動
-  moveFile: ファイルを移動
-  new: 新規
-  next: 次
-  ok: OK
-  replace: 置き換える
-  previous: 前
-  rename: 名前を変更
-  reportIssue: 問題を報告
-  save: 保存
-  search: 検索
-  select: 選択
-  share: シェア
-  publish: 発表
-  selectMultiple: 複数選択
-  schedule: スケジュール
-  switchView: 表示を切り替わる
-  toggleSidebar: サイドバーを表示する
-  update: 更新
-  upload: アップロード
-  permalink: 固定リンク
-success:
-  linkCopied: リンクがコピーされました！
-errors:
-  forbidden: アクセスが拒否されました。
-  internal: 内部エラーが発生しました。
-  notFound: リソースが見つからなりませんでした。
-files:
-  folders: フォルダ
-  files: ファイル
-  body: 本文
-  clear: クリアー
-  closePreview: プレビューを閉じる
-  home: ホーム
-  lastModified: 最終変更
-  loading: ローディング...
-  lonely: ここには何もない...
-  metadata: メタデータ
-  multipleSelectionEnabled: 複数選択有効
-  name: 名前
-  size: サイズ
-  sortByName: 名前によるソート
-  sortBySize: サイズによるソート
-  sortByLastModified: 最終変更日付によるソート
-help:
-  click: ファイルやディレクトリを選択
-  ctrl:
-    click: 複数のファイルやディレクトリを選択
-    f: 検索を有効にする
-    s: ファイルを保存またはカレントディレクトリをダウンロード
-  del: 選択した項目を削除
-  doubleClick: ファイルやディレクトリをオープン
-  esc: 選択をクリアーまたはプロンプトを閉じる
-  f1: このヘルプを表示
-  f2: ファイルの名前を変更
-  help: ヘルプ
-login:
-  password: パスワード
-  submit: ログイン
-  username: ユーザ名
-  wrongCredentials: ユーザ名またはパスワードが間違っています。
-prompts:
-  copy: コピー
-  copyMessage: コピーの目標ディレクトリを選択してください：
-  currentlyNavigating: 現在閲覧しているディレクトリ：
-  deleteMessageMultiple: '{count} つのファイルを本当に削除してよろしいですか。'
-  deleteMessageSingle: このファイル/フォルダを本当に削除してよろしいですか。
-  deleteTitle: ファイルを削除
-  displayName: 名前：
-  download: ファイルをダウンロード
-  downloadMessage: 圧縮形式を選択してください。
-  error: あるエラーが発生しました。
-  fileInfo: ファイル情報
-  filesSelected: '{count} つのファイルは選択されました。'
-  lastModified: 最終変更
-  move: 移動
-  moveMessage: 移動の目標ディレクトリを選択してください：
-  newDir: 新しいディレクトリを作成
-  newDirMessage: 新しいディレクトリの名前を入力してください。
-  newFile: 新しいファイルを作成
-  newFileMessage: 新しいファイルの名前を入力してください。
-  numberDirs: ディレクトリ個数
-  numberFiles: ファイル個数
-  replace: 置き換える
-  replaceMessage: >
-    アップロードするファイルの中でかち合う名前が一つあります。
-    既存のファイルを置き換えりませんか。
-  rename: 名前を変更
-  renameMessage: 名前を変更しようファイルは：
-  show: 表示
-  size: サイズ
-  schedule: スケジュール
-  scheduleMessage: このポストの発表日付をスケジュールしてください。
-  newArchetype: ある元型に基づいて新しいポストを作成します。ファイルは  コンテンツフォルダに作成されます。
-settings:
-  admin: 管理者
-  administrator: 管理者
-  allowCommands: コマンドの実行
-  allowEdit: ファイルやディレクトリの編集、名前変更と削除
-  allowNew: ファイルとディレクトリの作成
-  allowPublish: ポストとぺーじの発表
-  avoidChanges: "(変更を避けるために空白にしてください)"
-  changePassword: パスワードを変更
-  commands: コマンド
-  commandsHelp: "\
-    ここで、名前付きイベントに実行するコマンドを設定することができます。\
-    一行にコマンド一つを入力してください。\
-    イベントはファイルに関連する場合、例えばファイル保存の前にまたは後で、\
-    環境変数 FILE はファイルのパスに割り当てられます。"
-  commandsUpdated: コマンドは更新されました！
-  customStylesheet: カスタムスタイルシ ート
-  examples: 例
-  globalSettings: グローバル設定
-  language: 言語
-  lockPassowrd: 新しいパスワードを変更に禁止
-  newPassword: 新しいパスワード
-  newPasswordConfirm: 新しいパスワードを確認します
-  newUser: 新しいユーザー
-  password: パスワード
-  passwordUpdated: パスワードは更新されました！
-  permissions: 権限
-  permissionsHelp: "\
-    あなたはユーザーを管理者に設定し、または権限を個々に設定しできます。\
-    \"管理者\"を選択する場合、その他のすべての選択肢は自動的に設定されます。\
-    ユーザーの管理は管理者の権限として保留されました。"
-  profileSettings: プロファイル設定
-  ruleExample1: "\
-    各フォルダに名前はドットで始まるファイル（例えば、.git、.gitignore）\
-    へのアクセスを制限します。"
-  ruleExample2: 範囲のルートパスに名前は Caddyfile のファイルへのアクセスを制限します。
-  rules: 規則
-  rulesHelp1: "\
-    ここに、あなたはこのユーザーの許可または拒否規則を設定できます。\
-    ブロックされたファイルはリストに表示されません、それではアクセスも制限されます。\
-    正規表現(regex)のサポートと範囲に相対のパスが提供されています。"
-  rulesHelp2: "\
-    一行に規則一つを入力してください、\
-    その間に規則はキーワード {0} や {1} で始める必要があります。\
-    そして正規表現を使う場合、{2} と入力し、表現やパスを入力してください。"
-  scope: 範囲
-  settingsUpdated: 設定は更新されました！
-  user: ユーザー
-  userCommands: ユーザーのコマンド
-  userCommandsHelp: "\
-    空白区切りの有効のコマンドのリストを指定してください。\
-    例："
-  userCreated: ユーザーは作成されました！
-  userDeleted: ユーザーは削除されました！
-  userManagement: ユーザー管理
-  username: ユーザー名
-  users: ユーザー
-  userUpdated: ユーザーは更新されました！
-sidebar:
-  help: ヘルプ
-  logout: ログアウト
-  myFiles: 私のファイル
-  newFile: 新しいファイルを作成
-  newFolder: 新しいフォルダを作成
-  settings: 設定
-  siteSettings: サイト設定
-  hugoNew: Hugo New
-  preview: プレビュー
-search:
-  images: 画像
-  music: 音楽
-  pdf: PDF
-  pressToExecute: Enter を押して実行します。
-  pressToSearch: Enter を押して検索します。
-  search: 検索...
-  searchOrCommand: コマンドを検索または実行します。
-  searchOrSupportedCommand: サポートしているコマンドを検索または実行します：
-  type: キーワードを入力し、Enter を押して検索します。
-  types: 種類
-  video: ビデオ
-  writeToSearch: ここにキーワードを入力してください
-languages:
-  en: English
-  fr: Français
-  pt: Português
-  ja: 日本語
-  zhCN: 中文 (简体)
-  zhTW: 中文 (繁體)
-time:
-  unit: 時間単位
-  seconds: 秒
-  minutes: 分
-  hours: 時間
-  days: 日
+permanent: 永久
+buttons:
+  cancel: キャンセル
+  close: 閉じる
+  copy: コピー
+  copyFile: ファイルをコピー
+  copyToClipboard: クリップボードにコピー
+  create: 作成
+  delete: 削除
+  download: ダウンロード
+  info: 情報
+  more: More
+  move: 移動
+  moveFile: ファイルを移動
+  new: 新規
+  next: 次
+  ok: OK
+  replace: 置き換える
+  previous: 前
+  rename: 名前を変更
+  reportIssue: 問題を報告
+  save: 保存
+  search: 検索
+  select: 選択
+  share: シェア
+  publish: 発表
+  selectMultiple: 複数選択
+  schedule: スケジュール
+  switchView: 表示を切り替わる
+  toggleSidebar: サイドバーを表示する
+  update: 更新
+  upload: アップロード
+  permalink: 固定リンク
+success:
+  linkCopied: リンクがコピーされました！
+errors:
+  forbidden: アクセスが拒否されました。
+  internal: 内部エラーが発生しました。
+  notFound: リソースが見つからなりませんでした。
+files:
+  folders: フォルダ
+  files: ファイル
+  body: 本文
+  clear: クリアー
+  closePreview: プレビューを閉じる
+  home: ホーム
+  lastModified: 最終変更
+  loading: ローディング...
+  lonely: ここには何もない...
+  metadata: メタデータ
+  multipleSelectionEnabled: 複数選択有効
+  name: 名前
+  size: サイズ
+  sortByName: 名前によるソート
+  sortBySize: サイズによるソート
+  sortByLastModified: 最終変更日付によるソート
+help:
+  click: ファイルやディレクトリを選択
+  ctrl:
+    click: 複数のファイルやディレクトリを選択
+    f: 検索を有効にする
+    s: ファイルを保存またはカレントディレクトリをダウンロード
+  del: 選択した項目を削除
+  doubleClick: ファイルやディレクトリをオープン
+  esc: 選択をクリアーまたはプロンプトを閉じる
+  f1: このヘルプを表示
+  f2: ファイルの名前を変更
+  help: ヘルプ
+login:
+  password: パスワード
+  submit: ログイン
+  username: ユーザ名
+  wrongCredentials: ユーザ名またはパスワードが間違っています。
+prompts:
+  copy: コピー
+  copyMessage: コピーの目標ディレクトリを選択してください：
+  currentlyNavigating: 現在閲覧しているディレクトリ：
+  deleteMessageMultiple: '{count} つのファイルを本当に削除してよろしいですか。'
+  deleteMessageSingle: このファイル/フォルダを本当に削除してよろしいですか。
+  deleteTitle: ファイルを削除
+  displayName: 名前：
+  download: ファイルをダウンロード
+  downloadMessage: 圧縮形式を選択してください。
+  error: あるエラーが発生しました。
+  fileInfo: ファイル情報
+  filesSelected: '{count} つのファイルは選択されました。'
+  lastModified: 最終変更
+  move: 移動
+  moveMessage: 移動の目標ディレクトリを選択してください：
+  newDir: 新しいディレクトリを作成
+  newDirMessage: 新しいディレクトリの名前を入力してください。
+  newFile: 新しいファイルを作成
+  newFileMessage: 新しいファイルの名前を入力してください。
+  numberDirs: ディレクトリ個数
+  numberFiles: ファイル個数
+  replace: 置き換える
+  replaceMessage: >
+    アップロードするファイルの中でかち合う名前が一つあります。
+    既存のファイルを置き換えりませんか。
+  rename: 名前を変更
+  renameMessage: 名前を変更しようファイルは：
+  show: 表示
+  size: サイズ
+  schedule: スケジュール
+  scheduleMessage: このポストの発表日付をスケジュールしてください。
+  newArchetype: ある元型に基づいて新しいポストを作成します。ファイルは  コンテンツフォルダに作成されます。
+settings:
+  admin: 管理者
+  administrator: 管理者
+  allowCommands: コマンドの実行
+  allowEdit: ファイルやディレクトリの編集、名前変更と削除
+  allowNew: ファイルとディレクトリの作成
+  allowPublish: ポストとぺーじの発表
+  avoidChanges: "(変更を避けるために空白にしてください)"
+  changePassword: パスワードを変更
+  commands: コマンド
+  commandsHelp: "\
+    ここで、名前付きイベントに実行するコマンドを設定することができます。\
+    一行にコマンド一つを入力してください。\
+    イベントはファイルに関連する場合、例えばファイル保存の前にまたは後で、\
+    環境変数 FILE はファイルのパスに割り当てられます。"
+  commandsUpdated: コマンドは更新されました！
+  customStylesheet: カスタムスタイルシ ート
+  examples: 例
+  globalSettings: グローバル設定
+  language: 言語
+  lockPassword: 新しいパスワードを変更に禁止
+  newPassword: 新しいパスワード
+  newPasswordConfirm: 新しいパスワードを確認します
+  newUser: 新しいユーザー
+  password: パスワード
+  passwordUpdated: パスワードは更新されました！
+  permissions: 権限
+  permissionsHelp: "\
+    あなたはユーザーを管理者に設定し、または権限を個々に設定しできます。\
+    \"管理者\"を選択する場合、その他のすべての選択肢は自動的に設定されます。\
+    ユーザーの管理は管理者の権限として保留されました。"
+  profileSettings: プロファイル設定
+  ruleExample1: "\
+    各フォルダに名前はドットで始まるファイル（例えば、.git、.gitignore）\
+    へのアクセスを制限します。"
+  ruleExample2: 範囲のルートパスに名前は Caddyfile のファイルへのアクセスを制限します。
+  rules: 規則
+  rulesHelp1: "\
+    ここに、あなたはこのユーザーの許可または拒否規則を設定できます。\
+    ブロックされたファイルはリストに表示されません、それではアクセスも制限されます。\
+    正規表現(regex)のサポートと範囲に相対のパスが提供されています。"
+  rulesHelp2: "\
+    一行に規則一つを入力してください、\
+    その間に規則はキーワード {0} や {1} で始める必要があります。\
+    そして正規表現を使う場合、{2} と入力し、表現やパスを入力してください。"
+  scope: 範囲
+  settingsUpdated: 設定は更新されました！
+  user: ユーザー
+  userCommands: ユーザーのコマンド
+  userCommandsHelp: "\
+    空白区切りの有効のコマンドのリストを指定してください。\
+    例："
+  userCreated: ユーザーは作成されました！
+  userDeleted: ユーザーは削除されました！
+  userManagement: ユーザー管理
+  username: ユーザー名
+  users: ユーザー
+  userUpdated: ユーザーは更新されました！
+sidebar:
+  help: ヘルプ
+  logout: ログアウト
+  myFiles: 私のファイル
+  newFile: 新しいファイルを作成
+  newFolder: 新しいフォルダを作成
+  settings: 設定
+  siteSettings: サイト設定
+  hugoNew: Hugo New
+  preview: プレビュー
+search:
+  images: 画像
+  music: 音楽
+  pdf: PDF
+  pressToExecute: Enter を押して実行します。
+  pressToSearch: Enter を押して検索します。
+  search: 検索...
+  searchOrCommand: コマンドを検索または実行します。
+  searchOrSupportedCommand: サポートしているコマンドを検索または実行します：
+  type: キーワードを入力し、Enter を押して検索します。
+  types: 種類
+  video: ビデオ
+  writeToSearch: ここにキーワードを入力してください
+languages:
+  en: English
+  fr: Français
+  pt: Português
+  ja: 日本語
+  zhCN: 中文 (简体)
+  zhTW: 中文 (繁體)
+time:
+  unit: 時間単位
+  seconds: 秒
+  minutes: 分
+  hours: 時間
+  days: 日

assets/src/i18n/zh-cn.yaml

@@ -1,198 +1,198 @@
-permanent: 永久
-buttons:
-  cancel: 取消
-  close: 关闭
-  copy: 复制
-  copyFile: 复制文件
-  copyToClipboard: 复制到剪贴板
-  create: 创建
-  delete: 删除
-  download: 下载
-  info: 信息
-  more: 更多
-  move: 移动
-  moveFile: 移动文件
-  new: 新
-  next: 下一个
-  ok: 确定
-  replace: 替换
-  previous: 上一个
-  rename: 重命名
-  reportIssue: 报告问题
-  save: 保存
-  search: 搜索
-  select: 选择
-  share: 分享
-  publish: 发布
-  selectMultiple: 选择多个
-  schedule: 计划
-  switchView: 切换显示方式
-  toggleSidebar: 切换侧边栏
-  update: 更新
-  upload: 上传
-  permalink: 获取永久链接
-success:
-  linkCopied: 链接已复制！
-errors:
-  forbidden: 你被禁止访问。
-  internal: 内部出现麻烦了。
-  notFound: 找不到文件。
-files:
-  folders: 文件夹
-  files: 文件
-  body: Body
-  clear: 清空
-  closePreview: 关闭预览
-  home: 主页
-  lastModified: 最后修改
-  loading: 加载中...
-  lonely: 这里没有任何文件...
-  metadata: 元数据
-  multipleSelectionEnabled: 多选模式已开启
-  name: 名称
-  size: 大小
-  sortByName: 按名称排序
-  sortBySize: 按大小排序
-  sortByLastModified: 按最后修改时间排序
-help:
-  click: 选择文件或目录
-  ctrl:
-    click: 选择多个文件或目录
-    f: 打开搜索框
-    s: 保存文件或下载当前文件夹
-  del: 删除所选的文件/文件夹
-  doubleClick: 打开文件/文件夹
-  esc: 清除已选项或关闭提示信息
-  f1: 显示该帮助信息
-  f2: 重命名文件/文件夹
-  help: 帮助
-login:
-  password: 密码
-  submit: 登录
-  username: 用户名
-  wrongCredentials: 用户名或密码错误
-prompts:
-  copy: 复制
-  copyMessage: 请选择欲复制至的目录：
-  currentlyNavigating: 当前目录：
-  deleteMessageMultiple: 你确定要删除这 {count} 个文件吗?
-  deleteMessageSingle: 你确定要删除这个文件/文件夹吗?
-  deleteTitle: 删除文件
-  displayName: 名称：
-  download: 下载文件
-  downloadMessage: 请选择要下载的压缩格式。
-  error: 出了一点问题...
-  fileInfo: 文件信息
-  filesSelected: 已选择 {count} 个文件。
-  lastModified: 最后修改
-  move: 移动
-  moveMessage: 请选择欲移动至的目录：
-  newDir: 新建目录
-  newDirMessage: 请输入新目录的名称。
-  newFile: 新建文件
-  newFileMessage: 请输入新文件的名称。
-  numberDirs: 目录数
-  numberFiles: 文件数
-  replace: 替换
-  replaceMessage: "\
-    您尝试上传的文件中有一个与现有文件的名称存在冲突。\
-    是否替换现有的同名文件？"
-  rename: 重命名
-  renameMessage: 请输入新名称，旧名称为：
-  show: 揭示
-  size: 大小
-  schedule: 计划
-  scheduleMessage: 请选择发布这篇帖子的日期。
-  newArchetype: 创建一个基于原型的新帖子。您的文件将会创建在内容文件夹中。
-settings:
-  admin: 管理员
-  administrator: 管理员
-  allowCommands: 执行命令(Linux 代码)
-  allowEdit: 编辑、重命名或删除文件/目录
-  allowNew: 创建新文件和目录
-  allowPublish: 发布新的帖子与页面
-  avoidChanges: '(留空以避免更改)'
-  changePassword: 更改密码
-  commands: 命令(linux 代码)
-  commandsHelp: "\
-    在这里，您可以设置在指定事件下执行的命令，一行一条。\
-    若事件与文件相关，如“在保存文件前”，\
-    则文件的路径会被赋值给环境变量 \"FILE\"。"
-  commandsUpdated: 命令已更新！
-  customStylesheet: 自定义样式表
-  examples: 例子
-  globalSettings: 全局设置
-  language: 语言
-  lockPassowrd: 禁止用户修改密码
-  newPassword: 您的新密码
-  newPasswordConfirm: 重输一遍新密码
-  newUser: 新建用户
-  password: 密码
-  passwordUpdated: 密码已更新！
-  permissions: 权限
-  permissionsHelp: "\
-    您可以将该用户设置为管理员，也可以单独选择各项权限。\
-    如果选择了“管理员”，则其他的选项会被自动勾上，\
-    同时该用户可以管理其他用户。"
-  profileSettings: 配置文件设置
-  ruleExample1: "\
-    阻止用户访问所有文件夹下任何以 . 开头的文件\
-    (隐藏文件, 例如: .git, .gitignore)。"
-  ruleExample2: 阻止用户访问其目录范围的根目录下名为 Caddyfile 的文件。
-  rules: 规则
-  rulesHelp1: "\
-    您可以为该用户制定一组黑名单或白名单式的规则，\
-    被屏蔽的文件将不会显示在列表中，用户也无权限访问,\
-    支持相对于目录范围的路径。"
-  rulesHelp2: "\
-    每行一条规则，且必须以关键词 {0} 或 {1} 开头。\
-    如要使用正则表达式，请在加上 {2} 之后再附上表达式或路径。"
-  scope: 目录范围
-  settingsUpdated: 设置已更新！
-  user: 用户
-  userCommands: 用户命令(Linux 代码)
-  userCommandsHelp: "\
-    指定该用户可以执行的命令(Linux 代码)，用空格分隔。\
-    例如："
-  userCreated: 用户已创建！
-  userDeleted: 用户已删除！
-  userManagement: 用户管理
-  username: 用户名
-  users: 用户
-  userUpdated: 用户已更新！
-sidebar:
-  help: 帮助
-  logout: 登出
-  myFiles: 我的文件
-  newFile: 新建文件
-  newFolder: 新建文件夹
-  settings: 设置
-  siteSettings: 网站设置
-  hugoNew: Hugo New
-  preview: 预览
-search:
-  images: 图像
-  music: 音乐
-  pdf: PDF
-  pressToExecute: 按回车键执行。
-  pressToSearch: 按回车键搜索。
-  search: 搜索...
-  searchOrCommand: 搜索或者执行命令(Linux 代码)...
-  searchOrSupportedCommand: 搜索或使用您可以使用的命令(一次只能执行一个命令)：
-  type: 键入并按回车键进行搜索。
-  types: 类型
-  video: 视频
-  writeToSearch: 请输入要搜索的内容
-languages:
-  en: English
-  fr: Français
-  pt: Português
-  ja: 日本語
-  zhCN: 中文 (简体)
-  zhTW: 中文 (繁體)
-time:
-  unit: 时间单位
-  seconds: 秒
-  minutes: 分钟
-  hours: 小时
-  days: 天
+permanent: 永久
+buttons:
+  cancel: 取消
+  close: 关闭
+  copy: 复制
+  copyFile: 复制文件
+  copyToClipboard: 复制到剪贴板
+  create: 创建
+  delete: 删除
+  download: 下载
+  info: 信息
+  more: 更多
+  move: 移动
+  moveFile: 移动文件
+  new: 新
+  next: 下一个
+  ok: 确定
+  replace: 替换
+  previous: 上一个
+  rename: 重命名
+  reportIssue: 报告问题
+  save: 保存
+  search: 搜索
+  select: 选择
+  share: 分享
+  publish: 发布
+  selectMultiple: 选择多个
+  schedule: 计划
+  switchView: 切换显示方式
+  toggleSidebar: 切换侧边栏
+  update: 更新
+  upload: 上传
+  permalink: 获取永久链接
+success:
+  linkCopied: 链接已复制！
+errors:
+  forbidden: 你被禁止访问。
+  internal: 内部出现麻烦了。
+  notFound: 找不到文件。
+files:
+  folders: 文件夹
+  files: 文件
+  body: Body
+  clear: 清空
+  closePreview: 关闭预览
+  home: 主页
+  lastModified: 最后修改
+  loading: 加载中...
+  lonely: 这里没有任何文件...
+  metadata: 元数据
+  multipleSelectionEnabled: 多选模式已开启
+  name: 名称
+  size: 大小
+  sortByName: 按名称排序
+  sortBySize: 按大小排序
+  sortByLastModified: 按最后修改时间排序
+help:
+  click: 选择文件或目录
+  ctrl:
+    click: 选择多个文件或目录
+    f: 打开搜索框
+    s: 保存文件或下载当前文件夹
+  del: 删除所选的文件/文件夹
+  doubleClick: 打开文件/文件夹
+  esc: 清除已选项或关闭提示信息
+  f1: 显示该帮助信息
+  f2: 重命名文件/文件夹
+  help: 帮助
+login:
+  password: 密码
+  submit: 登录
+  username: 用户名
+  wrongCredentials: 用户名或密码错误
+prompts:
+  copy: 复制
+  copyMessage: 请选择欲复制至的目录：
+  currentlyNavigating: 当前目录：
+  deleteMessageMultiple: 你确定要删除这 {count} 个文件吗?
+  deleteMessageSingle: 你确定要删除这个文件/文件夹吗?
+  deleteTitle: 删除文件
+  displayName: 名称：
+  download: 下载文件
+  downloadMessage: 请选择要下载的压缩格式。
+  error: 出了一点问题...
+  fileInfo: 文件信息
+  filesSelected: 已选择 {count} 个文件。
+  lastModified: 最后修改
+  move: 移动
+  moveMessage: 请选择欲移动至的目录：
+  newDir: 新建目录
+  newDirMessage: 请输入新目录的名称。
+  newFile: 新建文件
+  newFileMessage: 请输入新文件的名称。
+  numberDirs: 目录数
+  numberFiles: 文件数
+  replace: 替换
+  replaceMessage: "\
+    您尝试上传的文件中有一个与现有文件的名称存在冲突。\
+    是否替换现有的同名文件？"
+  rename: 重命名
+  renameMessage: 请输入新名称，旧名称为：
+  show: 揭示
+  size: 大小
+  schedule: 计划
+  scheduleMessage: 请选择发布这篇帖子的日期。
+  newArchetype: 创建一个基于原型的新帖子。您的文件将会创建在内容文件夹中。
+settings:
+  admin: 管理员
+  administrator: 管理员
+  allowCommands: 执行命令(Linux 代码)
+  allowEdit: 编辑、重命名或删除文件/目录
+  allowNew: 创建新文件和目录
+  allowPublish: 发布新的帖子与页面
+  avoidChanges: '(留空以避免更改)'
+  changePassword: 更改密码
+  commands: 命令(linux 代码)
+  commandsHelp: "\
+    在这里，您可以设置在指定事件下执行的命令，一行一条。\
+    若事件与文件相关，如“在保存文件前”，\
+    则文件的路径会被赋值给环境变量 \"FILE\"。"
+  commandsUpdated: 命令已更新！
+  customStylesheet: 自定义样式表
+  examples: 例子
+  globalSettings: 全局设置
+  language: 语言
+  lockPassword: 禁止用户修改密码
+  newPassword: 您的新密码
+  newPasswordConfirm: 重输一遍新密码
+  newUser: 新建用户
+  password: 密码
+  passwordUpdated: 密码已更新！
+  permissions: 权限
+  permissionsHelp: "\
+    您可以将该用户设置为管理员，也可以单独选择各项权限。\
+    如果选择了“管理员”，则其他的选项会被自动勾上，\
+    同时该用户可以管理其他用户。"
+  profileSettings: 配置文件设置
+  ruleExample1: "\
+    阻止用户访问所有文件夹下任何以 . 开头的文件\
+    (隐藏文件, 例如: .git, .gitignore)。"
+  ruleExample2: 阻止用户访问其目录范围的根目录下名为 Caddyfile 的文件。
+  rules: 规则
+  rulesHelp1: "\
+    您可以为该用户制定一组黑名单或白名单式的规则，\
+    被屏蔽的文件将不会显示在列表中，用户也无权限访问,\
+    支持相对于目录范围的路径。"
+  rulesHelp2: "\
+    每行一条规则，且必须以关键词 {0} 或 {1} 开头。\
+    如要使用正则表达式，请在加上 {2} 之后再附上表达式或路径。"
+  scope: 目录范围
+  settingsUpdated: 设置已更新！
+  user: 用户
+  userCommands: 用户命令(Linux 代码)
+  userCommandsHelp: "\
+    指定该用户可以执行的命令(Linux 代码)，用空格分隔。\
+    例如："
+  userCreated: 用户已创建！
+  userDeleted: 用户已删除！
+  userManagement: 用户管理
+  username: 用户名
+  users: 用户
+  userUpdated: 用户已更新！
+sidebar:
+  help: 帮助
+  logout: 登出
+  myFiles: 我的文件
+  newFile: 新建文件
+  newFolder: 新建文件夹
+  settings: 设置
+  siteSettings: 网站设置
+  hugoNew: Hugo New
+  preview: 预览
+search:
+  images: 图像
+  music: 音乐
+  pdf: PDF
+  pressToExecute: 按回车键执行。
+  pressToSearch: 按回车键搜索。
+  search: 搜索...
+  searchOrCommand: 搜索或者执行命令(Linux 代码)...
+  searchOrSupportedCommand: 搜索或使用您可以使用的命令(一次只能执行一个命令)：
+  type: 键入并按回车键进行搜索。
+  types: 类型
+  video: 视频
+  writeToSearch: 请输入要搜索的内容
+languages:
+  en: English
+  fr: Français
+  pt: Português
+  ja: 日本語
+  zhCN: 中文 (简体)
+  zhTW: 中文 (繁體)
+time:
+  unit: 时间单位
+  seconds: 秒
+  minutes: 分钟
+  hours: 小时
+  days: 天

assets/src/router/index.js

@@ -3,15 +3,15 @@ import Router from 'vue-router'
 import Login from '@/views/Login'
 import Layout from '@/views/Layout'
 import Files from '@/views/Files'
-import Users from '@/views/Settings/Users'
-import User from '@/views/Settings/User'
+import Users from '@/views/settings/Users'
+import User from '@/views/settings/User'
 import Settings from '@/views/Settings'
 import GlobalSettings from '@/views/settings/Global'
 import ProfileSettings from '@/views/settings/Profile'
 import Error403 from '@/views/errors/403'
 import Error404 from '@/views/errors/404'
 import Error500 from '@/views/errors/500'
-import auth from '@/utils/auth.js'
+import auth from '@/utils/auth'
 import store from '@/store'
 
 Vue.use(Router)
@@ -54,6 +54,9 @@ const router = new Router({
           redirect: {
             path: '/settings/profile'
           },
+          meta: {
+            disableOnNoAuth: true
+          },
           children: [
             {
               path: '/settings/profile',
@@ -127,16 +130,17 @@ router.beforeEach((to, from, next) => {
     auth.loggedIn()
       .then(() => {
         if (to.matched.some(record => record.meta.requiresAdmin)) {
-          if (store.state.user.admin) {
-            next()
+          if (!store.state.user.admin) {
+            next({ path: '/403' })
             return
           }
+        }
 
-          next({
-            path: '/403'
-          })
-
-          return
+        if (to.matched.some(record => record.meta.disableOnNoAuth)) {
+          if (store.state.noAuth) {
+            next({ path: '/403' })
+            return
+          }
         }
 
         next()

assets/src/store/mutations.js

@@ -1,4 +1,4 @@
-import i18n from '@/i18n'
+import * as i18n from '@/i18n'
 import moment from 'moment'
 
 const mutations = {
@@ -27,8 +27,14 @@ const mutations = {
   setLoading: (state, value) => { state.loading = value },
   setReload: (state, value) => { state.reload = value },
   setUser: (state, value) => {
-    moment.locale(value.locale)
-    i18n.locale = value.locale
+    let locale = value.locale
+
+    if (locale === '') {
+      locale = i18n.detectLocale()
+    }
+
+    moment.locale(locale)
+    i18n.default.locale = locale
     state.user = value
   },
   setCSS: (state, value) => (state.css = value),

assets/src/utils/codemirror.js

@@ -1,60 +1,60 @@
-// Most of the code from this file comes from:
-// https://github.com/codemirror/CodeMirror/blob/master/addon/mode/loadmode.js
-import * as CodeMirror from 'codemirror'
-import store from '@/store'
-
-// Make CodeMirror available globally so the modes' can register themselves.
-window.CodeMirror = CodeMirror
-CodeMirror.modeURL = store.state.baseURL + '/static/js/codemirror/mode/%N/%N.js'
-
-var loading = {}
-
-function splitCallback (cont, n) {
-  var countDown = n
-  return function () {
-    if (--countDown === 0) cont()
-  }
-}
-
-function ensureDeps (mode, cont) {
-  var deps = CodeMirror.modes[mode].dependencies
-  if (!deps) return cont()
-  var missing = []
-  for (var i = 0; i < deps.length; ++i) {
-    if (!CodeMirror.modes.hasOwnProperty(deps[i])) missing.push(deps[i])
-  }
-  if (!missing.length) return cont()
-  var split = splitCallback(cont, missing.length)
-  for (i = 0; i < missing.length; ++i) CodeMirror.requireMode(missing[i], split)
-}
-
-CodeMirror.requireMode = function (mode, cont) {
-  if (typeof mode !== 'string') mode = mode.name
-  if (CodeMirror.modes.hasOwnProperty(mode)) return ensureDeps(mode, cont)
-  if (loading.hasOwnProperty(mode)) return loading[mode].push(cont)
-
-  var file = CodeMirror.modeURL.replace(/%N/g, mode)
-
-  var script = document.createElement('script')
-  script.src = file
-  var others = document.getElementsByTagName('script')[0]
-  var list = loading[mode] = [cont]
-
-  CodeMirror.on(script, 'load', function () {
-    ensureDeps(mode, function () {
-      for (var i = 0; i < list.length; ++i) list[i]()
-    })
-  })
-
-  others.parentNode.insertBefore(script, others)
-}
-
-CodeMirror.autoLoadMode = function (instance, mode) {
-  if (CodeMirror.modes.hasOwnProperty(mode)) return
-
-  CodeMirror.requireMode(mode, function () {
-    instance.setOption('mode', mode)
-  })
-}
-
-export default CodeMirror
+// Most of the code from this file comes from:
+// https://github.com/codemirror/CodeMirror/blob/master/addon/mode/loadmode.js
+import * as CodeMirror from 'codemirror'
+import store from '@/store'
+
+// Make CodeMirror available globally so the modes' can register themselves.
+window.CodeMirror = CodeMirror
+CodeMirror.modeURL = store.state.baseURL + '/static/js/codemirror/mode/%N/%N.js'
+
+var loading = {}
+
+function splitCallback (cont, n) {
+  var countDown = n
+  return function () {
+    if (--countDown === 0) cont()
+  }
+}
+
+function ensureDeps (mode, cont) {
+  var deps = CodeMirror.modes[mode].dependencies
+  if (!deps) return cont()
+  var missing = []
+  for (var i = 0; i < deps.length; ++i) {
+    if (!CodeMirror.modes.hasOwnProperty(deps[i])) missing.push(deps[i])
+  }
+  if (!missing.length) return cont()
+  var split = splitCallback(cont, missing.length)
+  for (i = 0; i < missing.length; ++i) CodeMirror.requireMode(missing[i], split)
+}
+
+CodeMirror.requireMode = function (mode, cont) {
+  if (typeof mode !== 'string') mode = mode.name
+  if (CodeMirror.modes.hasOwnProperty(mode)) return ensureDeps(mode, cont)
+  if (loading.hasOwnProperty(mode)) return loading[mode].push(cont)
+
+  var file = CodeMirror.modeURL.replace(/%N/g, mode)
+
+  var script = document.createElement('script')
+  script.src = file
+  var others = document.getElementsByTagName('script')[0]
+  var list = loading[mode] = [cont]
+
+  CodeMirror.on(script, 'load', function () {
+    ensureDeps(mode, function () {
+      for (var i = 0; i < list.length; ++i) list[i]()
+    })
+  })
+
+  others.parentNode.insertBefore(script, others)
+}
+
+CodeMirror.autoLoadMode = function (instance, mode) {
+  if (CodeMirror.modes.hasOwnProperty(mode)) return
+
+  CodeMirror.requireMode(mode, function () {
+    instance.setOption('mode', mode)
+  })
+}
+
+export default CodeMirror

assets/src/utils/cookie.js

@@ -1,4 +1,4 @@
-export default function (name) {
-  let re = new RegExp('(?:(?:^|.*;\\s*)' + name + '\\s*\\=\\s*([^;]*).*$)|^.*$')
-  return document.cookie.replace(re, '$1')
-}
+export default function (name) {
+  let re = new RegExp('(?:(?:^|.*;\\s*)' + name + '\\s*\\=\\s*([^;]*).*$)|^.*$')
+  return document.cookie.replace(re, '$1')
+}

assets/src/utils/css.js

@@ -1,28 +1,28 @@
-export default function getRule (rules) {
-  for (let i = 0; i < rules.length; i++) {
-    rules[i] = rules[i].toLowerCase()
-  }
-
-  let result = null
-  let find = Array.prototype.find
-
-  find.call(document.styleSheets, styleSheet => {
-    result = find.call(styleSheet.cssRules, cssRule => {
-      let found = false
-
-      if (cssRule instanceof window.CSSStyleRule) {
-        for (let i = 0; i < rules.length; i++) {
-          if (cssRule.selectorText.toLowerCase() === rules[i]) {
-            found = true
-          }
-        }
-      }
-
-      return found
-    })
-
-    return result != null
-  })
-
-  return result
-}
+export default function getRule (rules) {
+  for (let i = 0; i < rules.length; i++) {
+    rules[i] = rules[i].toLowerCase()
+  }
+
+  let result = null
+  let find = Array.prototype.find
+
+  find.call(document.styleSheets, styleSheet => {
+    result = find.call(styleSheet.cssRules, cssRule => {
+      let found = false
+
+      if (cssRule instanceof window.CSSStyleRule) {
+        for (let i = 0; i < rules.length; i++) {
+          if (cssRule.selectorText.toLowerCase() === rules[i]) {
+            found = true
+          }
+        }
+      }
+
+      return found
+    })
+
+    return result != null
+  })
+
+  return result
+}

assets/src/utils/url.js

@@ -1,12 +1,12 @@
-function removeLastDir (url) {
-  var arr = url.split('/')
-  if (arr.pop() === '') {
-    arr.pop()
-  }
-
-  return arr.join('/')
-}
-
-export default {
-  removeLastDir: removeLastDir
-}
+function removeLastDir (url) {
+  var arr = url.split('/')
+  if (arr.pop() === '') {
+    arr.pop()
+  }
+
+  return arr.join('/')
+}
+
+export default {
+  removeLastDir: removeLastDir
+}

assets/src/views/Files.vue

@@ -210,7 +210,7 @@ export default {
       }
     },
     scroll (event) {
-      if (this.req.kind !== 'listing' || this.$store.state.req.display === 'mosaic') return
+      if (this.req.kind !== 'listing' || this.$store.state.user.viewMode === 'mosaic') return
 
       let top = 112 - window.scrollY
 

assets/src/views/errors/403.vue

@@ -1,13 +1,13 @@
-<template>
-  <div>
-    <h2 class="message">
-      <i class="material-icons">error</i>
-      <span>{{ $t('errors.forbidden') }}</span>
-    </h2>
-  </div>
-</template>
-
-<script>
-export default {name: 'forbidden'}
-</script>
-
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">error</i>
+      <span>{{ $t('errors.forbidden') }}</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'forbidden'}
+</script>
+

assets/src/views/errors/404.vue

@@ -1,13 +1,13 @@
-<template>
-  <div>
-    <h2 class="message">
-      <i class="material-icons">gps_off</i>
-      <span>{{ $t('errors.notFound') }}</span>
-    </h2>
-  </div>
-</template>
-
-<script>
-export default {name: 'not-found'}
-</script>
-
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">gps_off</i>
+      <span>{{ $t('errors.notFound') }}</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'not-found'}
+</script>
+

assets/src/views/errors/500.vue

@@ -1,13 +1,13 @@
-<template>
-  <div>
-    <h2 class="message">
-      <i class="material-icons">error_outline</i>
-      <span>{{ $t('errors.internal') }}</span>
-    </h2>
-  </div>
-</template>
-
-<script>
-export default {name: 'internal-error'}
-</script>
-
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">error_outline</i>
+      <span>{{ $t('errors.internal') }}</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'internal-error'}
+</script>
+

assets/src/views/settings/User.vue

@@ -7,10 +7,21 @@
       </div>
 
       <div class="card-content">
+        <p>
+          <label for="username">{{ $t('settings.username') }}</label>
+          <input type="text" v-model="username" id="username">
+        </p>
+
+        <p>
+          <label for="password">{{ $t('settings.password') }}</label>
+          <input type="password" :placeholder="passwordPlaceholder" v-model="password" id="password">
+        </p>
+
+        <p>
+          <label for="scope">{{ $t('settings.scope') }}</label>
+          <input type="text" v-model="filesystem" id="scope">
+        </p>
 
-        <p><label for="username">{{ $t('settings.username') }}</label><input type="text" v-model="username" id="username"></p>
-        <p><label for="password">{{ $t('settings.password') }}</label><input type="password" :placeholder="passwordPlaceholder" v-model="password" id="password"></p>
-        <p><label for="scope">{{ $t('settings.scope') }}</label><input type="text" v-model="filesystem" id="scope"></p>
         <p>
           <label for="locale">{{ $t('settings.language') }}</label>
           <languages id="locale" :selected.sync="locale"></languages>
@@ -91,6 +102,7 @@ export default {
   components: { Languages },
   data: () => {
     return {
+      originalUser: null,
       id: 0,
       admin: false,
       allowNew: false,
@@ -141,6 +153,7 @@ export default {
       }
 
       getUser(user).then(user => {
+        this.originalUser = user
         this.id = user.ID
         this.admin = user.admin
         this.allowCommands = user.allowCommands
@@ -242,23 +255,21 @@ export default {
       })
     },
     parseForm () {
-      let user = {
-        ID: this.id,
-        username: this.username,
-        password: this.password,
-        lockPassword: this.lockPassword,
-        filesystem: this.filesystem,
-        admin: this.admin,
-        allowCommands: this.allowCommands,
-        allowNew: this.allowNew,
-        allowEdit: this.allowEdit,
-        allowPublish: this.allowPublish,
-        permissions: this.permissions,
-        css: this.css,
-        locale: this.locale,
-        commands: this.commands.split(' '),
-        rules: []
-      }
+      let user = this.originalUser
+      user.username = this.username
+      user.password = this.password
+      user.lockPassword = this.lockPassword
+      user.filesystem = this.filesystem
+      user.admin = this.admin
+      user.allowCommands = this.allowCommands
+      user.allowNew = this.allowNew
+      user.allowEdit = this.allowEdit
+      user.allowPublish = this.allowPublish
+      user.permissions = this.permissions
+      user.css = this.css
+      user.locale = this.locale
+      user.commands = this.commands.split(' ')
+      user.rules = []
 
       let rules = this.rules.split('\n')
 

assets/static/manifest.json

@@ -1,20 +1,20 @@
-{
-  "name": "File Manager",
-  "short_name": "File Manager",
-  "icons": [
-    {
-      "src": "{{ .BaseURL }}/static/img/icons/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "{{ .BaseURL }}/static/img/icons/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "start_url": "{{ .BaseURL }}/",
-  "display": "standalone",
-  "background_color": "#ffffff",
-  "theme_color": "#2979ff"
-}
+{
+  "name": "File Manager",
+  "short_name": "File Manager",
+  "icons": [
+    {
+      "src": "{{ .BaseURL }}/static/img/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "{{ .BaseURL }}/static/img/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "{{ .BaseURL }}/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#2979ff"
+}

assets/static/share/404.html

@@ -1,50 +1,50 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-  <title>File Manager</title>
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ .BaseURL }}/static/img/icons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ .BaseURL }}/static/img/icons/favicon-16x16.png">
-  <!--[if IE]><link rel="shortcut icon" href="{{ .BaseURL }}/static/img/icons/favicon.ico"><![endif]-->
-  <link rel="manifest" href="{{ .BaseURL }}/static/manifest.json">
-  <meta name="theme-color" content="#2979ff">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="assets">
-  <link rel="apple-touch-icon" href="{{ .BaseURL }}/static/img/icons/apple-touch-icon-152x152.png">
-  <meta name="msapplication-TileImage" content="{{ .BaseURL }}/static/img/icons/msapplication-icon-144x144.png">
-  <meta name="msapplication-TileColor" content="#2979ff">
-
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
-  <style>
-    * {
-      box-sizing: border-box
-    }
-    body {
-      font-family: Arial, sans-serif;
-      color: #6f6f6f;
-      background: #f8f8f8;
-    }
-    body > div  {
-      text-align: center;
-      position: absolute;
-      transform: translate(-50%, -50%);
-      top: 50%;
-      left: 50%;
-      box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
-      background: #fff;
-      display: block;
-      border-radius: 0.2em;
-      padding: 2em 3em;
-    }
-    body > a * {
-      margin: 0;
-    }
-  </style>
-</head>
-<body>
-  <div><h1>404 Not Found</h1></div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+  <title>File Manager</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ .BaseURL }}/static/img/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ .BaseURL }}/static/img/icons/favicon-16x16.png">
+  <!--[if IE]><link rel="shortcut icon" href="{{ .BaseURL }}/static/img/icons/favicon.ico"><![endif]-->
+  <link rel="manifest" href="{{ .BaseURL }}/static/manifest.json">
+  <meta name="theme-color" content="#2979ff">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="assets">
+  <link rel="apple-touch-icon" href="{{ .BaseURL }}/static/img/icons/apple-touch-icon-152x152.png">
+  <meta name="msapplication-TileImage" content="{{ .BaseURL }}/static/img/icons/msapplication-icon-144x144.png">
+  <meta name="msapplication-TileColor" content="#2979ff">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
+  <style>
+    * {
+      box-sizing: border-box
+    }
+    body {
+      font-family: Arial, sans-serif;
+      color: #6f6f6f;
+      background: #f8f8f8;
+    }
+    body > div  {
+      text-align: center;
+      position: absolute;
+      transform: translate(-50%, -50%);
+      top: 50%;
+      left: 50%;
+      box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+      background: #fff;
+      display: block;
+      border-radius: 0.2em;
+      padding: 2em 3em;
+    }
+    body > a * {
+      margin: 0;
+    }
+  </style>
+</head>
+<body>
+  <div><h1>404 Not Found</h1></div>
+</body>
+</html>

assets/static/share/index.html

@@ -1,85 +1,85 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-  <title>{{ .File.Name }}</title>
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ .BaseURL }}/static/img/icons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ .BaseURL }}/static/img/icons/favicon-16x16.png">
-  <!--[if IE]><link rel="shortcut icon" href="{{ .BaseURL }}/static/img/icons/favicon.ico"><![endif]-->
-  <link rel="manifest" href="{{ .BaseURL }}/static/manifest.json">
-  <meta name="theme-color" content="#2979ff">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="assets">
-  <link rel="apple-touch-icon" href="{{ .BaseURL }}/static/img/icons/apple-touch-icon-152x152.png">
-  <meta name="msapplication-TileImage" content="{{ .BaseURL }}/static/img/icons/msapplication-icon-144x144.png">
-  <meta name="msapplication-TileColor" content="#2979ff">
-
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
-  <style>
-    * {
-      box-sizing: border-box
-    }
-    body {
-      font-family: Arial, sans-serif;
-      color: #6f6f6f;
-      background: #f8f8f8;
-    }
-    a {
-      text-decoration: none;
-      color: inherit;
-    }
-    body > a  {
-      text-align: center;
-      position: absolute;
-      transform: translate(-50%, -50%);
-      top: 50%;
-      left: 50%;
-      box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
-      background: #fff;
-      display: block;
-      border-radius: 0.2em;
-      width: 90%;
-      max-width: 25em;
-    }
-    body > a > div:first-child {
-      width: 100%;
-      padding: 1em;
-      cursor: pointer;
-      background: #ffffff;
-      color: rgba(0, 0, 0, 0.5);
-      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-    }
-    body > a > div:last-child {
-      padding: 2em 3em;
-    }
-    body > a * {
-      margin: 0;
-    }
-    body > a h1 {
-      margin-top: .2em;
-    }
-  </style>
-</head>
-<body>
-  <a href="?dl=1">
-    <div>Download {{ if .File.IsDir }}Folder{{ else }}File{{ end }}</div>
-    <div>
-      {{ if .File.IsDir -}}
-      <svg fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
-        <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
-        <path d="M0 0h24v24H0z" fill="none"/>
-      </svg>
-      {{ else -}}
-      <svg fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
-        <path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/>
-        <path d="M0 0h24v24H0z" fill="none"/>
-      </svg>
-      {{ end -}}
-      <h1>{{ .File.Name }}</h1>
-      </div>
-  </a>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+  <title>{{ .File.Name }}</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ .BaseURL }}/static/img/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ .BaseURL }}/static/img/icons/favicon-16x16.png">
+  <!--[if IE]><link rel="shortcut icon" href="{{ .BaseURL }}/static/img/icons/favicon.ico"><![endif]-->
+  <link rel="manifest" href="{{ .BaseURL }}/static/manifest.json">
+  <meta name="theme-color" content="#2979ff">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="assets">
+  <link rel="apple-touch-icon" href="{{ .BaseURL }}/static/img/icons/apple-touch-icon-152x152.png">
+  <meta name="msapplication-TileImage" content="{{ .BaseURL }}/static/img/icons/msapplication-icon-144x144.png">
+  <meta name="msapplication-TileColor" content="#2979ff">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
+  <style>
+    * {
+      box-sizing: border-box
+    }
+    body {
+      font-family: Arial, sans-serif;
+      color: #6f6f6f;
+      background: #f8f8f8;
+    }
+    a {
+      text-decoration: none;
+      color: inherit;
+    }
+    body > a  {
+      text-align: center;
+      position: absolute;
+      transform: translate(-50%, -50%);
+      top: 50%;
+      left: 50%;
+      box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+      background: #fff;
+      display: block;
+      border-radius: 0.2em;
+      width: 90%;
+      max-width: 25em;
+    }
+    body > a > div:first-child {
+      width: 100%;
+      padding: 1em;
+      cursor: pointer;
+      background: #ffffff;
+      color: rgba(0, 0, 0, 0.5);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    }
+    body > a > div:last-child {
+      padding: 2em 3em;
+    }
+    body > a * {
+      margin: 0;
+    }
+    body > a h1 {
+      margin-top: .2em;
+    }
+  </style>
+</head>
+<body>
+  <a href="?dl=1">
+    <div>Download {{ if .File.IsDir }}Folder{{ else }}File{{ end }}</div>
+    <div>
+      {{ if .File.IsDir -}}
+      <svg fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
+        <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
+        <path d="M0 0h24v24H0z" fill="none"/>
+      </svg>
+      {{ else -}}
+      <svg fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
+        <path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/>
+        <path d="M0 0h24v24H0z" fill="none"/>
+      </svg>
+      {{ end -}}
+      <h1>{{ .File.Name }}</h1>
+      </div>
+  </a>
+</body>
+</html>

build.sh

@@ -1,13 +1,13 @@
-#!/bin/bash
-
-# Install rice tool if not present
-if ! [ -x "$(command -v rice)" ]; then
-  go get github.com/GeertJohan/go.rice/rice
-fi
-
-# Clean the dist folder and build the assets
-rm -rf assets/dist
-npm run build
-
-# Embed the assets using rice
-rice embed-go
+#!/bin/bash
+
+# Install rice tool if not present
+if ! [ -x "$(command -v rice)" ]; then
+  go get github.com/GeertJohan/go.rice/rice
+fi
+
+# Clean the dist folder and build the assets
+rm -rf assets/dist
+npm run build
+
+# Embed the assets using rice
+rice embed-go

caddy/parser/parser.go

@@ -154,7 +154,7 @@ func Parse(c *caddy.Controller, plugin string) ([]*filemanager.FileManager, erro
 				}
 
 				u.ViewMode = c.Val()
-				if u.ViewMode != "mosaic" && u.ViewMode != "list" {
+				if u.ViewMode != filemanager.MosaicViewMode && u.ViewMode != filemanager.ListViewMode {
 					return nil, c.ArgErr()
 				}
 			case "recaptcha_key":
@@ -207,7 +207,7 @@ func Parse(c *caddy.Controller, plugin string) ([]*filemanager.FileManager, erro
 			sha := hex.EncodeToString(hasher.Sum(nil))
 			database = filepath.Join(path, sha+".db")
 
-			fmt.Println("[WARNING] A database is going to be created for your File Manager instace at " + database +
+			fmt.Println("[WARNING] A database is going to be created for your File Manager instance at " + database +
 				". It is highly recommended that you set the 'database' option to '" + sha + ".db'\n")
 		}
 

cmd/filemanager/main.go

@@ -12,7 +12,7 @@ import (
 
 	"github.com/asdine/storm"
 
-	lumberjack "gopkg.in/natefinch/lumberjack.v2"
+	"gopkg.in/natefinch/lumberjack.v2"
 
 	"github.com/hacdias/filemanager"
 	"github.com/hacdias/filemanager/bolt"
@@ -64,7 +64,7 @@ func init() {
 	flag.BoolVar(&allowPublish, "allow-publish", true, "Default allow publish option for new users")
 	flag.BoolVar(&allowNew, "allow-new", true, "Default allow new option for new users")
 	flag.BoolVar(&noAuth, "no-auth", false, "Disables authentication")
-	flag.StringVar(&locale, "locale", "en", "Default locale for new users")
+	flag.StringVar(&locale, "locale", "", "Default locale for new users, set it empty to enable auto detect from browser")
 	flag.StringVar(&staticg, "staticgen", "", "Static Generator you want to enable")
 	flag.BoolVarP(&showVer, "version", "v", false, "Show version")
 }
@@ -81,11 +81,11 @@ func setupViper() {
 	viper.SetDefault("AllowNew", true)
 	viper.SetDefault("AllowPublish", true)
 	viper.SetDefault("StaticGen", "")
-	viper.SetDefault("Locale", "en")
+	viper.SetDefault("Locale", "")
 	viper.SetDefault("NoAuth", false)
 	viper.SetDefault("BaseURL", "")
 	viper.SetDefault("PrefixURL", "")
-	viper.SetDefault("ViewMode", "mosaic")
+	viper.SetDefault("ViewMode", filemanager.MosaicViewMode)
 	viper.SetDefault("ReCaptchaKey", "")
 	viper.SetDefault("ReCaptchaSecret", "")
 

file.go

@@ -133,6 +133,16 @@ func (i *File) GetListing(u *User, r *http.Request) error {
 			continue
 		}
 
+		if strings.HasPrefix(f.Mode().String(), "L") {
+			// It's a symbolic link
+			// The FileInfo from Readdir treats symbolic link as a file only.
+			info, err := os.Stat(f.Name())
+			if err != nil {
+				return err
+			}
+			f = info
+		}
+
 		if f.IsDir() {
 			name += "/"
 			dirCount++
@@ -418,6 +428,7 @@ var textExtensions = [...]string{
 	".sh", ".bash", ".ps1", ".bat", ".cmd",
 	".php", ".pl", ".py",
 	"Caddyfile",
+	".htaccess",
 	".c", ".cc", ".h", ".hh", ".cpp", ".hpp", ".f90",
 	".f", ".bas", ".d", ".ada", ".nim", ".cr", ".java", ".cs", ".vala", ".vapi",
 }

filemanager.go

@@ -15,14 +15,19 @@ import (
 
 	"golang.org/x/crypto/bcrypt"
 
-	rice "github.com/GeertJohan/go.rice"
+	"github.com/GeertJohan/go.rice"
 	"github.com/hacdias/fileutils"
 	"github.com/mholt/caddy"
 	"github.com/robfig/cron"
 )
 
-// Version is the current File Manager version.
-const Version = "1.3.4"
+const (
+	// Version is the current File Manager version.
+	Version = "1.3.10"
+
+	ListViewMode   = "list"
+	MosaicViewMode = "mosaic"
+)
 
 var (
 	ErrExist              = errors.New("the resource already exists")
@@ -33,7 +38,7 @@ var (
 	ErrEmptyScope         = errors.New("scope is empty")
 	ErrWrongDataType      = errors.New("wrong data type")
 	ErrInvalidUpdateField = errors.New("invalid field to update")
-	ErrInvalidOption      = errors.New("Invalid option")
+	ErrInvalidOption      = errors.New("invalid option")
 )
 
 // FileManager is a file manager instance. It should be creating using the
@@ -207,8 +212,8 @@ func (m *FileManager) Setup() error {
 
 	// TODO: remove this after 1.5
 	for _, user := range users {
-		if user.ViewMode != "list" && user.ViewMode != "mosaic" {
-			user.ViewMode = "list"
+		if user.ViewMode != ListViewMode && user.ViewMode != MosaicViewMode {
+			user.ViewMode = ListViewMode
 			m.Store.Users.Update(user, "ViewMode")
 		}
 	}
@@ -356,7 +361,7 @@ var DefaultUser = User{
 	Rules:         []*Rule{},
 	CSS:           "",
 	Admin:         true,
-	Locale:        "en",
+	Locale:        "",
 	Scope:         ".",
 	FileSystem:    fileutils.Dir("."),
 	ViewMode:      "mosaic",

http/auth.go

@@ -1,7 +1,6 @@
 package http
 
 import (
-	"bytes"
 	"encoding/json"
 	"fmt"
 	"net/http"
@@ -9,27 +8,28 @@ import (
 	"strings"
 	"time"
 
-	jwt "github.com/dgrijalva/jwt-go"
+	"github.com/dgrijalva/jwt-go"
 	"github.com/dgrijalva/jwt-go/request"
 	fm "github.com/hacdias/filemanager"
 )
 
+const reCaptchaAPI = "https://www.google.com/recaptcha/api/siteverify"
+
 type cred struct {
 	Password  string `json:"password"`
 	Username  string `json:"username"`
-	Recaptcha string `json:"recaptcha"`
+	ReCaptcha string `json:"recaptcha"`
 }
 
-// recaptcha checks the recaptcha code.
-func recaptcha(secret string, response string) (bool, error) {
-	api := "https://www.google.com/recaptcha/api/siteverify"
-
+// reCaptcha checks the reCaptcha code.
+func reCaptcha(secret string, response string) (bool, error) {
 	body := url.Values{}
 	body.Set("secret", secret)
 	body.Add("response", response)
 
 	client := &http.Client{}
-	resp, err := client.Post(api, "application/x-www-form-urlencoded", bytes.NewBufferString(body.Encode()))
+
+	resp, err := client.Post(reCaptchaAPI, "application/x-www-form-urlencoded", strings.NewReader(body.Encode()))
 	if err != nil {
 		return false, err
 	}
@@ -53,7 +53,7 @@ func recaptcha(secret string, response string) (bool, error) {
 	return data.Success, nil
 }
 
-// authHandler proccesses the authentication for the user.
+// authHandler processes the authentication for the user.
 func authHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (int, error) {
 	// NoAuth instances shouldn't call this method.
 	if c.NoAuth {
@@ -73,7 +73,7 @@ func authHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (int, er
 
 	// If ReCaptcha is enabled, check the code.
 	if len(c.ReCaptchaSecret) > 0 {
-		ok, err := recaptcha(c.ReCaptchaSecret, cred.Recaptcha)
+		ok, err := reCaptcha(c.ReCaptchaSecret, cred.ReCaptcha)
 		if err != nil {
 			fmt.Println(err)
 			return http.StatusForbidden, err
@@ -179,6 +179,7 @@ func validateAuth(c *fm.Context, r *http.Request) (bool, *fm.User) {
 	keyFunc := func(token *jwt.Token) (interface{}, error) {
 		return c.Key, nil
 	}
+
 	var claims claims
 	token, err := request.ParseFromRequestWithClaims(r,
 		extractor{},

http/download.go

@@ -17,21 +17,13 @@ import (
 // downloadHandler creates an archive in one of the supported formats (zip, tar,
 // tar.gz or tar.bz2) and sends it to be downloaded.
 func downloadHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (int, error) {
-	query := r.URL.Query().Get("format")
-
 	// If the file isn't a directory, serve it using http.ServeFile. We display it
 	// inline if it is requested.
 	if !c.File.IsDir {
-		if r.URL.Query().Get("inline") == "true" {
-			w.Header().Set("Content-Disposition", "inline")
-		} else {
-			w.Header().Set("Content-Disposition", "attachment; filename=\""+c.File.Name+"\"")
-		}
-
-		http.ServeFile(w, r, c.File.Path)
-		return 0, nil
+		return downloadFileHandler(c, w, r)
 	}
 
+	query := r.URL.Query().Get("format")
 	files := []string{}
 	names := strings.Split(r.URL.Query().Get("files"), ",")
 
@@ -111,3 +103,14 @@ func downloadHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (int
 	_, err = io.Copy(w, file)
 	return 0, err
 }
+
+func downloadFileHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (int, error) {
+	if r.URL.Query().Get("inline") == "true" {
+		w.Header().Set("Content-Disposition", "inline")
+	} else {
+		w.Header().Set("Content-Disposition", `attachment; filename="`+c.File.Name+`"`)
+	}
+
+	http.ServeFile(w, r, c.File.Path)
+	return 0, nil
+}

http/http.go

@@ -25,16 +25,13 @@ func Handler(m *fm.FileManager) http.Handler {
 		if code >= 400 {
 			w.WriteHeader(code)
 
-			if err == nil {
-				txt := http.StatusText(code)
-				log.Printf("%v: %v %v\n", r.URL.Path, code, txt)
-				w.Write([]byte(txt))
-			}
+			txt := http.StatusText(code)
+			log.Printf("%v: %v %v\n", r.URL.Path, code, txt)
+			w.Write([]byte(txt + "\n"))
 		}
 
 		if err != nil {
 			log.Print(err)
-			w.Write([]byte(err.Error()))
 		}
 	})
 }
@@ -270,6 +267,7 @@ func sharePage(c *fm.Context, w http.ResponseWriter, r *http.Request) (int, erro
 
 	info, err := os.Stat(s.Path)
 	if err != nil {
+		c.Store.Share.Delete(s.Hash)
 		return ErrorToHTTP(err, false), err
 	}
 

http/users.go

@@ -160,6 +160,11 @@ func usersPostHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (in
 		u.Rules = []*fm.Rule{}
 	}
 
+	// If the view mode is empty, initialize with the default one.
+	if u.ViewMode == "" {
+		u.ViewMode = c.DefaultUser.ViewMode
+	}
+
 	// Initialize commands if not initialized.
 	if u.Commands == nil {
 		u.Commands = []string{}
@@ -182,6 +187,7 @@ func usersPostHandler(c *fm.Context, w http.ResponseWriter, r *http.Request) (in
 	}
 
 	u.Password = pw
+	u.ViewMode = fm.MosaicViewMode
 
 	// Saves the user to the database.
 	err = c.Store.Users.Save(u)

package-lock.json

@@ -8055,15 +8055,6 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
       "dev": true
     },
-    "string_decoder": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
-      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "5.1.1"
-      }
-    },
     "string-length": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-1.0.1.tgz",
@@ -8100,6 +8091,15 @@
         }
       }
     },
+    "string_decoder": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",

rice-box.go.REMOVED.git-id

@@ -1 +1 @@
-be5b409fc6ffa5e4c331a99a624617b653373bee
+46ab215d06908088047a47fa5a4bf4fc8c66b727