alamin/websurfx
alamin/websurfx
0
0
Fork 0
mirror of https://github.com/neon-mmd/websurfx.git synced 2024-11-21 21:48:21 -05:00
Code Issues Releases Activity

✨ feat: add safe search menu option under the search bar (#210)

Browse Source
This commit is contained in:
neon_arch 2023-09-22 19:28:01 +03:00
parent 9271090851
commit 4ae4e2b8f2
1 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
public/templates/search_bar.html
View File

@ -1,27 +1,36 @@
{{>bar this}} <div class="search_area">
<div class="error_box"> {{>bar this}}
{{#if engineErrorsInfo}} <div class="error_box">
<button onclick="toggleErrorBox()" class="error_box_toggle_button"> {{#if engineErrorsInfo}}
<img src="./images/warning.svg" alt="Info icon for error box" /> <button onclick="toggleErrorBox()" class="error_box_toggle_button">
</button> <img src="./images/warning.svg" alt="Info icon for error box" />
<div class="dropdown_error_box"> </button>
{{#each engineErrorsInfo}} <div class="dropdown_error_box">
<div class="error_item"> {{#each engineErrorsInfo}}
<span class="engine_name">{{{this.engine}}}</span> <div class="error_item">
<span class="engine_name">{{{this.error}}}</span> <span class="engine_name">{{{this.engine}}}</span>
<span class="severity_color" style="background: {{{this.severity_color}}};"></span> <span class="engine_name">{{{this.error}}}</span>
<span class="severity_color" style="background: {{{this.severity_color}}};"></span>
</div>
{{/each}}
</div> </div>
{{/each}} {{else}}
</div> <button onclick="toggleErrorBox()" class="error_box_toggle_button">
{{else}} <img src="./images/info.svg" alt="Warning icon for error box" />
<button onclick="toggleErrorBox()" class="error_box_toggle_button"> </button>
<img src="./images/info.svg" alt="Warning icon for error box" /> <div class="dropdown_error_box">
</button> <div class="no_errors">
<div class="dropdown_error_box"> Everything looks good 🙂!!
<div class="no_errors"> </div>
Everything looks good 🙂!!
</div> </div>
{{/if}}
</div> </div>
{{/if}} </div>
<div class="search_options">
<select name="safe_search_levels" {{#if (gte safeSearchLevel 3)}} disabled {{/if}}>
<option value=0 {{#if (eq safeSearchLevel 0)}} selected {{/if}}>SafeSearch: None</option>
<option value=1 {{#if (eq safeSearchLevel 1)}} selected {{/if}}>SafeSearch: Low</option>
<option value=2 {{#if (eq safeSearchLevel 2)}} selected {{/if}}>SafeSearch: Moderate</option>
</select>
</div> </div>
</div> </div>