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

✨ feat: provide seperate search bars for the home & search pages (#185)

Browse Source
This commit is contained in:
neon_arch 2023-08-21 17:35:09 +03:00
parent 4d74b81e95
commit 7a92345bf0
2 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/templates/search_bar.html
View File

@ -1,25 +1,2 @@
<div class="search_bar">
<input
type="search"
name="search-box"
value="{{this.pageQuery}}"
placeholder="Type to search"
/>
<button type="submit" onclick="searchWeb()">search</button>
<div class="error_box">
<button onclick="toggleErrorBox()" class="error_box_dropdown">
<img src="./images/info.svg" alt="Info icon for error box" />
</button>
{{#each engineErrorsInfo}}
<div class="error_item">
<span class="engine_name">{{{this.engine}}}</span>
<span class="engine_name">{{{this.error}}}</span>
<span
class="severity_color"
style="background: {{{this.severity_color}}}; width: 400px; height: 400px"
>lsl</span
>
</div>
{{/each}}
</div>
{{>bar this}}
</div>

27
public/templates/search_page_search_bar.html Normal file
View File

@ -0,0 +1,27 @@
{{>bar this}}
<div class="error_box">
{{#if engineErrorsInfo}}
<button onclick="toggleErrorBox()" class="error_box_toggle_button">
<img src="./images/warning.svg" alt="Info icon for error box" />
</button>
<div class="dropdown_error_box">
{{#each engineErrorsInfo}}
<div class="error_item">
<span class="engine_name">{{{this.engine}}}</span>
<span class="engine_name">{{{this.error}}}</span>
<span class="severity_color" style="background: {{{this.severity_color}}};"></span>
</div>
{{/each}}
</div>
{{else}}
<button onclick="toggleErrorBox()" class="error_box_toggle_button">
<img src="./images/info.svg" alt="Warning icon for error box" />
</button>
<div class="dropdown_error_box">
<div class="no_errors">
Everything looks good 🙂!!
</div>
</div>
{{/if}}
</div>
</div>