You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.4 KiB
HTML
105 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title id="title">Preferences</title>
|
|
<link rel="stylesheet" href="../assets/css/extra.css">
|
|
<!-- Translating -->
|
|
<script>window.i18n = new (require('../translations/i18n'));</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="top">
|
|
<a id="back">Homepage</a>
|
|
<!-- <a id="restart" onclick="restartApp()">Restart app</a> -->
|
|
</div>
|
|
|
|
<h1 id="preferences">Preferences</h1>
|
|
<br><br>
|
|
<strong id="dlText">Download location</strong>
|
|
<br><br>
|
|
<span id="clText">Current download location - </span><span id="path"></span>
|
|
<br><br>
|
|
<button id="selectLocation">Select Download Location</button>
|
|
|
|
<p id="msg">
|
|
</pid>
|
|
|
|
|
|
<span id="transparentText">Enable transparent dark mode(only Linux, needs restart)</span><input type="checkbox"
|
|
id="enableTransparent">
|
|
|
|
<br><br>
|
|
|
|
<label id="selectLn">Select Language (Requires reload)</label>
|
|
<select id="select" onchange="changeLanguage()">
|
|
<option value="en">English</option>
|
|
<option value="es">Español</option>
|
|
<option value="it">Italiano</option>
|
|
<option value="ru">Русский</option>
|
|
<!-- <option value="fi">Finnish</option> -->
|
|
<option value="uk">Українська</option>
|
|
<option value="tr">Türkçe</option>
|
|
</select>
|
|
|
|
|
|
<script>
|
|
let downloadPath = localStorage.getItem("downloadPath")
|
|
getId("path").textContent = downloadPath
|
|
|
|
const { ipcRenderer, dialog } = require("electron")
|
|
function getId(id) {
|
|
return document.getElementById(id)
|
|
}
|
|
|
|
function restartApp(){
|
|
ipcRenderer.send("restart")
|
|
}
|
|
|
|
getId("back").addEventListener("click", () => {
|
|
ipcRenderer.send("close-secondary")
|
|
})
|
|
|
|
getId("selectLocation").addEventListener("click", () => {
|
|
ipcRenderer.send("select-location", "")
|
|
})
|
|
|
|
ipcRenderer.on("downloadPath", (event, downloadPath) => {
|
|
console.log(downloadPath);
|
|
localStorage.setItem("downloadPath", downloadPath)
|
|
getId("path").textContent = downloadPath
|
|
})
|
|
|
|
const enabledTransparent = getId("enableTransparent")
|
|
enabledTransparent.addEventListener("change", (event) => {
|
|
if (enabledTransparent.checked) {
|
|
localStorage.setItem("enabledTransparent", "true")
|
|
}
|
|
else {
|
|
localStorage.setItem("enabledTransparent", "false")
|
|
}
|
|
})
|
|
|
|
const localEnabledTransparent = localStorage.getItem("enabledTransparent")
|
|
if (localEnabledTransparent == "true") {
|
|
enabledTransparent.checked = true
|
|
}
|
|
const language = localStorage.getItem("language")
|
|
|
|
if (language) {
|
|
getId("select").value = language
|
|
}
|
|
function changeLanguage() {
|
|
const language = getId("select").value
|
|
localStorage.setItem("language", language)
|
|
|
|
}
|
|
|
|
require("../src/translate_preferences")
|
|
</script>
|
|
</body>
|
|
|
|
</html> |