|
1 | | -//Autofill Logic |
2 | | -var text=document.getElementById("query"); |
3 | | -var suggestions=document.getElementsByClassName("suggestion"); |
| 1 | +/* eslint-disable vars-on-top */ |
| 2 | +/* eslint-disable no-redeclare */ |
| 3 | +/* eslint-disable block-scoped-var */ |
| 4 | +/* eslint-disable no-unused-vars */ |
| 5 | +// Autofill Logic |
| 6 | +var text = document.getElementById("query"); |
| 7 | +var suggestions = document.getElementsByClassName("suggestion"); |
4 | 8 | function handleData(data) { |
5 | | - if(data[0]!="") |
6 | | - { |
7 | | - for(var i=0;i<(suggestions.length);i++) |
8 | | - { |
9 | | - if(data[1].length>0) |
10 | | - { |
11 | | - suggestions[i].classList.remove("off"); |
12 | | - suggestions[i].innerHTML=data[1][i][0]; |
13 | | - } |
| 9 | + if (data[0] !== "") { |
| 10 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 11 | + if (data[1].length > 0) { |
| 12 | + suggestions[i].classList.remove("off"); |
| 13 | + suggestions[i].innerHTML = data[1][i][0]; |
14 | 14 | } |
| 15 | + } |
15 | 16 | } |
16 | | -}; |
17 | | -text.addEventListener("keyup",function(req,res){ |
18 | | - if(text.value=="") |
19 | | - { |
20 | | - for(var i=0;i<(suggestions.length);i++) |
21 | | - { |
22 | | - suggestions[i].innerHTML=""; |
23 | | - suggestions[i].classList.add("off"); |
24 | | - } |
| 17 | +} |
| 18 | +text.addEventListener("keyup", function (req, res) { |
| 19 | + if (text.value === "") { |
| 20 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 21 | + suggestions[i].innerHTML = ""; |
| 22 | + suggestions[i].classList.add("off"); |
| 23 | + } |
25 | 24 | } |
26 | | - for(var i=0;i<(suggestions.length);i++) |
27 | | - { |
28 | | - suggestions[i].addEventListener("click",function(req,res){ |
29 | | - text.value=this.textContent; |
30 | | - for(var i=0;i<(suggestions.length);i++) |
31 | | - { |
| 25 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 26 | + suggestions[i].addEventListener("click", function (req, res) { |
| 27 | + text.value = this.textContent; |
| 28 | + for (var i = 0; i < (suggestions.length); i += 1) { |
32 | 29 | suggestions[i].classList.add("off"); |
33 | 30 | } |
34 | 31 | }); |
35 | 32 | } |
36 | | - var script = document.createElement('script'); |
37 | | - script.setAttribute('src','https://www.google.com/complete/search?client=psy-ab&hl=en-IN&gs_rn=64&gs_ri=psy-ab&tok=_vqJWTsUOepGe_q9mSti0A&cp=0&gs_id=9&q='+text.value+'&xhr=t&callback=handleData'); |
| 33 | + var script = document.createElement("script"); |
| 34 | + script.setAttribute("src", "https://www.google.com/complete/search?client=psy-ab&hl=en-IN&gs_rn=64&gs_ri=psy-ab&tok=_vqJWTsUOepGe_q9mSti0A&cp=0&gs_id=9&q=" + text.value + "&xhr=t&callback=handleData"); |
38 | 35 | document.body.appendChild(script); |
39 | | - }); |
| 36 | +}); |
40 | 37 |
|
41 | | -//To make Suggestions Disapper when user clicks outside query field |
42 | | -document.body.addEventListener("click", function(){ |
43 | | - for(var i=0;i<(suggestions.length);i++) |
44 | | - { |
45 | | - suggestions[i].classList.add("off"); |
46 | | - } |
| 38 | +// To make Suggestions Disapper when user clicks outside query field |
| 39 | +document.body.addEventListener("click", function () { |
| 40 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 41 | + suggestions[i].classList.add("off"); |
| 42 | + } |
47 | 43 | }); |
48 | | -text.addEventListener("click",function(event){ |
| 44 | +text.addEventListener("click", function (event) { |
49 | 45 | event.stopPropagation(); |
50 | 46 | }); |
51 | 47 |
|
@@ -204,53 +200,41 @@ function suggestion() { |
204 | 200 | var theme; |
205 | 201 |
|
206 | 202 | function themeChange() { |
207 | | - |
208 | 203 | theme = localStorage.getItem("theme"); |
209 | | - if(theme == 'light' ) |
210 | | - localStorage.setItem( "theme" , "dark" ); |
211 | | - else |
212 | | - localStorage.setItem("theme", "light"); |
| 204 | + if (theme === "light") { localStorage.setItem("theme", "dark"); } else { localStorage.setItem("theme", "light"); } |
213 | 205 |
|
214 | 206 | var bg = document.getElementById("content"); |
215 | 207 | bg.classList.toggle("dark"); |
216 | 208 |
|
217 | | - var labels = document.getElementsByTagName('label'); |
| 209 | + var labels = document.getElementsByTagName("label"); |
218 | 210 | labels[0].classList.toggle("dark-label"); |
219 | 211 | labels[1].classList.toggle("dark-label"); |
220 | 212 | labels[2].classList.toggle("dark-label"); |
221 | | - |
222 | 213 | } |
223 | 214 |
|
224 | | -function recordSearchHistory() |
225 | | -{ |
226 | | - |
227 | | - var recentSearchQueries=[]; |
228 | | - if(localStorage.getItem('search')) |
229 | | - recentSearchQueries=JSON.parse(localStorage.getItem('search')); |
230 | | - var x=text.value; |
231 | | - if(x!="" && recentSearchQueries.indexOf(x)==-1) |
232 | | - { |
| 215 | +function recordSearchHistory() { |
| 216 | + var recentSearchQueries = []; |
| 217 | + if (localStorage.getItem("search")) { recentSearchQueries = JSON.parse(localStorage.getItem("search")); } |
| 218 | + var x = text.value; |
| 219 | + if (x !== "" && recentSearchQueries.indexOf(x) === -1) { |
233 | 220 | recentSearchQueries.push(x); |
234 | | - localStorage.setItem('search',JSON.stringify(recentSearchQueries)); |
235 | | - } |
| 221 | + localStorage.setItem("search", JSON.stringify(recentSearchQueries)); |
| 222 | + } |
236 | 223 | } |
237 | 224 |
|
238 | 225 |
|
239 | 226 | document.addEventListener("DOMContentLoaded", function () { |
240 | | - document.querySelector("button").addEventListener("click",function() |
241 | | - { |
242 | | - recordSearchHistory(); |
| 227 | + document.querySelector("button").addEventListener("click", function () { |
| 228 | + recordSearchHistory(); |
243 | 229 | register(); |
244 | | - } ); |
| 230 | + }); |
245 | 231 | document.addEventListener("keyup", keyboardShortCutListener, false); |
246 | 232 | suggestion(); |
247 | 233 | suggestionAsValue(); |
248 | | - if (!localStorage.getItem('theme')) |
249 | | - localStorage.setItem('theme', 'light'); |
| 234 | + if (!localStorage.getItem("theme")) { localStorage.setItem("theme", "light"); } |
250 | 235 |
|
251 | | - if(localStorage.getItem("theme") == 'dark') |
252 | | - { |
| 236 | + if (localStorage.getItem("theme") === "dark") { |
253 | 237 | themeChange(); |
254 | | - localStorage.setItem( "theme" , "dark" ); |
| 238 | + localStorage.setItem("theme", "dark"); |
255 | 239 | } |
256 | 240 | }); |
0 commit comments