Revela-v4/src/components/SettingsContent/ProxyTab.astro
2024-01-28 14:11:17 -06:00

51 lines
No EOL
2 KiB
Text

---
import Input from "../Input.astro"
import Dropdown from "../Dropdown.astro"
import { getLangFromUrl, useTranslations } from "../../i18n/utils"
const lang = getLangFromUrl(Astro.url);
const t = useTranslations(lang);
const proxyList = [
{ "name": t("settings.proxy.auto"), "value": "auto" },
{ "name": "Ultraviolet", "value": "ultraviolet" },
{ "name": "Rammerhead", "value": "rammerhead" },
{ "name": "Dynamic", "value": "dynamic" }
]
const searchEngineList = [
{ "name": "Google", "value": "google" },
{ "name": "Bing", "value": "bing" },
{ "name": "Brave", "value": "brave" },
{ "name": "Searx", "value": "searx" }
]
const openPageWith = [
{ "name": t("settings.proxy.openPageWith.embed"), "value": "embed"},
{ "name": "About:Blank", "value": "about:blank" },
{ "name": t("settings.proxy.openPageWith.newTab"), "value": "newTab"}
]
---
<div class="settings-container">
<div class="setting__selected-proxy">
<label class="setting-label">{t("settings.proxy.selectedProxy")}</label>
<Dropdown buttonNameDefault="Ultraviolet" dropdownList={proxyList}, id="dropdown__selected-proxy" />
</div>
<div class="setting__search-engine">
<label class="setting-label">{t("settings.proxy.searchEngine")}</label>
<Dropdown buttonNameDefault="Google" dropdownList={searchEngineList}, id="dropdown__search-engine" />
</div>
<div class="setting__open_with">
<label class="setting-label">{t("settings.proxy.openPageWith")}</label>
<Dropdown buttonNameDefault={t("settings.proxy.openPageWith.embed")} dropdownList={openPageWith}, id="dropdown__open-with" />
</div>
<div class="setting__bare-url">
<label class="setting-label">{t("settings.proxy.bareURL")}</label>
<Input inputName="bare-url" />
</div>
</div>
<div class="setting__searxng-url">
<label for="searxng-url-input" class="setting-label">{t("settings.proxy.searxngURL")}</label>
<Input inputName="searxng-url" defaultTextContent="https://searxng.site/" />
</div>