nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change extension to accept on new rule, adding new font, change text

Browse Source
This commit is contained in:
Jorge 2021-09-04 15:55:03 +03:00
parent 4c7909335a
commit fe715360a5
29 changed files with 831 additions and 15168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14785
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

129
frontend/public/index.html
View File

@ -28,6 +28,9 @@
<meta name="msapplication-TileImage" content="[{[ .StaticURL ]}]/img/icons/mstile-144x144.png">
<meta name="msapplication-TileColor" content="#2979ff">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700"
rel="stylesheet">
<!-- Inject Some Variables and generate the manifest json -->
<script>
window.FileBrowser = JSON.parse('[{[ .Json ]}]');
@ -108,37 +111,131 @@
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
0%, 80%, 100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.lds-dual-ring {
display: block;
border-radius: 50%;
animation: lds-dual-ring .8s linear infinite;
border: 1px solid #232f3e;
border-color: #232f3e rgb(236, 236, 236);
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.la-line-scale-pulse-out.la-2x > div {
width: 5px;
height: 40px;
margin: 0 2px;
border-radius: 5px;
}
.la-line-scale-pulse-out > div:nth-child(1), .la-line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
}
.la-line-scale-pulse-out > div:nth-child(2), .la-line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: -.7s;
animation-delay: -.7s;
}
.la-line-scale-pulse-out > div:nth-child(3) {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.label-color {
color: rgba(0, 75, 139, 0.3);
}
.la-line-scale-pulse-out > div {
display: inline-block;
float: none;
background-color: rgba(0, 75, 139, 0.3);
border: 0 solid rgba(0, 75, 139, 0.3);
width: 4px;
height: 32px;
margin: 0 2px;
border-radius: 0;
-webkit-animation: .9s cubic-bezier(.85, .25, .37, .85) infinite line-scale-pulse-out;
animation: .9s cubic-bezier(.85, .25, .37, .85) infinite line-scale-pulse-out;
}
.la-line-scale-pulse-out, .la-line-scale-pulse-out > div {
position: relative;
box-sizing: border-box;
}
@keyframes line-scale-pulse-out {
0%, 100% {
transform: scaley(1)
}
50% {
transform: scaley(.3)
}
}
.sbl-circ-path {
width: 25px;
height: 25px;
color: rgba(90, 90, 90, 0.2);
position: relative;
display: inline-block;
border: 2px solid;
border-radius: 50%;
border-right-color: #232f3e;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div id="app"></div>
<div id="app"></div>
<div id="loading">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<div id="loading">
<div class="utm-spinner d-flex flex-column align-items-center justify-content-center">
<div class="sbl-circ-path"></div>
</div>
</div>
[{[ if .Theme -]}]
<link rel="stylesheet" href="[{[ .StaticURL ]}]/themes/[{[ .Theme ]}].css" />
[{[ end ]}]
[{[ if .CSS -]}]
<link rel="stylesheet" href="[{[ .StaticURL ]}]/custom.css" />
[{[ end ]}]
[{[ if .Theme -]}]
<link rel="stylesheet" href="[{[ .StaticURL ]}]/themes/[{[ .Theme ]}].css"/>
[{[ end ]}]
[{[ if .CSS -]}]
<link rel="stylesheet" href="[{[ .StaticURL ]}]/custom.css"/>
[{[ end ]}]
</body>
</html>

BIN
frontend/src/assets/fonts/poppins/Poppins-Black.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-BlackItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Bold.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-ExtraBold.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-ExtraBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-ExtraLight.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-ExtraLightItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Italic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Light.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Medium.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Regular.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-SemiBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-Thin.ttf Normal file
View File

Binary file not shown.

BIN
frontend/src/assets/fonts/poppins/Poppins-ThinItalic.ttf Normal file
View File

Binary file not shown.

20
frontend/src/components/Search.vue
View File

@ -28,7 +28,7 @@
<template v-if="isEmpty">
<template v-if="value.length === 0">
<div class="valign-wrapper" style="padding: 45%">
<i class="material-icons" style="font-size: 8em !important"
<i class="material-icons" style="font-size: 2em !important"
>toc</i
>
</div>
@ -44,9 +44,9 @@
</li>
</ul>
</div>
<p id="renew">
<i class="material-icons spin" style="font-size: 8em !important"
>autorenew</i
<p id="renew" style=" padding: 45%">
<span style="font-size: 1em !important"
>Searching...</span
>
</p>
</div>
@ -54,15 +54,15 @@
</template>
<script>
import { mapGetters, mapMutations, mapState } from "vuex";
import {mapGetters, mapMutations, mapState} from "vuex";
import url from "@/utils/url";
import { search } from "@/api";
import {search} from "@/api";
var boxes = {
image: { label: "images", icon: "insert_photo" },
audio: { label: "music", icon: "volume_up" },
video: { label: "video", icon: "movie" },
pdf: { label: "pdf", icon: "picture_as_pdf" },
image: {label: "images", icon: "insert_photo"},
audio: {label: "music", icon: "volume_up"},
video: {label: "video", icon: "movie"},
pdf: {label: "pdf", icon: "picture_as_pdf"},
};
export default {

10
frontend/src/components/Sidebar.vue
View File

@ -12,16 +12,6 @@
</router-link>
<div v-if="user.perm.create">
<button
@click="$store.commit('showHover', 'newDir')"
class="action"
:aria-label="$t('sidebar.newFolder')"
:title="$t('sidebar.newFolder')"
>
<i class="material-icons">create_new_folder</i>
<span>{{ $t("sidebar.newFolder") }}</span>
</button>
<button
@click="$store.commit('showHover', 'newFile')"
class="action"

4
frontend/src/components/prompts/NewFile.vue
View File

@ -1,11 +1,11 @@
<template>
<div class="card floating">
<div class="card-title">
<h2>{{ $t("prompts.newFile") }}</h2>
<h2>New rule</h2>
</div>
<div class="card-content">
<p>{{ $t("prompts.newFileMessage") }}</p>
<p>Rule name (extension .yml)</p>
<input
class="input input--block"
v-focus

30
frontend/src/css/base.css
View File

@ -1,15 +1,4 @@
body {
overflow-x: hidden;
color: #333;
text-align: left;
background-color: #f5f5f5;
margin: 0;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 13px;
font-weight: 300 !important;
line-height: 1.5385;
}
@import "fonts.css";
* {
box-sizing: border-box;
}
@ -136,3 +125,20 @@ main {
.break-word {
word-break: break-all;
}
body {
overflow-x: hidden;
color: #333;
text-align: left;
background-color: #f5f5f5;
margin: 0;
font-family: Poppins, sans-serif !important;
font-size: 13px;
font-weight: 300 !important;
line-height: 1.5385;
}
button, input, optgroup, select, textarea {
font-family: Poppins, sans-serif !important;
}

285
frontend/src/css/fonts.css
View File

@ -1,17 +1,286 @@
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
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-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Regular.ttf) format('ttf');
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
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-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
unicode-range: U+1f00-1fff;
}
/* greek */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins'), local('Poppins-Regular'), url(../assets/fonts/poppins/Poppins-Light.ttf) format('ttf');
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;
}
/* cyrillic-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+1f00-1fff;
}
/* greek */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+0370-03ff;
}
/* vietnamese */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(../assets/fonts/poppins/Poppins-Medium.ttf) format('ttf');
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;
}
/* cyrillic-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+1f00-1fff;
}
/* greek */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0370-03ff;
}
/* vietnamese */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
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;
}
/* cyrillic-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+1f00-1fff;
}
/* greek */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0370-03ff;
}
/* vietnamese */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
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;
}
/* latin */
@font-face {
font-family: 'Poppins Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Poppins Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/fonts/poppins/Poppins-MediumItalic.ttf) format('ttf');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import "~material-design-icons/iconfont/material-icons.css";

40
frontend/src/i18n/en.json
View File

@ -3,7 +3,7 @@
"cancel": "Cancel",
"close": "Close",
"copy": "Copy",
"copyFile": "Copy file",
"copyFile": "Copy rule",
"copyToClipboard": "Copy to clipboard",
"create": "Create",
"delete": "Delete",
@ -12,7 +12,7 @@
"info": "Info",
"more": "More",
"move": "Move",
"moveFile": "Move file",
"moveFile": "Move ",
"new": "New",
"next": "Next",
"ok": "OK",
@ -34,10 +34,10 @@
"toggleSidebar": "Toggle sidebar",
"update": "Update",
"upload": "Upload",
"openFile": "Open file"
"openFile": "Open rule"
},
"download": {
"downloadFile": "Download File",
"downloadFile": "Download Rule",
"downloadFolder": "Download Folder",
"downloadSelected": "Download Selected"
},
@ -66,17 +66,17 @@
"sortBySize": "Sort by size"
},
"help": {
"click": "select file or directory",
"click": "select rule or directory",
"ctrl": {
"click": "select multiple files or directories",
"f": "opens search",
"s": "save a file or download the directory where you are"
"s": "save a rule or download the directory where you are"
},
"del": "delete selected items",
"doubleClick": "open a file or directory",
"doubleClick": "open a rule or directory",
"esc": "clear selection and/or close the prompt",
"f1": "this information",
"f2": "rename file",
"f2": "rename rule",
"help": "Help"
},
"languages": {
@ -116,24 +116,24 @@
"copy": "Copy",
"copyMessage": "Choose the place to copy your files:",
"currentlyNavigating": "Currently navigating on:",
"deleteMessageMultiple": "Are you sure you want to delete {count} file(s)?",
"deleteMessageSingle": "Are you sure you want to delete this file/folder?",
"deleteMessageMultiple": "Are you sure you want to delete {count} rule(s)?",
"deleteMessageSingle": "Are you sure you want to delete this rule/folder?",
"deleteMessageShare": "Are you sure you want to delete this share({path})?",
"deleteTitle": "Delete files",
"displayName": "Display Name:",
"download": "Download files",
"downloadMessage": "Choose the format you want to download.",
"error": "Something went wrong",
"fileInfo": "File information",
"fileInfo": "Rule information",
"filesSelected": "{count} files selected.",
"lastModified": "Last Modified",
"move": "Move",
"moveMessage": "Choose new house for your file(s)/folder(s):",
"newArchetype": "Create a new post based on an archetype. Your file will be created on content folder.",
"moveMessage": "Choose new house for your rule(s)/folder(s):",
"newArchetype": "Create a new post based on an archetype. Your rule will be created on content folder.",
"newDir": "New rule directory",
"newDirMessage": "Write the name of the new directory.",
"newFile": "New rule file",
"newFileMessage": "Write the name of the new rule file.",
"newFile": "New rule rule",
"newFileMessage": "Write the name of the new rule rule.",
"numberDirs": "Number of directories",
"numberFiles": "Number of files",
"rename": "Rename",
@ -169,7 +169,7 @@
"avoidChanges": "(leave blank to avoid changes)",
"branding": "Branding",
"brandingDirectoryPath": "Branding directory path",
"brandingHelp": "You can customize how your File Browser instance looks and feels by changing its name, replacing the logo, adding custom styles and even disable external links to GitHub.\nFor more information about custom branding, please check out the {0}.",
"brandingHelp": "You can customize how your Rule Browser instance looks and feels by changing its name, replacing the logo, adding custom styles and even disable external links to GitHub.\nFor more information about custom branding, please check out the {0}.",
"changePassword": "Change Password",
"commandRunner": "Command runner",
"commandRunnerHelp": "Here you can set commands that are executed in the named events. You must write one per line. The environment variables {0} and {1} will be available, being {0} relative to {1}. For more information about this feature and the available environment variables, please read the {2}.",
@ -181,7 +181,7 @@
"documentation": "documentation",
"examples": "Examples",
"executeOnShell": "Execute on shell",
"executeOnShellDescription": "By default, File Browser executes the commands by calling their binaries directly. If you want to run them on a shell instead (such as Bash or PowerShell), you can define it here with the required arguments and flags. If set, the command you execute will be appended as an argument. This apply to both user commands and event hooks.",
"executeOnShellDescription": "By default, Rule Browser executes the commands by calling their binaries directly. If you want to run them on a shell instead (such as Bash or PowerShell), you can define it here with the required arguments and flags. If set, the command you execute will be appended as an argument. This apply to both user commands and event hooks.",
"globalRules": "This is a global set of allow and disallow rules. They apply to every user. You can define specific rules on each user's settings to override this ones.",
"globalSettings": "Global Settings",
"hideDotfiles": "Hide dotfiles",
@ -208,8 +208,8 @@
"permissions": "Permissions",
"permissionsHelp": "You can set the user to be an administrator or choose the permissions individually. If you select \"Administrator\", all of the other options will be automatically checked. The management of users remains a privilege of an administrator.\n",
"profileSettings": "Profile Settings",
"ruleExample1": "prevents the access to any dot file (such as .git, .gitignore) in every folder.\n",
"ruleExample2": "blocks the access to the file named Caddyfile on the root of the scope.",
"ruleExample1": "prevents the access to any dot rule (such as .git, .gitignore) in every folder.\n",
"ruleExample2": "blocks the access to the rule named Caddyfile on the root of the scope.",
"rules": "Rules",
"rulesHelp": "Here you can define a set of allow and disallow rules for this specific user. The blocked files won't show up in the listings and they wont be accessible to the user. We support regex and paths relative to the users scope.\n",
"scope": "Scope",
@ -240,7 +240,7 @@
"login": "Login",
"logout": "Logout",
"myFiles": "Rules",
"newFile": "New file",
"newFile": "New rule",
"newFolder": "New folder",
"preview": "Preview",
"settings": "Settings",

94
frontend/src/i18n/index.js
View File

@ -1,90 +1,25 @@
import Vue from "vue";
import VueI18n from "vue-i18n";
import ar from "./ar.json";
import de from "./de.json";
import en from "./en.json";
import es from "./es.json";
import fr from "./fr.json";
import is from "./is.json";
import it from "./it.json";
import ja from "./ja.json";
import ko from "./ko.json";
import nlBE from "./nl-be.json";
import pl from "./pl.json";
import pt from "./pt.json";
import ptBR from "./pt-br.json";
import ro from "./ro.json";
import ru from "./ru.json";
import svSE from "./sv-se.json";
import zhCN from "./zh-cn.json";
import zhTW from "./zh-tw.json";
Vue.use(VueI18n);
export function detectLocale() {
let locale = (navigator.language || navigator.browserLangugae).toLowerCase();
switch (true) {
case /^ar.*/i.test(locale):
locale = "ar";
break;
case /^es.*/i.test(locale):
locale = "es";
break;
case /^en.*/i.test(locale):
locale = "en";
break;
case /^it.*/i.test(locale):
locale = "it";
break;
case /^fr.*/i.test(locale):
locale = "fr";
break;
case /^pt.*/i.test(locale):
locale = "pt";
break;
case /^pt-BR.*/i.test(locale):
locale = "pt-br";
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;
case /^de.*/i.test(locale):
locale = "de";
break;
case /^ru.*/i.test(locale):
locale = "ru";
break;
case /^pl.*/i.test(locale):
locale = "pl";
break;
case /^ko.*/i.test(locale):
locale = "ko";
break;
default:
locale = "en";
}
return locale;
return "en";
}
// eslint-disable-next-line no-unused-vars
const removeEmpty = (obj) =>
Object.keys(obj)
.filter((k) => obj[k] !== null && obj[k] !== undefined && obj[k] !== "") // Remove undef. and null and empty.string.
.reduce(
(newObj, k) =>
typeof obj[k] === "object"
? Object.assign(newObj, { [k]: removeEmpty(obj[k]) }) // Recurse.
: Object.assign(newObj, { [k]: obj[k] }), // Copy value.
? Object.assign(newObj, {[k]: removeEmpty(obj[k])}) // Recurse.
: Object.assign(newObj, {[k]: obj[k]}), // Copy value.
{}
);
@ -92,24 +27,7 @@ const i18n = new VueI18n({
locale: detectLocale(),
fallbackLocale: "en",
messages: {
ar: removeEmpty(ar),
de: removeEmpty(de),
en: en,
es: removeEmpty(es),
fr: removeEmpty(fr),
is: removeEmpty(is),
it: removeEmpty(it),
ja: removeEmpty(ja),
ko: removeEmpty(ko),
"nl-be": removeEmpty(nlBE),
pl: removeEmpty(pl),
"pt-br": removeEmpty(ptBR),
pt: removeEmpty(pt),
ru: removeEmpty(ru),
ro: removeEmpty(ro),
"sv-se": removeEmpty(svSE),
"zh-cn": removeEmpty(zhCN),
"zh-tw": removeEmpty(zhTW),
},
});

8
frontend/src/router/index.js
View File

@ -4,15 +4,9 @@ import Login from "@/views/Login";
import Layout from "@/views/Layout";
import Files from "@/views/Files";
import Share from "@/views/Share";
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 Shares from "@/views/settings/Shares";
import Errors from "@/views/Errors";
import store from "@/store";
import { baseURL } from "@/utils/constants";
import {baseURL} from "@/utils/constants";
Vue.use(Router);

30
frontend/src/views/files/Listing.vue
View File

@ -1,7 +1,8 @@
<template>
<div>
<header-bar showMenu showLogo>
<search /> <title />
<search/>
<title/>
<action
class="search-button"
icon="search"
@ -46,17 +47,6 @@
/>
</template>
<action
v-if="headerButtons.shell"
icon="code"
:label="$t('buttons.shell')"
@action="$store.commit('toggleShell')"
/>
<action
:icon="user.viewMode === 'mosaic' ? 'view_list' : 'view_module'"
:label="$t('buttons.switchView')"
@action="switchView"
/>
<action
v-if="headerButtons.download"
icon="file_download"
@ -71,7 +61,7 @@
:label="$t('buttons.upload')"
@action="upload"
/>
<action icon="info" :label="$t('buttons.info')" show="info" />
<action icon="info" :label="$t('buttons.info')" show="info"/>
<action
icon="check_circle"
:label="$t('buttons.selectMultiple')"
@ -134,6 +124,7 @@
style="display: none"
type="file"
id="upload-input"
accept=".yml"
@change="uploadInput($event)"
multiple
/>
@ -228,6 +219,7 @@
style="display: none"
type="file"
id="upload-input"
accept=".yml"
@change="uploadInput($event)"
multiple
/>
@ -260,9 +252,9 @@
<script>
import Vue from "vue";
import { mapState, mapGetters, mapMutations } from "vuex";
import { users, files as api } from "@/api";
import { enableExec } from "@/utils/constants";
import {mapGetters, mapMutations, mapState} from "vuex";
import {files as api, users} from "@/api";
import {enableExec} from "@/utils/constants";
import * as upload from "@/utils/upload";
import css from "@/utils/css";
import throttle from "lodash.throttle";
@ -323,7 +315,7 @@ export default {
}
});
return { dirs, files };
return {dirs, files};
},
dirs() {
return this.items.dirs.slice(0, this.showLimit);
@ -531,7 +523,7 @@ export default {
? item.from.slice(0, -1)
: item.from;
const to = this.$route.path + encodeURIComponent(item.name);
items.push({ from, to, name: item.name });
items.push({from, to, name: item.name});
}
if (items.length === 0) {
@ -750,7 +742,7 @@ export default {
}
try {
await users.update({ id: this.user.id, sorting: { by, asc } }, [
await users.update({id: this.user.id, sorting: {by, asc}}, [
"sorting",
]);
} catch (e) {