mirror of
https://github.com/neon-mmd/websurfx.git
synced 2024-10-18 22:42:53 -04:00
89 lines
4.1 KiB
HTML
89 lines
4.1 KiB
HTML
{{>header this}}
|
|
<main class="settings">
|
|
<h1>Settings</h1>
|
|
<hr>
|
|
<div class="settings-view">
|
|
<div class="settings-sidebar">
|
|
<span class="set-name active" data-detailId="all">All</span>
|
|
<span class="set-name" data-detailId="searchEng">Search Engine</span>
|
|
<span class="set-name" data-detailId="theme">Theme</span>
|
|
</div>
|
|
<div class="settings-detail">
|
|
<form method="post" name="settings" onsubmit="return submitSettings();">
|
|
<!-- Search engine settings -->
|
|
<div class="set-item" data-id="searchEng">
|
|
<h3 class="set-name">Select search engines</h3>
|
|
<p class="set-desc">Select the search engines from the list of engines that you want results from</p>
|
|
<!-- Select element -->
|
|
<input name="search-engine" disabled style="display: none;" required></input>
|
|
<div id="engines-selected" class="select-multiple-show">
|
|
<span>Selected Engines: </span>
|
|
</div>
|
|
<div class="custom-select" tabindex="0" data-multiple="1" data-showDivId="engines-selected" data-input="search-engine" data-placeholder="Select" takeInput>
|
|
<svg viewBox="0 0 24 24" width="2rem" height="2rem" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z"></path></svg>
|
|
<div class="options">
|
|
<span data-value="ddg">Duck duck go</span>
|
|
<span data-value="searx">Searx</span>
|
|
</div>
|
|
</div>
|
|
<u class="underlined-text" onclick="selectAllHandler(this)">select all</u>
|
|
<!-- End search select -->
|
|
</div>
|
|
<!-- End search engine setting -->
|
|
|
|
<!-- Theme selection settings -->
|
|
<div class="set-item" data-id="theme">
|
|
<h3 class="set-name">Select theme</h3>
|
|
<p class="set-desc">Select the theme from the available themes to be used in user interface</p>
|
|
<!-- Select element -->
|
|
<input name="theme" disabled style="display: none;" required></input>
|
|
<div class="custom-select" tabindex="0" data-input="theme" data-default="Select" takeInput>
|
|
<svg viewBox="0 0 24 24" width="2rem" height="2rem" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z"></path>
|
|
</svg>
|
|
<div class="options">
|
|
<span data-value="simple">Simple</span>
|
|
</div>
|
|
</div>
|
|
<!-- End select element -->
|
|
</div>
|
|
<!-- End theme selection select -->
|
|
|
|
<!-- Color scheme selection settings -->
|
|
<div class="set-item" data-id="theme">
|
|
<h3 class="set-name">Select Color Scheme</h3>
|
|
<p class="set-desc">Select the color scheme for your theme to be used in user interface</p>
|
|
<!-- Select element -->
|
|
<input name="color-sch" disabled style="display: none;" required></input>
|
|
<div class="custom-select" tabindex="0" data-input="color-sch" data-default="Select" takeInput>
|
|
<svg viewBox="0 0 24 24" width="2rem" height="2rem" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z"></path>
|
|
</svg>
|
|
<div class="options">
|
|
<span data-value="catppuccin-mocha">catppuccin-mocha</span>
|
|
<span data-value="dracula">dracula</span>
|
|
<span data-value="monokai">monokai</span>
|
|
<span data-value="nord">nord</span>
|
|
<span data-value="oceanic-next">oceanic-next</span>
|
|
<span data-value="solarized-dark">solarized-dark</span>
|
|
<span data-value="solarized-light">solarized-light</span>
|
|
<span data-value="tomorrow-night">tomorrow-night</span>
|
|
</div>
|
|
</div>
|
|
<!-- End select element -->
|
|
</div>
|
|
<!-- End color scheme selection -->
|
|
|
|
<!-- ACTIONS -->
|
|
<div class="actions">
|
|
<input type="submit" value="Submit" class="submit-btn">
|
|
</div>
|
|
<!-- End Actions -->
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script src="static/settings.js"></script>
|
|
{{>footer}}
|