safer-indie-wiki-buddy/pages/settings/index.html

380 lines
18 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8" />
<link rel="icon" href="../../images/logo.png" />
2024-06-29 10:20:53 +00:00
<title data-msg="settingsTitle"></title>
<link rel="stylesheet" href="../../css/common.css" type="text/css">
<link rel="stylesheet" href="../../css/settings.css" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<span id="version"></span>
2024-06-29 10:20:53 +00:00
<h1 data-msg="extensionName"></h1>
</div>
<div id="links">
2024-06-29 10:20:53 +00:00
<a href="../guide/index.html" data-msg="settingsGuide"></a>
<a href="https://getindie.wiki" target="_blank" data-msg="settingsWebsite"></a>
<a href="https://getindie.wiki/changelog/" target="_blank" data-msg="settingsChangelog"></a>
<a href="https://getindie.wiki/#submit" target="_blank" data-msg="settingsSubmitWiki"></a>
<a href="https://github.com/KevinPayravi/indie-wiki-buddy" target="_blank" data-msg="settingsSourceCode"></a>
</div>
<div id="notificationBannerContainer">
<span id="notificationBannerOpera">
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBannerOpera"></span>
<a id="operaPermsHideLink" href="#" data-msg="settingsBannerHide"></a>
</span>
<span id="notificationBannerReview">
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBannerReview"></span>
<div id="notificationBannerReviewLinks">
<a id="reviewReminderChromeLink" target="_blank"
href="https://chrome.google.com/webstore/detail/indie-wiki-buddy/fkagelmloambgokoeokbpihmgpkbgbfm">Chrome</a>
<div>|</div>
<a id="reviewReminderFirefoxLink" target="_blank"
href="https://addons.mozilla.org/en-US/firefox/addon/indie-wiki-buddy/">Firefox</a>
<div>|</div>
2024-06-29 10:20:53 +00:00
<a id="reviewReminderHideLink" href="#" data-msg="settingsBannerHide"></a>
</div>
<br />
2024-06-29 10:20:53 +00:00
<span
data-msg="settingsBannerReviewContact"
data-msg-ph-1="<a target='_blank' href='https://getindie.wiki/#contact'>"
data-msg-ph-2="</a>"></span>
</span>
</div>
<div id="content">
<div id="firstInstallInfo">
2024-06-29 10:20:53 +00:00
<p data-msg="firstInstallInfo1"></p>
<p data-msg="firstInstallInfo2"></p>
<p
data-msg="firstInstallInfo3"
data-msg-ph-1="<a href='https://breezewiki.com/' target='_blank'>BreezeWiki</a>"></p>
<p
data-msg="firstInstallInfo4"
data-msg-ph-1="<img src='../../images/toggle-alert.png' width='12' alt='' />"
data-msg-ph-2="<img src='../../images/toggle-redirect.png' width='12' alt='' />"
data-msg-ph-3="<img src='../../images/toggle-replace.png' width='12' alt='' />"
data-msg-ph-4="<img src='../../images/toggle-hide.png' width='12' alt='' />"></p>
<p
data-msg="firstInstallInfo5"
data-msg-ph-1="<img src='../../images/logo-32.png' width='15' alt='' />"
data-msg-ph-2="<img src='../../images/jigsaw.png' width='15' alt='' />"></p>
<hr />
</div>
<form name="options" class="options">
<fieldset id="generalSettings">
2024-06-29 10:20:53 +00:00
<legend><span aria-hidden="true">⚙️</span>&nbsp;<span data-msg="settingsGeneral"></span></legend>
<div class="settingToggle">
<label>
<input id="powerCheckbox" type="checkbox" />
<span id="powerIcon" aria-hidden="true"></span>
<span id="powerText"></span>
</label>
</div>
<div class="settingToggle">
<label>
<input id="notificationsCheckbox" type="checkbox" />
<span id="notificationsIcon" aria-hidden="true"></span>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsNotifications"></span>
</label>
</div>
<div class="settingToggle">
<label>
<input id="crossLanguageCheckbox" type="checkbox" />
<span id="crossLanguageIcon" aria-hidden="true"></span>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsCrossLanguage"></span>
</label>
2024-03-21 05:09:18 +00:00
</div>
<div class="settingToggle">
<label>
<input id="openChangelogCheckbox" type="checkbox" />
<span id="openChangelogIcon" aria-hidden="true"></span>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsOpenChangelog"></span>
</label>
</div>
</fieldset>
<fieldset id="generalSettings">
2024-06-29 10:20:53 +00:00
<legend><span aria-hidden="true">🔍</span>&nbsp;<span data-msg="settingsSearchEngineFiltering"></span></legend>
<div class="settingToggle searchEngineToggles">
<label>
<input id="googleCheckbox" data-search-engine="google" type="checkbox" />
Google
</label>
<label>
<input id="bingCheckbox" data-search-engine="bing" type="checkbox" />
Bing
</label>
<label>
<input id="duckduckgoCheckbox" data-search-engine="duckduckgo" type="checkbox" />
DuckDuckGo
</label>
<label>
<input id="braveCheckbox" data-search-engine="brave" type="checkbox" />
Brave
</label>
<label>
<input id="ecosiaCheckbox" data-search-engine="ecosia" type="checkbox" />
Ecosia
</label>
<label>
<input id="kagiCheckbox" data-search-engine="kagi" type="checkbox" />
Kagi
</label>
<label>
<input id="qwantCheckbox" data-search-engine="qwant" type="checkbox" />
Qwant
</label>
<label>
<input id="startpageCheckbox" data-search-engine="startpage" type="checkbox" />
Startpage
</label>
<label>
<input id="yahooCheckbox" data-search-engine="yahoo" type="checkbox" />
Yahoo
</label>
<label>
<input id="yandexCheckbox" data-search-engine="yandex" type="checkbox" />
Yandex
2024-03-21 05:09:18 +00:00
</label>
</div>
<hr>
2023-11-16 10:07:24 +00:00
<div class="settingToggle">
<label>
<input id="hiddenResultsBannerCheckbox" type="checkbox" />
<img src="../../images/toggle-banner.png" height="12" alt="" />
2024-06-29 10:20:53 +00:00
<span data-msg="settingsHiddenResultsBanner"></span>
</label>
</div>
<div class="settingToggle">
<label>
<input id="reorderResultsCheckbox" type="checkbox" />
<img src="../../images/toggle-move-up.png" height="12" alt="" />
2024-06-29 10:20:53 +00:00
<span data-msg="settingsReorderResults"></span>
2023-11-16 10:07:24 +00:00
</label>
</div>
</fieldset>
<fieldset id="breezewikiSettings">
<legend>
2024-06-29 10:20:53 +00:00
<span aria-hidden="true"></span>&nbsp;
<span
data-msg="settingsBreezeWiki"
data-msg-ph-1="<a id='breeezwikiLearnMore' href='https://breezewiki.com/' target='_blank'>"
data-msg-ph-2="</a>"></span>
</legend>
2024-01-07 00:12:01 +00:00
<div role="radiogroup">
<div class="radioGroup vertical">
<label>
<input id="breeezwikiSettingDisabledRadio" type="radio" name="breezewikiSetting" value="off" />
<img src="../../images/toggle-disabled.png" height="12" alt="" />
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBreezeWikiDisabled"></span>
2024-01-07 00:12:01 +00:00
</label>
<label>
<input id="breezewikiSettingBannerRadio" type="radio" name="breezewikiSetting" value="banner" />
<img src="../../images/toggle-alert.png" height="12" alt="" />
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBreezeWikiBanner"></span>
2024-01-07 00:12:01 +00:00
</label>
<label>
<input id="breezewikiSettingRedirectRadio" type="radio" name="breezewikiSetting" value="redirect" />
<img src="../../images/toggle-redirect.png" height="12" alt="" />
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBreezeWikiRedirect"></span>
2024-01-07 00:12:01 +00:00
</label>
</div>
</div>
<div id="breezewikiHost" class="settingToggle">
<label>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBreezeWikiHost"></span>
<select name="breezewikiHost" id="breezewikiHostSelect"></select>
</label>
<label id="breezewikiCustomHost">
2024-06-29 10:20:53 +00:00
<span data-msg="settingsBreezeWikiCustomHost"></span>
2024-02-27 09:41:28 +00:00
<input type="text" id="customBreezewikiHost" name="customBreezewikiHost" placeholder="bw.example.com"
size="30" />
2024-06-29 10:20:53 +00:00
<button id="setCustomBreezewikiDomain" type="button" data-msg="settingsBreezeWikiCustomHostSet">
</button>
<span id="breezewikiCustomHostStatus"></span>
</label>
</div>
</fieldset>
<!--
2024-06-29 10:20:53 +00:00
Custom search engines are currently disabled
due to content scripts being unregistered on-update.
-->
<!-- <fieldset id="customSearchEngines">
<legend>
<span aria-hidden="true">🔍</span> Custom search engines
</legend>
<div id="customSearchEnginesContainer">
<div id="customSearchEnginesList"></div>
<div id="customSearchEnginesAdd">
<input type="text" id="newCustomSearchEngineDomain" placeholder="Search engine domain (e.g. search.example.org)" />
<select id="newCustomSearchEnginePreset">
<option value="searxng">SearXNG</option>
<option value="whoogle">Whoogle</option>
</select>
<button id="addCustomSearchEngine">Add</button>
</div>
</div>
</fieldset> -->
2024-06-29 10:20:53 +00:00
<h2 data-msg="settingsWiki"></h2>
<fieldset id="legend">
<legend>
2024-06-29 10:20:53 +00:00
<span aria-hidden="true"></span>&nbsp;<span data-msg="settingsWikiLegend"></span>
</legend>
2024-06-29 10:20:53 +00:00
<span class="text-sm" data-msg="settingsWikiLegendWikiExp"></span>
<div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-disabled.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsDisabled"></span>
</div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-alert.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsAlert"></span>
</div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-redirect.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsRedirect"></span>
</div>
</div>
2024-06-29 10:20:53 +00:00
<span class="text-sm" data-msg="settingsWikiLegendSearchExp"></span>
<div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-disabled.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsDisabled"></span>
</div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-replace.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsReplace"></span>
</div>
<div>
2024-06-29 10:20:53 +00:00
<img src="../../images/toggle-hide.png" width="16" height="16" alt="" />&nbsp;<span data-msg="settingsHide"></span>
</div>
</div>
</fieldset>
<div id="wikiFiltersContainer">
2024-02-27 09:41:28 +00:00
<div>
2024-06-29 10:20:53 +00:00
<div id="langSelectCaption" data-msg="settingsFilterByLanguage"></div>
2024-02-27 09:41:28 +00:00
<select name="lang" id="langSelect">
2024-06-29 10:20:53 +00:00
<option value="ALL" selected data-msg="settingsLangAll"></option>
<option value="DE" data-msg="settingsLangDE"></option>
<option value="EN" data-msg="settingsLangEN"></option>
<option value="ES" data-msg="settingsLangES"></option>
<option value="FI" data-msg="settingsLangFI"></option>
<option value="FR" data-msg="settingsLangFR"></option>
<option value="HU" data-msg="settingsLangHU"></option>
<option value="IT" data-msg="settingsLangIT"></option>
<option value="JA" data-msg="settingsLangJA"></option>
<option value="KO" data-msg="settingsLangKO"></option>
<option value="LZH" data-msg="settingsLangLZH"></option>
<option value="PL" data-msg="settingsLangPL"></option>
<option value="PT" data-msg="settingsLangPT"></option>
<option value="RU" data-msg="settingsLangRU"></option>
<option value="SV" data-msg="settingsLangSV"></option>
2024-06-29 10:20:53 +00:00
<option value="TH" data-msg="settingsLangTH"></option>
<option value="TOK" data-msg="settingsLangTOK"></option>
<option value="UK" data-msg="settingsLangUK"></option>
<option value="ZH" data-msg="settingsLangZH"></option>
</select>
2024-02-27 09:41:28 +00:00
</div>
<div>
2024-06-29 10:20:53 +00:00
<div id="filterInputCaption" data-msg="settingsFilterByName"></div>
<input id="filterInput" type="text" name="filterInput" data-msg-attr="placeholder=settingsNameFilterPlaceholder" />
2024-02-27 09:41:28 +00:00
</div>
2023-12-07 01:14:41 +00:00
</div>
2023-11-04 07:53:57 +00:00
<div class="sticky">
<div id="togglesColumnLabels" class="toggles">
<div>
2023-11-04 07:53:57 +00:00
<span></span>
<div>
2024-06-29 10:20:53 +00:00
<div data-msg="settingsWikiExp"></div>
<div data-msg="settingsSearchExp"></div>
</div>
2023-11-04 07:53:57 +00:00
</div>
</div>
<div id="togglesKeys" class="toggles togglesHeader">
<div>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsSetColumn"></span>
2023-11-04 07:53:57 +00:00
<div class="inputsContainer">
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllDisabled" type="button" data-msg-attr="data-title=settingsDisabled,aria-label=settingsDisabled">
2023-11-04 07:53:57 +00:00
</button>
</div>
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllAlert" type="button" data-msg-attr="data-title=settingsAlert,aria-label=settingsAlert">
2023-11-04 07:53:57 +00:00
</button>
</div>
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllRedirect" type="button" data-msg-attr="data-title=settingsRedirect,aria-label=settingsRedirect">
2023-11-04 07:53:57 +00:00
</button>
</div>
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllSearchEngineDisabled" type="button" data-msg-attr="data-title=settingsDisabled,aria-label=settingsDisabled">
2023-11-04 07:53:57 +00:00
</button>
</div>
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllSearchEngineReplace" type="button" data-msg-attr="data-title=settingsReplace,aria-label=settingsReplace">
2023-11-04 07:53:57 +00:00
</button>
</div>
<div>
2024-06-29 10:20:53 +00:00
<button id="setAllSearchEngineHide" type="button" data-msg-attr="data-title=settingsHide,aria-label=settingsHide">
2023-11-04 07:53:57 +00:00
</button>
</div>
</div>
</div>
</div>
</div>
<div id="togglesDefaults" class="toggles togglesHeader">
<div>
2024-06-29 10:20:53 +00:00
<span data-msg="settingsNewWiki"></span>
<div class="inputsContainer">
<div>
<input id="defaultWikiActionDisabledRadio" type="radio" name="defaultWikiAction" value="disabled"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsDisabled" />
<label data-msg-attr="data-title=settingsDisabled"
for="defaultWikiActionDisabledRadio"></label>
</div>
<div>
<input id="defaultWikiActionAlertRadio" type="radio" name="defaultWikiAction" value="alert"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsAlert" />
<label data-msg-attr="data-title=settingsAlert" for="defaultWikiActionAlertRadio"></label>
</div>
<div>
<input id="defaultWikiActionRedirectRadio" type="radio" name="defaultWikiAction" value="redirect"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsRedirect" />
<label data-msg-attr="data-title=settingsRedirect" for="defaultWikiActionRedirectRadio"></label>
</div>
<div>
<input id="defaultSearchActionDisabledRadio" type="radio" name="defaultSearchAction" value="disabled"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsDisabled" />
<label data-msg-attr="data-title=settingsDisabled" for="defaultSearchActionDisabledRadio"></label>
</div>
<div>
<input id="defaultSearchActionReplaceRadio" type="radio" name="defaultSearchAction" value="replace"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsReplace" />
<label data-msg-attr="data-title=settingsReplace" for="defaultSearchActionReplaceRadio"></label>
</div>
<div>
<input id="defaultSearchActionHideRadio" type="radio" name="defaultSearchAction" value="hide"
2024-06-29 10:20:53 +00:00
data-msg-attr="aria-label=settingsHide" />
<label data-msg-attr="data-title=settingsHide" for="defaultSearchActionHideRadio"></label>
</div>
</div>
</div>
</div>
<div id="toggles" class="toggles"></div>
</form>
<hr />
<div id="footer">
2024-06-29 10:20:53 +00:00
<h2 data-msg="settingsFunStats"></h2>
<div data-msg="settingsFunStatsAlerts" data-msg-ph-1="<span id='countAlerts'></span>"></div>
<div data-msg="settingsFunStatsRedirects" data-msg-ph-1="<span id='countRedirects'></span>"></div>
<div data-msg="settingsFunStatsBreezeWiki" data-msg-ph-1="<span id='countBreezeWiki'></span>"></div>
<div data-msg="settingsFunStatsSearchFilters" data-msg-ph-1="<span id='countSearchFilters'></span>"></div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../scripts/common-functions.js"></script>
<script type="text/javascript" src="../common-page-functions.js"></script>
<script type="text/javascript" src="settings.js"></script>
2024-06-29 10:20:53 +00:00
</html>