|
1 | | -//Autofill Logic |
2 | | -var text=document.getElementById("query"); |
3 | | -var suggestions=document.getElementsByClassName("suggestion"); |
| 1 | +/* eslint-disable func-names */ |
| 2 | +/* eslint-disable vars-on-top */ |
| 3 | +// Autofill Logic |
| 4 | +var text = document.getElementById("query"); |
| 5 | +var suggestions = document.getElementsByClassName("suggestion"); |
4 | 6 | 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 | | - } |
| 7 | + if (data[0] !== "") { |
| 8 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 9 | + if (data[1].length > 0) { |
| 10 | + suggestions[i].classList.remove("off"); |
| 11 | + suggestions[i].innerHTML = data[1][i][0]; |
14 | 12 | } |
| 13 | + } |
15 | 14 | } |
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 | | - } |
| 15 | +} |
| 16 | +text.addEventListener("keyup", function (req, res) { |
| 17 | + if (text.value === "") { |
| 18 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 19 | + suggestions[i].innerHTML = ""; |
| 20 | + suggestions[i].classList.add("off"); |
| 21 | + } |
25 | 22 | } |
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 | | - { |
32 | | - suggestions[i].classList.add("off"); |
| 23 | + for (var j = 0; j < (suggestions.length); j += 1) { |
| 24 | + suggestions[j].addEventListener("click", function (req, res) { |
| 25 | + text.value = this.textContent; |
| 26 | + for (var k = 0; k < (suggestions.length); k += 1) { |
| 27 | + suggestions[k].classList.add("off"); |
33 | 28 | } |
34 | 29 | }); |
35 | 30 | } |
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'); |
| 31 | + var script = document.createElement("script"); |
| 32 | + // eslint-disable-next-line max-len |
| 33 | + 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 | 34 | document.body.appendChild(script); |
39 | | - }); |
| 35 | +}); |
40 | 36 |
|
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 | | - } |
| 37 | +// To make Suggestions Disapper when user clicks outside query field |
| 38 | +document.body.addEventListener("click", function () { |
| 39 | + for (var i = 0; i < (suggestions.length); i += 1) { |
| 40 | + suggestions[i].classList.add("off"); |
| 41 | + } |
47 | 42 | }); |
48 | | -text.addEventListener("click",function(event){ |
| 43 | +text.addEventListener("click", function (event) { |
49 | 44 | event.stopPropagation(); |
50 | 45 | }); |
51 | 46 |
|
@@ -81,7 +76,9 @@ function keyboardShortCutListener(e) { |
81 | 76 | document.getElementById("books").checked = true; |
82 | 77 | } |
83 | 78 | } else if (e.ctrlKey && e.altKey && e.keyCode === 65) { |
84 | | - if ((document.getElementById("music").checked === true) && (document.getElementById("video").checked === true) && (document.getElementById("books").checked === true)) { |
| 79 | + if ((document.getElementById("music").checked === true) |
| 80 | + && (document.getElementById("video").checked === true) |
| 81 | + && (document.getElementById("books").checked === true)) { |
85 | 82 | document.getElementById("music").checked = false; |
86 | 83 | document.getElementById("video").checked = false; |
87 | 84 | document.getElementById("books").checked = false; |
@@ -201,56 +198,51 @@ function suggestion() { |
201 | 198 | document.getElementById("suggest-label").innerHTML = suggestions[random]; |
202 | 199 | } |
203 | 200 |
|
| 201 | +/* eslint-disable vars-on-top */ |
204 | 202 | var theme; |
205 | 203 |
|
206 | 204 | function themeChange() { |
207 | | - |
208 | 205 | theme = localStorage.getItem("theme"); |
209 | | - if(theme == 'light' ) |
210 | | - localStorage.setItem( "theme" , "dark" ); |
211 | | - else |
212 | | - localStorage.setItem("theme", "light"); |
| 206 | + if (theme === "light") { |
| 207 | + localStorage.setItem("theme", "dark"); |
| 208 | + } else { localStorage.setItem("theme", "light"); } |
213 | 209 |
|
214 | 210 | var bg = document.getElementById("content"); |
215 | 211 | bg.classList.toggle("dark"); |
216 | 212 |
|
217 | | - var labels = document.getElementsByTagName('label'); |
| 213 | + var labels = document.getElementsByTagName("label"); |
218 | 214 | labels[0].classList.toggle("dark-label"); |
219 | 215 | labels[1].classList.toggle("dark-label"); |
220 | 216 | labels[2].classList.toggle("dark-label"); |
221 | | - |
222 | 217 | } |
223 | 218 |
|
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 | | - { |
| 219 | +function recordSearchHistory() { |
| 220 | + var recentSearchQueries = []; |
| 221 | + if (localStorage.getItem("search")) { |
| 222 | + recentSearchQueries = JSON.parse(localStorage.getItem("search")); |
| 223 | + } |
| 224 | + var x = text.value; |
| 225 | + if (x !== "" && recentSearchQueries.indexOf(x) === -1) { |
233 | 226 | recentSearchQueries.push(x); |
234 | | - localStorage.setItem('search',JSON.stringify(recentSearchQueries)); |
235 | | - } |
| 227 | + localStorage.setItem("search", JSON.stringify(recentSearchQueries)); |
| 228 | + } |
236 | 229 | } |
237 | 230 |
|
238 | 231 |
|
239 | 232 | document.addEventListener("DOMContentLoaded", function () { |
240 | | - document.querySelector("button").addEventListener("click",function() |
241 | | - { |
242 | | - recordSearchHistory(); |
| 233 | + document.querySelector("button").addEventListener("click", function () { |
| 234 | + recordSearchHistory(); |
243 | 235 | register(); |
244 | | - } ); |
| 236 | + }); |
245 | 237 | document.addEventListener("keyup", keyboardShortCutListener, false); |
246 | 238 | suggestion(); |
247 | 239 | suggestionAsValue(); |
248 | | - if (!localStorage.getItem('theme')) |
249 | | - localStorage.setItem('theme', 'light'); |
| 240 | + if (!localStorage.getItem("theme")) { |
| 241 | + localStorage.setItem("theme", "light"); |
| 242 | + } |
250 | 243 |
|
251 | | - if(localStorage.getItem("theme") == 'dark') |
252 | | - { |
| 244 | + if (localStorage.getItem("theme") === "dark") { |
253 | 245 | themeChange(); |
254 | | - localStorage.setItem( "theme" , "dark" ); |
| 246 | + localStorage.setItem("theme", "dark"); |
255 | 247 | } |
256 | 248 | }); |
0 commit comments