From 6d0842f910f4c343f8ec2d012521bc49f05cb2e8 Mon Sep 17 00:00:00 2001
From: Dmitry <b4tm4n@mail.ru>
Date: Thu, 27 Mar 2025 12:11:35 +0300
Subject: [PATCH] frontend: translate to ru
---
frontend/index.html | 2 +-
frontend/src/components/alerts.rs | 4 +-
frontend/src/components/refresh_button.rs | 49 ++++++++++----------
frontend/src/main.rs | 56 ++++++++++++-----------
4 files changed, 58 insertions(+), 53 deletions(-)
diff --git a/frontend/index.html b/frontend/index.html
index bd42225..7dfc1ae 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>Peazyweb - OpenVPN config creator</title>
+ <title>Peazyweb - создание конфигураций для OpenVPN</title>
<script data-trunk src="vendor/tailwindcss.js"></script>
<base data-trunk-public-url />
</head>
diff --git a/frontend/src/components/alerts.rs b/frontend/src/components/alerts.rs
index f21790f..ead235f 100644
--- a/frontend/src/components/alerts.rs
+++ b/frontend/src/components/alerts.rs
@@ -3,9 +3,9 @@ use yew::prelude::*;
#[derive(PartialEq, Properties)]
pub struct ErrorAlertProps {
- #[prop_or("Error!".into())]
+ #[prop_or("Ошибка!".into())]
pub title: AttrValue,
- #[prop_or("An error occurred.".into())]
+ #[prop_or("Произошла ошибка".into())]
pub error: AttrValue,
}
diff --git a/frontend/src/components/refresh_button.rs b/frontend/src/components/refresh_button.rs
index 0c91c06..5dc03b1 100644
--- a/frontend/src/components/refresh_button.rs
+++ b/frontend/src/components/refresh_button.rs
@@ -1,24 +1,25 @@
-use yew::Properties;
-use yew::prelude::*;
-
-#[derive(PartialEq, Properties)]
-pub struct RefreshButtonProps {
- #[prop_or("Refresh".into())]
- pub label: AttrValue,
- #[prop_or("button".into())]
- pub type_: AttrValue,
- pub onclick: Option<Callback<MouseEvent>>,
-}
-
-#[function_component(RefreshButton)]
-pub fn refresh_button(props: &RefreshButtonProps) -> Html {
- html! {
- <button
- type={&props.type_}
- class={classes!("refresh-button", "bg-gray-500", "hover:bg-gray-700", "text-white",
- "font-bold", "py-2", "px-4", "rounded", "mb-4")}
- onclick={props.onclick.clone()}
- > {&props.label}
- </button>
- }
-}
+use yew::Properties;
+use yew::prelude::*;
+
+#[derive(PartialEq, Properties)]
+pub struct RefreshButtonProps {
+ #[prop_or("Обновить".into())]
+ pub label: AttrValue,
+ #[prop_or("button".into())]
+ pub type_: AttrValue,
+ pub onclick: Option<Callback<MouseEvent>>,
+}
+
+#[function_component(RefreshButton)]
+pub fn refresh_button(props: &RefreshButtonProps) -> Html {
+ html! {
+ <button
+ type={&props.type_}
+ class={classes!("refresh-button", "bg-gray-700", "hover:bg-emerald-700", "text-white",
+ "font-bold", "py-2", "px-4", "rounded", "mb-4", "dark:bg-gray-500",
+ "bg-gradient-to-br", "from-gray-800", "dark:from-gray-700")}
+ onclick={props.onclick.clone()}
+ > {&props.label}
+ </button>
+ }
+}
diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index 21b0512..ce7e0d2 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -96,14 +96,14 @@ fn navbar(props: &NavProps) -> Html {
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">{"PeazyWeb"}</span>
</a>
<button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false">
- <span class="sr-only">{"Open main menu"}</span>
+ <span class="sr-only">{"Меню"}</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<div class="hidden w-full md:block md:w-auto" id="navbar-default">
<ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
- <li class={if is_current_home {classes_active} else {classes_inactive}}><Link<Route> to={Route::Home}>{ "Home" }</Link<Route>></li>
+ <li class={if is_current_home {classes_active} else {classes_inactive}}><Link<Route> to={Route::Home}>{ "Главная" }</Link<Route>></li>
if has_dir {
<li class={
match props.currrent_route.clone() {
@@ -112,7 +112,7 @@ fn navbar(props: &NavProps) -> Html {
}
}><Link<Route> to={Route::Configs{dir_name: props.currrent_dir.to_string()}}>{ props.currrent_dir.clone() }</Link<Route>></li>
}
- <li class={if is_current_dir {classes_active} else {classes_inactive}}><Link<Route> to={Route::Directories}>{ "Directories" }</Link<Route>></li>
+ <li class={if is_current_dir {classes_active} else {classes_inactive}}><Link<Route> to={Route::Directories}>{ "Каталоги" }</Link<Route>></li>
</ul>
</div>
</div>
@@ -139,9 +139,9 @@ fn directories() -> Html {
json.sort();
dirs.set(json);
}
- _ => error_message.set("Failed to fetch directories".into()),
+ _ => error_message.set("Ошибка чтения катологов".into()),
},
- _ => error_message.set("Failed to fetch directories".into()),
+ _ => error_message.set("Ошибка получения каталогов".into()),
}
})
})
@@ -158,12 +158,12 @@ fn directories() -> Html {
html! {
<div>
<RefreshButton onclick={get_dirs.reform(|_| ())} />
- <h2 class="text-2xl font-bold text-gray-700 mb-2">{"Directories"}</h2>
+ <h2 class="text-2xl font-bold text-gray-700 mb-2">{"Каталоги конфигураций"}</h2>
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">
- {"Directory name"}
+ {"Каталог"}
</th>
</tr>
</thead>
@@ -209,9 +209,9 @@ fn configs(props: &ConfigsProps) -> Html {
json.sort();
configs.set(json);
}
- _ => error_message.set("Failed to fetch configs".into()),
+ _ => error_message.set("Ошибка чтения конфигураций".into()),
},
- _ => error_message.set("Failed to fetch configs".into()),
+ _ => error_message.set("Ошибка получения конфигураций".into()),
}
})
})
@@ -227,14 +227,14 @@ fn configs(props: &ConfigsProps) -> Html {
html! {
<div>
<p><RefreshButton onclick={get_configs.reform(|_| ())} />
- <Link<Route> to={Route::CreateConfig { dir_name: props.dir.clone().to_string() }}> <button class="text-white bg-gradient-to-br from-pink-500 to-orange-400 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2">
- { "Create" } </button> </Link<Route>> </p>
- <h2 class="text-2xl font-bold text-gray-700 mb-2">{format!("Configs for {}:", props.dir.clone())}</h2>
+ <Link<Route> to={Route::CreateConfig { dir_name: props.dir.clone().to_string() }}> <button class="text-white bg-gradient-to-br from-pink-500 to-orange-400 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800 font-bold rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2">
+ { "Создать" } </button> </Link<Route>> </p>
+ <h2 class="text-2xl font-bold text-gray-700 mb-2">{format!("Конфигурации для {}:", props.dir.clone())}</h2>
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">
- {"Name"}
+ {"Имя"}
</th>
</tr>
</thead>
@@ -289,7 +289,7 @@ fn config(props: &ConfigProps) -> Html {
contents.set(text);
}
}
- _ => contents.set("Failed to fetch contents".into()),
+ _ => contents.set("...Ошибка загрузки содержимого...".into()),
}
})
})
@@ -309,7 +309,7 @@ fn config(props: &ConfigProps) -> Html {
<div class="w-full">
<RefreshButton onclick={get_contents.reform(|_| ())} />
<div class="mb-2 flex justify-between items-center">
- <p class="text-sm font-medium text-gray-900">{"Config "}<b>{&props.file_name}</b>{" for "}<b>{&props.dir}</b>{":"}</p>
+ <p class="text-sm font-medium text-gray-900">{"Конфигурация "}<b>{&props.file_name}</b>{" для "}<b>{&props.dir}</b>{":"}</p>
</div>
<div class="relative bg-gray-50 rounded-lg dark:bg-gray-700 p-4">
<div class="overflow-scroll max-h-full">
@@ -320,7 +320,7 @@ fn config(props: &ConfigProps) -> Html {
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z" clip-rule="evenodd"/>
<path fill-rule="evenodd" d="M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z" clip-rule="evenodd"/>
- </svg>{"Download"}</button></a>
+ </svg>{"Скачать"}</button></a>
</div>
</div>
</div>
@@ -371,7 +371,7 @@ fn create_config(props: &GenerateProps) -> Html {
}
}
_ => {
- error.set("Failed to create config".into());
+ error.set("Ошибка создания конфигурации".into());
}
}
})
@@ -385,11 +385,11 @@ fn create_config(props: &GenerateProps) -> Html {
<br/>
<div class="w-full max-w-sm p-4 bg-white border border-gray-200 rounded-lg shadow-sm sm:p-6 md:p-8 dark:bg-gray-800 dark:border-gray-700">
<form class="space-y-6" action="#">
- <h5 class="text-xl font-medium text-gray-900 dark:text-white">{format!("Create a config for {}:", props.dir.clone())}</h5>
+ <h5 class="text-xl font-medium text-gray-900 dark:text-white">{format!("Создание конфигурации для {}:", props.dir.clone())}</h5>
<div>
- <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="common-name">{"Common Name:"}
+ <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="common-name">{"Имя:"}
</label>
- <input type="text" id="common-name" placeholder="enter common name" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white" required=true oninput={Callback::from({
+ <input type="text" id="common-name" placeholder="введите название" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white" required=true oninput={Callback::from({
let config_name = config_name.clone();
move |e: InputEvent| {
let input = e.target_dyn_into::<web_sys::HtmlInputElement>().unwrap();
@@ -399,7 +399,7 @@ fn create_config(props: &GenerateProps) -> Html {
</div>
<button type="button" onclick={generate_config_request.reform(|_| ())}
class="text-white bg-gradient-to-r from-red-400 via-red-500 to-red-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 shadow-lg shadow-red-500/50 dark:shadow-lg dark:shadow-red-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2">
- { "Create" }
+ { "Создать" }
</button>
</form>
</div>
@@ -407,7 +407,7 @@ fn create_config(props: &GenerateProps) -> Html {
<ErrorAlert error={error.as_str().to_owned()} />
} else {
<div class="p-4 mb-4 text-sm text-green-800 rounded-lg bg-green-50 dark:bg-gray-800 dark:text-green-400" role="alert">
- <span class="font-medium">{"Success!"}</span>{" Config file successfully created!"}
+ <span class="font-medium">{"Успешно!"}</span>{" Конфигурация создана!"}
</div>
<Config dir={dir_name} file_name={format!("{}.ovpn", config_name.as_str())} contents={result.as_str().to_owned()} />
}
@@ -424,7 +424,7 @@ fn switch(routes: Route) -> Html {
<section class="bg-white dark:bg-gray-900">
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">{"PeazyWeb"}</h1>
- <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">{"Your VPN configuration files at your fingertips!"}</p>
+ <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">{"Ваши файлы конфигурации OpenVPN у вас под рукой!"}</p>
</div>
</section>
</div> },
@@ -456,10 +456,14 @@ fn switch(routes: Route) -> Html {
</div>
},
_ => html! {
- <div>
+ <>
<Navbar />
- <h1>{ "todo" }</h1>
- </div>
+ <div class="grid-cols-3 place-items-center">
+ <br/>
+ <h1 class="font-extrabold text-9xl">{"404"}</h1>
+ <span class="text-2xl font-normal">{"Не найдено"}</span>
+ </div>
+ </>
},
}
}