options: sort-by as select
Massimo Melina committed
Jul 13, 2023 at 15:41 UTC
3b91992455a0d50464fe7212862bed879b1db650
3 files changed
+16
-16
frontend/src/options.ts
+13
-13
@@ -10,7 +10,7 @@ import { t } from './i18n'
10
11
export function showOptions (){
12
const options = ['name', 'extension', 'size', 'time']
13
- const close = newDialog({
13
+ newDialog({
14
title: t`Options`,
15
className: 'options-dialog',
16
icon: () => hIcon('settings'),
@@ -19,23 +19,23 @@ export function showOptions (){
19
20
function Content(){
21
const snap = useSnapState()
22
- return h(FlexV, { gap: '1.2em' },
22
+ return h(FlexV, { gap: '1.5em' },
23
snap.adminUrl && h(MenuLink, {
24
icon: 'admin',
25
label: t`Admin-panel`,
26
href: snap.adminUrl,
27
target: 'admin',
28
}),
29
- h(FlexV, { gap: '.5em' },
30
- h('div', {}, t`Sort by`),
31
- options.map(x => h('button',{
32
- key: x,
33
- className: snap.sortBy === x ? 'toggled' : undefined,
34
- onClick(){
35
- close(state.sortBy = x)
36
- }
37
- }, t(x)))
38
- ),
29
+ h(Select, {
30
+ options: options.map(x => ({
31
+ value: x,
32
+ label: t("Sort by:", { by: t(x) }, t`Sort by` + ': ' + t(x))
33
+ })),
34
+ value: snap.sortBy,
35
+ onChange(v) {
36
+ state.sortBy = v
37
+ }
38
+ }),
39
h(Checkbox, {
40
value: snap.invertOrder,
41
onChange(v) {
@@ -68,7 +68,7 @@ export function showOptions (){
68
),
69
70
h(Select, {
71
- options: ['', 'light', 'dark'].map(s => ({ label: t`theme:` + ' ' + t(s || "auto"), value: s })),
71
+ options: ['', 'light', 'dark'].map(s => ({ label: t(["Theme:", "theme:"]) + ' ' + t(s || "auto"), value: s })),
72
value: snap.theme,
73
onChange(v) {
74
state.theme = v
src/langs/hfs-lang-en.json
+1
-1
@@ -69,7 +69,7 @@
69
"enter_folder": "Enter the folder",
70
"folder_exists": "Folder with same name already exists",
71
72
- "Sort by": "Sort by",
72
+ "Sort by:": "Sort by: {by}",
73
"name": "name",
74
"extension": "extension",
75
"size": "size",
src/langs/hfs-lang-it.json
+2
-2
@@ -67,10 +67,10 @@
67
"enter_folder": "Accedi alla nuova cartella",
68
"folder_exists": "Questo nome esiste già",
69
70
- "Sort by": "Ordinamento",
70
+ "Sort by:": "Ordina per {by}",
71
"name": "nome",
72
"extension": "estensione",
73
- "size": "dimensioni",
73
+ "size": "dimensione",
74
"time": "data/ora",
75
"Invert order": "Inverti ordine",
76
"Folders first": "Prima le cartelle",