administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-06 05:27:44 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: fix some page name error

Browse Source
This commit is contained in:
ZhaiSoul 2025-03-09 23:27:40 +08:00
parent 10fa4ec2ca
commit ab21699dfe
5 changed files with 55 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/overlay/CreateUserDialog.tsx
View File

@ -51,9 +51,12 @@ export default function CreateUserDialog({
.object({ .object({
user: z user: z
.string() .string()
.min(1, t("users.dialog.form.usernameIsRequired", { .min(
ns: "views/settings", 1,
})) t("users.dialog.form.usernameIsRequired", {
ns: "views/settings",
}),
)
.regex(/^[A-Za-z0-9._]+$/, { .regex(/^[A-Za-z0-9._]+$/, {
message: t("users.dialog.createUser.usernameOnlyInclude", { message: t("users.dialog.createUser.usernameOnlyInclude", {
ns: "views/settings", ns: "views/settings",
@ -135,13 +138,13 @@ export default function CreateUserDialog({
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel className="text-sm font-medium"> <FormLabel className="text-sm font-medium">
<Trans ns="views/settings"> <Trans ns="views/settings">users.dialog.form.user</Trans>
users.dialog.form.user
</Trans>
</FormLabel> </FormLabel>
<FormControl> <FormControl>
<Input <Input
placeholder={t("users.dialog.form.user.placeholder", { ns: "views/settings" })} placeholder={t("users.dialog.form.user.placeholder", {
ns: "views/settings",
})}
className="h-10" className="h-10"
{...field} {...field}
/> />
@ -167,7 +170,9 @@ export default function CreateUserDialog({
</FormLabel> </FormLabel>
<FormControl> <FormControl>
<Input <Input
placeholder={t("users.dialog.form.password.placeholder", { ns: "views/settings" })} placeholder={t("users.dialog.form.password.placeholder", {
ns: "views/settings",
})}
type="password" type="password"
className="h-10" className="h-10"
{...field} {...field}
@ -189,7 +194,10 @@ export default function CreateUserDialog({
</FormLabel> </FormLabel>
<FormControl> <FormControl>
<Input <Input
placeholder={t("users.dialog.form.password.confirm.placeholder", { ns: "views/settings" })} placeholder={t(
"users.dialog.form.password.confirm.placeholder",
{ ns: "views/settings" },
)}
type="password" type="password"
className="h-10" className="h-10"
{...field} {...field}
@ -211,7 +219,7 @@ export default function CreateUserDialog({
<LuX className="size-3.5 text-red-500" /> <LuX className="size-3.5 text-red-500" />
<span className="text-red-600"> <span className="text-red-600">
<Trans ns="views/settings"> <Trans ns="views/settings">
users.dialog.form.password.notMatch users.dialog.form.password.notMatch
</Trans> </Trans>
</span> </span>
</> </>

12
web/src/components/overlay/RoleChangeDialog.tsx
View File

@ -45,7 +45,9 @@ export default function RoleChangeDialog({
<Trans ns="views/settings">users.dialog.changeRole.title</Trans> <Trans ns="views/settings">users.dialog.changeRole.title</Trans>
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
<Trans ns="views/settings" values={{username}}>users.dialog.changeRole.desc</Trans> <Trans ns="views/settings" values={{ username }}>
users.dialog.changeRole.desc
</Trans>
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
@ -67,13 +69,17 @@ export default function RoleChangeDialog({
<SelectItem value="admin" className="flex items-center gap-2"> <SelectItem value="admin" className="flex items-center gap-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<LuShield className="size-4 text-primary" /> <LuShield className="size-4 text-primary" />
<span><Trans>role.admin</Trans></span> <span>
<Trans>role.admin</Trans>
</span>
</div> </div>
</SelectItem> </SelectItem>
<SelectItem value="viewer" className="flex items-center gap-2"> <SelectItem value="viewer" className="flex items-center gap-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<LuUser className="size-4 text-primary" /> <LuUser className="size-4 text-primary" />
<span><Trans>role.viewer</Trans></span> <span>
<Trans>role.viewer</Trans>
</span>
</div> </div>
</SelectItem> </SelectItem>
</SelectContent> </SelectContent>

28
web/src/components/overlay/SetPasswordDialog.tsx
View File

@ -79,10 +79,21 @@ export default function SetPasswordDialog({
const getStrengthLabel = () => { const getStrengthLabel = () => {
if (!password) return ""; if (!password) return "";
if (passwordStrength <= 1) return t("users.dialog.form.password.strength.weak", { ns: "views/settings" }); if (passwordStrength <= 1)
if (passwordStrength === 2) return t("users.dialog.form.password.strength.medium", { ns: "views/settings" }); return t("users.dialog.form.password.strength.weak", {
if (passwordStrength === 3) return t("users.dialog.form.password.strength.strong", { ns: "views/settings" }); ns: "views/settings",
return t("users.dialog.form.password.strength.veryStrong", { ns: "views/settings" }); });
if (passwordStrength === 2)
return t("users.dialog.form.password.strength.medium", {
ns: "views/settings",
});
if (passwordStrength === 3)
return t("users.dialog.form.password.strength.strong", {
ns: "views/settings",
});
return t("users.dialog.form.password.strength.veryStrong", {
ns: "views/settings",
});
}; };
const getStrengthColor = () => { const getStrengthColor = () => {
@ -142,7 +153,9 @@ export default function SetPasswordDialog({
/> />
</div> </div>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
<Trans ns="views/settings">users.dialog.form.password.strength</Trans> <Trans ns="views/settings">
users.dialog.form.password.strength
</Trans>
<span className="font-medium">{getStrengthLabel()}</span> <span className="font-medium">{getStrengthLabel()}</span>
</p> </p>
</div> </div>
@ -164,7 +177,10 @@ export default function SetPasswordDialog({
setConfirmPassword(event.target.value); setConfirmPassword(event.target.value);
setError(null); setError(null);
}} }}
placeholder={t("users.dialog.form.newPassword.confirm.placeholder", { ns: "views/settings"})} placeholder={t(
"users.dialog.form.newPassword.confirm.placeholder",
{ ns: "views/settings" },
)}
/> />
{/* Password match indicator */} {/* Password match indicator */}

6
web/src/pages/Settings.tsx
View File

@ -70,7 +70,7 @@ export default function Settings() {
const isAdmin = useIsAdmin(); const isAdmin = useIsAdmin();
const allowedViewsForViewer: SettingsType[] = ["UI settings", "debug"]; const allowedViewsForViewer: SettingsType[] = ["uiSettings", "debug"];
const visibleSettingsViews = !isAdmin const visibleSettingsViews = !isAdmin
? allowedViewsForViewer ? allowedViewsForViewer
: allSettingsViews; : allSettingsViews;
@ -164,7 +164,7 @@ export default function Settings() {
if (allSettingsViews.includes(page as SettingsType)) { if (allSettingsViews.includes(page as SettingsType)) {
// Restrict viewer to UI settings // Restrict viewer to UI settings
if (!isAdmin && !["UI settings", "debug"].includes(page)) { if (!isAdmin && !["UI settings", "debug"].includes(page)) {
setPage("UI settings"); setPage("uiSettings");
} else { } else {
setPage(page as SettingsType); setPage(page as SettingsType);
} }
@ -200,7 +200,7 @@ export default function Settings() {
if (value) { if (value) {
// Restrict viewer navigation // Restrict viewer navigation
if (!isAdmin && !["UI settings", "debug"].includes(value)) { if (!isAdmin && !["UI settings", "debug"].includes(value)) {
setPageToggle("UI settings"); setPageToggle("uiSettings");
} else { } else {
setPageToggle(value); setPageToggle(value);
} }

4
web/src/views/settings/AuthenticationView.tsx
View File

@ -224,7 +224,9 @@ export default function AuthenticationView() {
<TableHead className="w-[250px]"> <TableHead className="w-[250px]">
<Trans ns="views/settings">users.table.username</Trans> <Trans ns="views/settings">users.table.username</Trans>
</TableHead> </TableHead>
<TableHead><Trans ns="views/settings">users.table.role</Trans></TableHead> <TableHead>
<Trans ns="views/settings">users.table.role</Trans>
</TableHead>
<TableHead className="text-right"> <TableHead className="text-right">
<Trans ns="views/settings">users.table.actions</Trans> <Trans ns="views/settings">users.table.actions</Trans>
</TableHead> </TableHead>