neon_arch commited on
Commit
4ae4e2b
1 Parent(s): 9271090

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

Browse files
Files changed (1) hide show
  1. public/templates/search_bar.html +31 -22
public/templates/search_bar.html CHANGED
@@ -1,27 +1,36 @@
1
- {{>bar this}}
2
- <div class="error_box">
3
- {{#if engineErrorsInfo}}
4
- <button onclick="toggleErrorBox()" class="error_box_toggle_button">
5
- <img src="./images/warning.svg" alt="Info icon for error box" />
6
- </button>
7
- <div class="dropdown_error_box">
8
- {{#each engineErrorsInfo}}
9
- <div class="error_item">
10
- <span class="engine_name">{{{this.engine}}}</span>
11
- <span class="engine_name">{{{this.error}}}</span>
12
- <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
 
 
 
13
  </div>
14
- {{/each}}
15
- </div>
16
- {{else}}
17
- <button onclick="toggleErrorBox()" class="error_box_toggle_button">
18
- <img src="./images/info.svg" alt="Warning icon for error box" />
19
- </button>
20
- <div class="dropdown_error_box">
21
- <div class="no_errors">
22
- Everything looks good 🙂!!
23
  </div>
 
24
  </div>
25
- {{/if}}
 
 
 
 
 
 
26
  </div>
27
  </div>
 
1
+ <div class="search_area">
2
+ {{>bar this}}
3
+ <div class="error_box">
4
+ {{#if engineErrorsInfo}}
5
+ <button onclick="toggleErrorBox()" class="error_box_toggle_button">
6
+ <img src="./images/warning.svg" alt="Info icon for error box" />
7
+ </button>
8
+ <div class="dropdown_error_box">
9
+ {{#each engineErrorsInfo}}
10
+ <div class="error_item">
11
+ <span class="engine_name">{{{this.engine}}}</span>
12
+ <span class="engine_name">{{{this.error}}}</span>
13
+ <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
14
+ </div>
15
+ {{/each}}
16
  </div>
17
+ {{else}}
18
+ <button onclick="toggleErrorBox()" class="error_box_toggle_button">
19
+ <img src="./images/info.svg" alt="Warning icon for error box" />
20
+ </button>
21
+ <div class="dropdown_error_box">
22
+ <div class="no_errors">
23
+ Everything looks good 🙂!!
24
+ </div>
 
25
  </div>
26
+ {{/if}}
27
  </div>
28
+ </div>
29
+ <div class="search_options">
30
+ <select name="safe_search_levels" {{#if (gte safeSearchLevel 3)}} disabled {{/if}}>
31
+ <option value=0 {{#if (eq safeSearchLevel 0)}} selected {{/if}}>SafeSearch: None</option>
32
+ <option value=1 {{#if (eq safeSearchLevel 1)}} selected {{/if}}>SafeSearch: Low</option>
33
+ <option value=2 {{#if (eq safeSearchLevel 2)}} selected {{/if}}>SafeSearch: Moderate</option>
34
+ </select>
35
  </div>
36
  </div>