added working settings page
This commit is contained in:
partisan
parent
6b3373f7d6
commit
b726530bc2
16 changed files with 549 additions and 89 deletions
|
|
@ -59,7 +59,7 @@
|
|||
<div class="search-menu settings-menu-hidden">
|
||||
<h2>Settings</h2>
|
||||
<div class="settings-content">
|
||||
<!-- <button id="settingsButton" onclick="window.location.href='/settings'">All settings</button> Well its unessesary to use js here but this menu will not work without js anyway -->
|
||||
<button id="settingsButton" onclick="window.location.href='/settings'">All settings</button> <!-- Well its unessesary to use js here but this menu will not work without js anyway -->
|
||||
<div class="theme-settings">
|
||||
<p><span class="highlight">Current theme: </span> <span id="theme_name">{{.Theme}}</span></p>
|
||||
<div class="themes-settings-menu">
|
||||
|
|
|
|||
|
|
@ -6,77 +6,85 @@
|
|||
<title>Settings - Ocásek</title>
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<link rel="stylesheet" href="/static/css/{{.Theme}}.css">
|
||||
<link rel="stylesheet" href="/static/css/style-settings.css">
|
||||
<link rel="search" type="application/opensearchdescription+xml" title="Ocásek" href="/opensearch.xml">
|
||||
</head>
|
||||
<body>
|
||||
<form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
|
||||
<h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
|
||||
<div class="wrapper-results">
|
||||
<input type="text" name="q" value="" id="search-input" placeholder="Type to search..." />
|
||||
<button id="search-wrapper-ico" class="material-icons-round" name="t" value="text">search</button>
|
||||
<input type="submit" class="hide" name="t" value="text" />
|
||||
<div class="settings-nav">
|
||||
<h1 class="logomobile"><a class="no-decoration" href="./">Settings</a></h1>
|
||||
</div>
|
||||
<div class="sub-search-button-wrapper">
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="text">search</button>
|
||||
<button name="t" value="text" class="clickable">Web</button>
|
||||
</div>
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="image">image</button>
|
||||
<button name="t" value="image" class="clickable">Images</button>
|
||||
</div>
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="video">movie</button>
|
||||
<button name="t" value="video" class="clickable">Videos</button>
|
||||
</div>
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="forum">forum</button>
|
||||
<button name="t" value="forum" class="clickable">Forums</button>
|
||||
</div>
|
||||
<div id="content" class="js-enabled">
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button>
|
||||
<button name="t" value="map" class="clickable">Maps</button>
|
||||
|
||||
<div class="settings-container">
|
||||
<form action="/save-settings" method="post">
|
||||
<div class="settings">
|
||||
<div class="settings-row">
|
||||
<span class="highlight"><p>Theme</p></span>
|
||||
</div>
|
||||
|
||||
<div class="theme-settings">
|
||||
<div class="themes-settings-menu">
|
||||
<a href="/search?theme=dark" class="theme-link">
|
||||
<div class="view-image-search clickable" id="dark">
|
||||
<img src="/static/images/dark.webp" alt="Dark (Default)">
|
||||
<div class="theme-tooltip">Dark (Default)</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search?theme=light" class="theme-link">
|
||||
<div class="view-image-search clickable" id="light">
|
||||
<img src="/static/images/light.webp" alt="Light">
|
||||
<div class="theme-tooltip">Light</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search?theme=night" class="theme-link">
|
||||
<div class="view-image-search clickable" id="night">
|
||||
<img src="/static/images/night.webp" alt="night">
|
||||
<div class="theme-tooltip">Night</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search?theme=black" class="theme-link">
|
||||
<div class="view-image-search clickable" id="black">
|
||||
<img src="/static/images/black.webp" alt="Black">
|
||||
<div class="theme-tooltip">Black</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search?theme=mocha" class="theme-link">
|
||||
<div class="view-image-search clickable" id="mocha">
|
||||
<img src="/static/images/mocha.webp" alt="🌿 Mocha">
|
||||
<div class="theme-tooltip">Mocha</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search?theme=latte" class="theme-link">
|
||||
<div class="view-image-search clickable" id="latte">
|
||||
<img src="/static/images/latte.webp" alt="🌻 Latte">
|
||||
<div class="theme-tooltip">Latte</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-row">
|
||||
<p>Safe Search</p>
|
||||
<select class="results-settings" name="safe" id="safeSearchSelect">
|
||||
<option value="disabled" {{if eq .Safe "disabled"}}selected{{end}}>Safe Search Off</option>
|
||||
<option value="active" {{if eq .Safe "active"}}selected{{end}}>Safe Search On</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-row">
|
||||
<p>Preferred Language</p>
|
||||
<select class="results-settings" name="lang" id="languageSelect">
|
||||
{{range .LanguageOptions}}
|
||||
<option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option>
|
||||
{{end}}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-row settings-row2">
|
||||
<p class="font-hide">|</p>
|
||||
<button class="save save-settings-page" type="submit">Save Settings</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-container-results-btn">
|
||||
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="torrent">share</button>
|
||||
<button name="t" value="torrent" class="clickable">Torrents</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="results_settings">
|
||||
<form>
|
||||
<h1>SETTINGS ARE NOT IMPLEMENTED YET</h1>
|
||||
<h2>Theme</h2>
|
||||
<label for="theme-dark">Dark Theme:</label>
|
||||
<input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br>
|
||||
|
||||
<h2>Language</h2>
|
||||
<label for="ui-language">UI Language:</label>
|
||||
<select id="ui-language" class="results-settings" name="ui_language">
|
||||
<option value="english">English</option>
|
||||
<option value="deutsch">Deutsch</option>
|
||||
</select><br>
|
||||
<label for="search-language">Search Language:</label>
|
||||
<select id="search-language" class="results-settings" name="search_language">
|
||||
<option value="english">English</option>
|
||||
<option value="deutsch">Deutsch</option>
|
||||
</select>
|
||||
|
||||
<h2>Privacy</h2>
|
||||
<label for="theme-dark">Use JavaScript:</label>
|
||||
<input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br>
|
||||
<label for="theme-dark">Use search suggestions:</label>
|
||||
<input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br><br>
|
||||
|
||||
<input type="submit" class="results-settings" value="Save">
|
||||
</form>
|
||||
<div>
|
||||
<script>
|
||||
// Check if JavaScript is enabled and modify the DOM accordingly
|
||||
document.getElementById('content').classList.remove('js-enabled');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue