Google Search Extra Buttons

Add buttons (past 1/2/3 days, weeks, PDF search etc.) for Google search page

当前为 2022-08-22 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Google Search Extra Buttons
  3. // @name:ru GoogleSearchExtraButtons
  4. // @description Add buttons (past 1/2/3 days, weeks, PDF search etc.) for Google search page
  5. // @description:ru Кнопки вариантов поиска для страницы поиска Google (1-2-3 дня, недели, PDF, ...)
  6. // @version 44.2022.8.23
  7. // @namespace spmbt.github.com
  8. // @include http://www.google.*/search*
  9. // @include https://www.google.*/search*
  10. // @include https://www.google.*/*
  11. // @include https://encrypted.google.*/search*
  12. // @include https://encrypted.google.*/*
  13. // @include https://spmbt.github.io/googleSearchExtraButtons/saveYourLocalStorage.html
  14. // @include https://www.gstatic.com/sites/p/b9356d/system/services/test.html
  15. // @include https://www.gstatic.com/index.html
  16. // ==/UserScript==
  17. var xLocStI =0, xLocSto = [{origin:'https://spmbt.github.io', restHref:'/googleSearchExtraButtons/saveYourLocalStorage.html'},
  18. {origin:'https://www.gstatic.com', restHref:'/sites/p/b9356d/system/services/test.html', '//':'blank page'},
  19. {origin:'https://www.gstatic.com', restHref:'/index.html', '//':'404 page'}];
  20. // For use own eXternal LocalStorage add to array your origin+restHref of site with https protocol,
  21. // set xLocStI pointed to it, @include directive with this URL. If this script is Chrome extension, fill include_globs in manifest.json.
  22. // TODO If localStorage will be unavailable, script will be use next indexes of array.
  23. if(location.host == xLocSto[xLocStI].origin.replace(/[^/]*\/\//,'')){
  24. window.addEventListener('message', function(ev){
  25. if(/^https?:\/\/www\.google\./.test(ev.origin)){
  26. var d = typeof ev.data =='string' && ev.data[0] =='{' ? JSON.parse(ev.data) : ev.data;
  27. if(!d.do) return;
  28. var tok = d.tok, key = d.key; try{
  29. switch(d.do){
  30. case 'set':
  31. var prev = localStorage[key];
  32. if(d.val !==undefined)
  33. localStorage[key] = JSON.stringify(d.val);
  34. else
  35. localStorage.removeItem(key);
  36. break;
  37. case 'get':
  38. prev = localStorage[key];
  39. prev = prev === undefined || typeof prev =='string'&& prev[0] !='{'? prev : JSON.parse(prev); break;
  40. case 'remove':
  41. prev = localStorage[key];
  42. if(prev !==undefined)
  43. localStorage.removeItem(key);
  44. }} catch(er){}
  45. //xLocStI !=0 && console.log('[xLocSto]', tok, 'prev=', prev);
  46. xLocStI !=0 && ev.source.postMessage(JSON.stringify(prev !==undefined ? {tok: tok, prev: prev} : {tok: tok, undef:1}), ev.origin);
  47. }},!1); //console.log('[xLocSto-1]_'+ xLocStI);
  48. }else (function(setts){ //lang, sites, lastHoursLess
  49.  
  50. var $x = function(el, h){if(h) for(var i in h) el[i] = h[i]; return el;} //===extend===
  51. ,$pd = function(ev){ev.preventDefault();}
  52. ,d = document
  53. ,$q = function(q, el){return (el||d).querySelector(q)}
  54. ,lh = location.href
  55. ,$e = function(g,el){ //===create or use existing element=== //g={el|clone,cl,ht,cs,at,atRemove,on,apT}
  56. g.el = el || g.el || g.clone ||'DIV';
  57. var o = g.o = g.clone && g.clone.cloneNode && g.clone.cloneNode(!0)
  58. || (typeof g.el =='string' ? d.createElement(g.el) : g.el);
  59. if(o){ //execute if exist
  60. if(g.cl)
  61. o.className = g.cl;
  62. if(g.cs)
  63. $x(o.style, g.cs);
  64. if(g.ht || g.at){
  65. var at = g.at ||{}; if(g.ht) at.innerHTML = g.ht;}
  66. if(at)
  67. for(var i in at){
  68. if(i=='innerHTML') o[i] = at[i];
  69. else o.setAttribute(i, at[i]);}
  70. if(g.atRemove)
  71. for(var i in g.atRemove)
  72. o.removeAttribute(g.atRemove[i]);
  73. if(g.on)
  74. for(var i in g.on) if(g.on[i])
  75. o.addEventListener(i, g.on[i],!1);
  76. g.ap && o.appendChild(g.ap);
  77. g.apT && g.apT.appendChild(o);
  78. }
  79. return o;
  80. },
  81. addRules = function(css){$e({apT: d.getElementsByTagName('head')[0], ap: d.createTextNode(css)},'style')},
  82. //check occurrence of third-party event with growing interval: h.t=time, h.i=count, h.c=check, h.o=occur, h.m=multi
  83. CS = function(h,d){d?h.o(d):h.i--&&setTimeout(function(){CS(h,h.c())},h.t*=h.m)} //example: t:120, i:12, m: 1.6 => wait around 55 sec
  84. //for xLocStor:
  85. ,xLocStorOrigin = d.location.protocol + xLocSto[xLocStI].origin.replace(/[^/]*/,'')
  86. ,qr, qrs ={} //set of queries "key-calls" (ок, toutLitt, toutLong, noService, noStorage)
  87. ,qrI = 0 //queries counter
  88. ,qrN = 12 //max number of waiting queries
  89. ,errIMax = 120, errNMax = errIMax //max number of errors
  90. ,ns ='googXButtons_' //namespace for keys
  91. ,listenMsg
  92. /**
  93. * external localStorage for using another domain if current domain storage is erased anywhere
  94. * @param{String} h.do - action: set|get|remove
  95. * @param{String} h.key
  96. * @param{Object|undefined} h.val (any type)
  97. * @param{Number|undefined} h.toutLitt
  98. * @param{Number|undefined} h.tout
  99. * @param{Function} h.cB - callback with 2 arguments
  100. * @param{Function|undefined} h.err - callback for err with one argument
  101. */
  102. ,xLocStor = function(h){
  103. var h0 = h;
  104. h.toutLitt = h.toutLitt || 400;
  105. h.tout = h.tout || 4000;
  106. var ifr = d.getElementById('xLocStor')
  107. ,query = function(){
  108. if((qrI += 1) > qrN){
  109. xCatch('longQrs', null, h);
  110. return;}
  111. ifr.contentWindow.postMessage(JSON.stringify($x({
  112. do: h.do
  113. ,tok: token
  114. ,key: ns + h.key
  115. }, h.val !==undefined ? {val: h.val}:{}) )
  116. , xLocStorOrigin);
  117. qrs[token] = $x({ //for wait of response
  118. wToutLitt: (function(h, qrI, errIMax){return setTimeout(function(){
  119. qrI -= 1;
  120. if((errIMax -= 1) >=0)
  121. ;//console.warn('toutLitt', h);
  122. chkErrMax();
  123. }, h.toutLitt);})(h, qrI, errIMax)
  124. ,wTout: (function(h, qrI){return setTimeout(function(){
  125. qrI -= 1;
  126. //xCatch('tout', null, h);
  127. //xLocStor(h0);
  128. }, h.tout);})(h, qrI)
  129. }, h);
  130. }
  131. ,token = +new Date() + (Math.random()+'').substr(1,8)
  132. ,el = h.el;
  133. delete h.el;
  134. if(ifr) query();
  135. else ifr = $e({
  136. el: 'iframe',
  137. at:{id: 'xLocStor'
  138. ,src: xLocStorOrigin + xLocSto[xLocStI].restHref},
  139. cs: {display: 'none'},
  140. on: {load: query},
  141. apT: el || d.body
  142. });
  143. if(!listenMsg) addEventListener('message', function(ev){
  144. if(ev.origin == xLocStorOrigin){ // {"tok":"<value>"[,"err":"<txt>"],"h":...}
  145. //console.log('from_io', JSON.parse(ev.data))
  146. var resp = ev.data && ev.data[0] =='{' && JSON.parse(ev.data);
  147. if(!resp) xCatch('bad_format', resp, h);
  148. if(( qr = qrs[resp.tok] )){
  149. qrI -= 1;
  150. qr.cB(resp.prev, resp.undef);
  151. var er = qr.err;
  152. delete qrs[resp.tok];} // else ignore unsufficient token
  153. if(resp.err && (!er || er(resp.err)) ) //individual or common error processing depends of er()
  154. xCatch(resp.err, resp, h);
  155. }},!1);
  156. listenMsg =1;
  157. },
  158. //for tests: localStorage.googXButtons_dwmyh = JSON.stringify({h:[1,2,1,1,1]})
  159. //$('#xLocStor').contentWindow.postMessage('{"do":"get","key":"googXButtons_dwmyh"}',xLocSto[xLocStI].origin)
  160. xCatch = function(er, resp, h){
  161. if((errIMax -= 1) >=0)
  162. console.error('tok:', resp && resp.tok ||'--','; err:', er,'; h:', h,'; respH:', resp && resp.h);
  163. chkErrMax();
  164. },
  165. chkErrMax = function(){if(!errIMax) console.error('Too many err messages:', errNMax)}
  166. ,fileType ='PDF,DOC,RTF,ODF,XLS,ODS,PPT,ODP,TXT,XML,More..., KML,DWF,PS,WPM,BAS,C,CC,CPP,CXX, Java,PL,PY,H,HPP,CS'
  167. .split(/,\s*/).map(function(x){return '&nbsp;'+x+'&nbsp; '})
  168. ,isFTMore =0
  169. ,meta={Goog:'',Duck:'',Bing:'',Ask:'',Baidu:'',Yandex:'',Mailru:'',SlideS:''} //will create child-tabs (window names)
  170. ,imgFile='SVG,JPG,GIF,PNG,BMP,webp,ICO,RAW'.split(',').map(function(x){return '&nbsp;'+x+'&nbsp; '}) //will switch to Img Search
  171. ,imgType='face,clipart,photo,lineart,animated'.split(',') //for Img Search (+imgColor,imgSize,imgSizeLt)
  172. ,imgColor='red,orange,yellow,green,teal,blue,purple,pink,white,gray,black,brown'.split(',')
  173. ,imgSize='l,m,small,icon,>=,Exact...'.split(',')
  174. ,imgSizeLt='vga,svga,xga,2mp,4mp,qsvga'.split(',')
  175. ,$l ={ru:{
  176. 'search in PDF files':'поиск по документам PDF'
  177. ,'search in':'искать по'
  178. ,'More':'Ещё'
  179. ,'search black/white':'искать чёрно-белые'
  180. ,'return to colored':'вернуться к цветным'
  181. ,'from / to':'за период'
  182. ,'past':['за последний','за последние','за последнюю']
  183. ,'day':'сутки'
  184. ,'days':['дня','дней']
  185. ,'week':'неделю'
  186. ,'weeks':['недели','недель']
  187. ,'month':'месяц'
  188. ,'months':['месяца','месяцев']
  189. ,'year':'год'
  190. ,'years':['года','лет']
  191. ,'hour':'час'
  192. ,'hours':['часа','часов']
  193. ,'Settings':'Настройки'
  194. ,'of userscript':'юзерскрипта'
  195. ,'reload page for effect':'перезагрузить страницу'
  196. ,'Interface language':'Язык интерфейса'
  197. ,'Less positions at the end of selects':'Меньше выбора в конце селектов'
  198. ,'Gray design of buttons':'Серый дизайн кнопок'
  199. ,'Sites':'Сайты'
  200. },fr:{
  201. 'search in PDF files':'la recherche dans les fichiers PDF'
  202. ,'search in':'rechercher dans'
  203. ,'More':'Plus'
  204. ,'search black/white':'trouver noir et blanc'
  205. ,'return to colored':'retour à la couleur'
  206. ,'from / to':'pour la période'
  207. ,'past':['le dernier','dans les derniers','dans les derniers']
  208. ,'day':'jour'
  209. ,'days':['jours','jours']
  210. ,'week':'semaine'
  211. ,'weeks':['semaines','semaines']
  212. ,'month':'mois'
  213. ,'months':['mois','mois']
  214. ,'year':'an'
  215. ,'years':['ans','ans']
  216. ,'hour':'heure'
  217. ,'hours':['heures','heures']
  218. ,'Settings':'Paramètres'
  219. ,'of userscript':'de Userscript'
  220. ,'reload page for effect':'recharger la page pour effet'
  221. ,'Interface language':'Langue de l\'interface'
  222. ,'Less positions at the end of selects':'Moins de choix les longues listes'
  223. ,'Gray design of buttons':'Gris design des boutons'
  224. ,'Sites':'Les sites'
  225. },de:{
  226. 'search in PDF files':'Suche in PDF-Dateien'
  227. ,'search in':'Suche in'
  228. ,'More':'Mehr'
  229. ,'search black/white':'schwarz und weiß finden'
  230. ,'return to colored':'zurück zur Farbe'
  231. ,'from / to':'im Zeitraum'
  232. ,'past':['letzte','letzte','letzte']
  233. ,'day':'Tag'
  234. ,'days':['Tage','Tage']
  235. ,'week':'Woche'
  236. ,'weeks':['Wochen','Wochen']
  237. ,'month':'Monat'
  238. ,'months':['Monate','Monate']
  239. ,'year':'Jahr'
  240. ,'years':['Jahre','Jahre']
  241. ,'hour':'Stunde'
  242. ,'hours':['Stunden','Stunden']
  243. ,'Settings':'Einstellungen'
  244. ,'of userscript':'von Userscript'
  245. ,'reload page for effect':'Seite neu laden'
  246. ,'Interface language':'Sprache'
  247. ,'Less positions at the end of selects':'Weniger Auswahl in langen Listen'
  248. ,'Gray design of buttons':'Graues Design der Schaltflächen'
  249. ,'Sites':'Websites'
  250. },es:{
  251. 'search in PDF files':'búsqueda en archivos PDF'
  252. ,'search in':'busca en'
  253. ,'More':'Más'
  254. ,'search black/white':'encontrar blanco y negro'
  255. ,'return to colored':'volver al color'
  256. ,'from / to':'para el período'
  257. ,'past':['el último','en los últimos','en los últimos']
  258. ,'day':'día'
  259. ,'days':['días','días']
  260. ,'week':'Semana'
  261. ,'weeks':['semanas','semanas']
  262. ,'month':'mes'
  263. ,'months':['meses','meses']
  264. ,'year':'año'
  265. ,'years':['años','años']
  266. ,'hour':'hora'
  267. ,'hours':['horas','horas']
  268. ,'Settings':'Ajustes'
  269. ,'of userscript':'de userscript'
  270. ,'reload page for effect':'página para efecto de recargar'
  271. ,'Interface language':'Idioma de interfaz'
  272. ,'Less positions at the end of selects':'Menos elección en listas largas'
  273. ,'Gray design of buttons':'Diseño gris de botones'
  274. ,'Sites':'Sitios'
  275. }},cB; //if !lang, then no hints
  276. var bBack = /^(?:rgba?\((\d+)|#(.))/.exec(window.getComputedStyle(d.body).backgroundColor.replace(/gb/,'gba')), // for Images tab
  277. mDark = (d.querySelectorAll('meta[name="color-scheme"]')[0]||{}).content==='dark'|| bBack && (bBack[1] && bBack[1] <96 || bBack[2] && bBack[2] <6);
  278. addRules('.hp .sfsbc,.sfsbc{display:inline-block}.siteList:hover button{display:block}'
  279. +'.gb_Ib >.gb_e{height:47px}.gb_Fb{z-index:1087}.tsf-p{z-index:203}'
  280. +'.lsbb .xButt,.lsbb >.siteList,.sbibod .xButt,.sbibod >.siteList {z-index:2002; width:34px; height:17px;'
  281. +'padding:0 2px; line-height:14px; font-size:14px; border:1px solid transparent; border-radius:2px;'
  282. +'background-color:#dddae6; color:#eee; opacity:.07; transition:opacity .57s ease-in}'
  283. +'.lsbb >.siteList:hover {background-color:#4889f1}'
  284. +'.lsbb >.siteList,.sbibod >.siteList {width:32px; height:auto; padding:1px 0 2px; text-align:center}'
  285. +'.lsbb >.siteList .lsb >.txt.or {visibility:hidden; position:relative; left:3px; top:-2px; margin-left:-14px;'
  286. +'font-size:9px; font-variant:small-caps; border:1px solid rgb(72, 137, 241); border-radius:8px;'
  287. +'background-color:rgba(233, 238, 247, 0.66); color:rgb(131, 105, 68)}.lsbb >.siteList .lsb >.txt.or.sit {left:-1px}'
  288. +'.lsbb >.siteList .selted .lsb:not(.more):not(.moreShow):not(.sett):hover >.txt.or {visibility:visible}'
  289.  
  290. //deprecated gray design
  291. +'.lsbb .xButt:hover,.sbibod .xButt:hover,.xButt.xButt2:hover .xButt2,.xButt2:hover{background-color:#c3d4e1; color:#fff; opacity:1}'
  292. +'.xButt2{padding:0 0 2px; background-color:#dad6e2; color:#eee; opacity:1}'
  293. +'.sbibod.lsbb{height:44px}'
  294. +'.sbibod .xButt:hover,.sbibod .xButt2:hover,.sbibod .xButt:hover .xButt2{background-color:#c3c6c7}'
  295. +'.sbibod:not(.lsbb) >.siteList, .sbibod:not(.lsbb) >.xButt2{background-color:#dddae6; opacity:.45}'
  296. +'.sbibod:not(.lsbb) >.siteList:hover, .sbibod:not(.lsbb) >.xButt2:hover{background-color:#dddae6; opacity:.87}'
  297. +'.sbibod >.siteList >.list{background-color:#e1deeb}'
  298. +'.sbibod >.siteList.fade:hover{opacity:1; transition:opacity .1s ease-in}'
  299. +'.sbibod >.siteList.fade{opacity:0.23}'
  300.  
  301. +'.list .more ~.xButt{display:none!important}'
  302. +'.list .moreShow ~ .xButt{position:absolute!important; left:52px; height:19px!important}'
  303. +'.list .moreShow~.x2.xButt, .list .moreShow~.x2 ~.xButt{left:99px}'
  304. +'.siteList .sett .txt{padding:2px 2px 4px; font-size:14px}'
  305. +'.siteList .settIn{display:none; width:250px; padding:2px 4px; text-align:left; border:1px solid #48f; font-size:14px;'
  306. +'background-color:#dde; color:#336}'
  307. +'.siteList .settIn hr{margin:2px 0}'
  308. +'.sbibtd .sfsbc .nojsb, .siteList .sett:hover .settIn, .siteList .settIn.changed,'
  309. +'.siteList .settIn.changed .reload{display:block}.siteList .settIn .reload, .siteList.hiddn{display:none}'
  310. +'div.gb_g[aria-label="promo"],.pdp-psy.og-pdp, .gb_Sc.gb_g .gb_ha, .gb_g.gb_ha:not(.xpdopen ){display:none}'
  311. +'.xpdopen{display:block!important}.rhsvw{opacity:.16; transition:.4s}.rhsvw:hover{opacity:1}'
  312. +'.srp #sfdiv{overflow:inherit}' //hide promo
  313. +'.UUbT9 >div.aajZCb{background-color:rgba('+(mDark?'40,44,48, 0.92':'255,255,255, 0.75')+');}' //opacity for suggests
  314. +'.UUbT9 ul li div span b{background-color:rgba('+(mDark?'88,93,99':'237,242,248')+', 0.9); margin:0 -6px 0 4px; padding:0 6px 0 0;border-radius:7px;}' //white under suggest texts
  315. +'.gb_kb{padding-left:10px; padding-right:7px}form .RNNXgb{position:relative; background:rgba('+(mDark?'40,44,48':'255,255,255')+', 0.92)}'
  316. +'.RNNXgb, #tsf{width:auto!important} #searchform form#tsf{max-width:auto} body div#searchform,body .ctr-p{min-width:0}'
  317. +'div#searchform.minidiv{top:-8px!important}.minidiv .sfbg{margin-top:-26px!important}' // for narrow sticked searchbar
  318. +'.minidiv .sfbg{top:-39px}.minidiv .sfbg +form#tsf{top:-39px}.minidiv .sfbg +form#tsf:hover{top:0}' //hide sticked
  319. +'.minidiv .sfbg +form#tsf:hover .siteList, .minidiv .sfbg +form#tsf:hover .lsbb >.xButt {top:-6px!important}'
  320. +'.RNNXgb .Tg7LZd {flex:0 0 auto; visibility:hidden; width:44px; height:44px; margin-right:-31px; padding:0 13px 0 0;'
  321. +' border-radius:0 8px 8px 0; background:transparent; border:none; outline:none}'
  322. +'.emcav div.RNNXgb {z-index:998; box-shadow:0 -1px 4px 0 rgba(32,33,36,0.28)}'
  323. +'.minidiv .RNNXgb {z-index:998}.minidiv .RNNXgb:hover {box-shadow:0 -1px 4px 0 rgba(32,33,36,0.28)}'
  324. +'.A8SBwf .logo +.RNNXgb .Tg7LZd {visibility:visible; margin-right:-9px; margin-bottom:-2px; transition:margin 5s ease-in-out}');
  325. //console.log('==cB-00');
  326. try{xLocStor({do:'get', key:'sett', val:setts, cB: cB=function(prev,undef){
  327. S = prev || setts;
  328. S.dwmyh = S.dwmyh || setts.dwmyh; //temp. transitional expr.
  329. S.hiddenEdgeLeft = setts.hiddenEdgeLeft;
  330. console.timeStamp = function(){};
  331. addRules(!(S.whiteMintOval || S.whiteMintOval===undefined) ? //blue old design
  332. '.lsbb .xButt:not(.xButt2),.lsbb >.siteList,.sbibod .xButt:not(.xButt2) {text-align:center; background-color:#4889f1; color:#fff; opacity:0.75}'
  333. +'.lsbb >.siteList .lsb,.sbibod >.siteList .lsb {font-weight:normal; color:#d4d4d4}'
  334. +'.lsbb .lsb:hover,.sbibod .lsb:hover {opacity:1; color:#f1c44a; cursor:default}'
  335. +'.lsbb >.siteList >div:not([class]):hover,.sbibod >.siteList:hover {background-color:#c2d4e0; color:#f7f7f7; opacity:.93}'
  336. +'.lsbb >.siteList >div:not([class]):hover span {color:#aa6c1c}'
  337. +'.lsbb >.siteList .sett .txt{background-color:#4889f1}'
  338. //white-mint-oval design
  339. :'.lsbb .xButt:not(.xButt2), .lsbb >.siteList {text-align:center; background-color:rgb('
  340. +(mDark?'92,100,110':'240,247,248')+'); opacity:0.75; color:rgb('+(mDark?'40,44,48':'137,137,137')+')}'
  341. +'.lsbb >.siteList {border:1px solid rgb('+(mDark?'87,97,108':'183,219,205')+'); border-radius:10px; background-color:rgba('
  342. +(mDark?'86,89,92':'243,243,243')+',0.7); color:rgb('+(mDark?'140,154,173':'75,143,231')+')}'
  343. +'.lsbb >.siteList .lsb {font-weight:normal; border:1px solid rgb('+(mDark?'98,98,90':'210,210,190')
  344. +'); border-radius:10px; background-color:rgb('+(mDark?'77,84,89':'225,239,239')+'); color:rgb(140, 140, 140)}'
  345. +'.lsbb .lsb:hover {opacity:1; color:rgb(152, 123, 43); cursor:default}'
  346. +'.lsbb >.siteList:hover {background-color:rgb('+(mDark?'87,97,108':'183,219,205')+')}'
  347. +'.lsbb .xButt:hover {background-color:rgb(221, 230, 228)}'
  348. +'.lsbb >.siteList >div:not([class]):hover span {color:rgb('+(mDark?'233,140,19':'170,108,28')+')}'
  349. +'.lsbb >.siteList .sett .txt {position:relative; top:2px; margin:0 -2px; padding:1px;' +
  350. 'border:1px solid rgb('+(mDark?'87,97,108':'183,219,205')+'); border-radius:10px; background-color:rgb('+(mDark?'92,100,110':'240,247,248')+')');
  351. CS({t:120, i:12, m: 1.6
  352. ,c: function(){
  353. return d && d.getElementsByName('q') && !/[?&]tbm=(shop|bks|fin)/.test(lh) && d.getElementsByName('q')[0];
  354. },
  355. o: function(dat){
  356. var lang = S.lang != null ? S.lang : setts.lang
  357. ,sites = S.sites && (S.sites.length && S.sites[0] || S.sites.length >1) && S.sites
  358. || typeof sites =='string'&& [sites] || !S.sites && setts.sites || null;
  359. var strSites = sites && sites.join('\n').replace(/^\n/,'\n\n') ||''
  360. ,$L = $l[lang] || $l.ru; //default template of lang
  361. if(!lang || !$l[lang] || lang =='en') for(var l in $L){ //replace 'en' lang for default or substitution
  362. if($L[l] instanceof Array) for(var l2 in $L[l])
  363. $L[l][l2] = l;
  364. else
  365. $L[l] = l;
  366. }
  367. var srch = $q('.RNNXgb')
  368. ,startPg = srch && !$q('button', srch);
  369. if(startPg){
  370. //console.log('==-==startPg', srch);
  371. $e({el:'button', cl:'Tg7LZd', at: {'aria-label':'Google Search', type:'button', jsname:'Tg7LZd'
  372. ,innerHTML:'<div class="gBCQ5d"><span class="z1asCe MZy1Rb">sr</span></div>'}
  373. , apT: srch});
  374. }
  375. var $LSettings = $L['Settings'];
  376. if(sites && sites.length)
  377. sites.push($LSettings);
  378. var mainPg = /\/search\?|&q=|#q=/.test(lh)
  379. ,inputSearch = dat
  380. ,layout1811 = $q('.Tg7LZd') || $q('button[aria-label="Google Search"]') || $q('button[jsname="Tg7LZd"]')
  381. ,design1612 = ($q('#_fZl') || $q('.sbico-c')) && !layout1811
  382. ,d16 = (design1612 || layout1811) && S.design1612
  383. ,imSrch = /[?&]tbm=isch/.test(lh) // sizes are shown if images (outdated): /[&?]tbs[^&]*?(=|,|%2C)imgo(:|%3A)1/i
  384. ,imgTools = imSrch && /[&?]tbs=[^&]*/.exec(lh) //'tbs' with all params
  385. ,isBWShown = imgTools && /[&?]tbs[^&]*?(=|,|%2C)ic(:|%3A)gray/i.exec(lh) // Black-White Images search
  386. ,buttSearcStart = startPg && layout1811 && ($q('input[name="btnK"]') || $('input[aria-label="Google Search"]')) //for the start page
  387. ,buttSearch = d.getElementsByName('btnG') && d.getElementsByName('btnG')[0] || design1612 || layout1811
  388. ,buttS ={
  389. Srch:{url:'', txt:'search'}
  390. ,PDF:{url:'filetype:PDF', txt:$L[imSrch?(isBWShown ?'hide':'show') +' sizes':'search in PDF files']}
  391. ,site:{url:'site:'+ S.sites[0], txt:$L['search in']+' '+ S.sites[0], one:'day'} //you may comment this line
  392. //,'.. : ..':{url:'', txt:$L['from / to']}
  393. ,'1D':{url:'&tbs=qdr:d', txt:$L['past'][1] +' '+ $L['day'], one:'day', up:13,lett:'D'}
  394. ,'1W':{url:'&tbs=qdr:w', txt:$L['past'][2] +' '+ $L['week'], one:'week', up:14,lett:'W'}
  395. ,'1M':{url:'&tbs=qdr:m', txt:$L['past'][0] +' '+ $L['month'], one:'month', up:20,lett:'M'}
  396. ,'1Y':{url:'&tbs=qdr:y', txt:$L['past'][0] +' '+ $L['year'], one:'year', up:15,lett:'Y'}
  397. ,'1H':{url:'&tbs=qdr:h', txt:$L['past'][0] +' '+ $L['hour'], one:'hour', up:23,lett:'H'}
  398. }, ii = -1, iD = -1;
  399. if((design1612 || layout1811) && !d16 && buttSearch && buttSearch.parentNode)
  400. buttSearch.parentNode.className +=' lsbb';
  401. !sites && delete buttS.site;
  402. if(!layout1811 && buttSearch && buttSearch.parentNode){ buttSearch.parentNode.style.position ='relative';
  403. buttSearch.parentNode.style.zIndex ='1003';}
  404. if(buttSearch && top == self) for(var i in buttS) if(i=='site'&& !S.sites || !imSrch || i !='1H'){ //buttons under search input line
  405. if(i.length ==2) iD++; else iD=-1;
  406. var bI = buttS[i]
  407. ,Gesch = ({m:'letzter',f:'letzte',n:'letztes'})['m,f,m,n,f'.split(',')[iD]]
  408. ,hint = function(j){return (j+1) +' '+ (j % 10 || j==10 ? $L[bI.one +'s'][j % 10 <4 && (j/10|0)!=1 ?0:1] : $L[bI.one]) }
  409. ,csLeft = function(ii,a){a = -127 + 37 * (ii-1 - (ii >2 && !mainPg)); return design1612 || layout1811 ?{right: -a+33+'px'}
  410. :{left: a+'px'}}
  411. ,isBWShown2 = isBWShown && i=='PDF'
  412. ,butt2 = $e({clone: i =='site'|| i.length ==2 || i=='PDF'
  413. ? $e({cl: 'siteList', cs: {cursor:'default'}, at: {site: S.sites[0], date: bI.url} })
  414. : i !='.. : ..'|| mainPg ? $e({el:'button', cl: 'xButt ' +(d16 ?'xButt2':'lsb')}) : $e({cl: 'siteList hiddn'})
  415. ,at: {value: iD !=-1 && S.dwmyh[iD] !=1 ? S.dwmyh[iD] + bI.lett : i
  416. ,innerHTML: '<div'+ (d16 ?' class=xButt2':'') +'><s'+ (isBWShown2?'':'pan') +' class=txt onclick=this.parentNode.click();return!1 title="'
  417. +(lang || i=='site'|| i=='.. : ..'
  418. ? ((iD==-1 || S.dwmyh[iD]==1 ? bI.txt : $L['past'][1] +' '+ hint(S.dwmyh[iD]-1))||'').replace(/letzte/,Gesch) :'')
  419. +'" itrvNum="'+ (i=='site'?'': bI.url + (imSrch?'': S.dwmyh[iD])) +'">'
  420. +(iD !=-1 && S.dwmyh[iD] !=1 ? S.dwmyh[iD] + bI.lett : imSrch && i=='PDF' ?'B/W': i) +(isBWShown2?'</s>':'</span>')+'</div>'}
  421. ,cs: $x({position:'absolute', top:startPg ?'40px':'33px',wordSpacing:'-1px',
  422. visibility: ii < S.hiddenEdgeLeft || startPg && ii==2 ?'hidden':'visible'}, $x(csLeft(++ii),
  423. ii===2 ? {width:'26px', marginRight:'3px', borderRadius:'2px', lineHeight:'0.75em', marginTop:'0.125em'}:{}))
  424. ,on: {click: (function(bI, i, iD){
  425. //console.log('clic0:', i, iD);
  426. return /Srch|PDF|DOC|site/.test(i)
  427. ? function(ev){
  428. var t = ev.target;
  429. //console.log('cli-DocSite: i,t.class,value,ev,attrSite,$LS,aPSite,bSSta',i, t.className, inputSearch.value,ev, 'attrSite:'
  430. // ,t.getAttribute('site'),'aP:', t.parentNode.getAttribute('site'), buttSearcStart);
  431. if(t && t.className =='defa')
  432. saveLocStor('','','remove'); $pd(ev);
  433. if(t && (t.getAttribute('site')==$LSettings || t.parentNode && t.parentNode.getAttribute('site')==$LSettings)
  434. && !/Srch|PDF|DOC/.test(i)) return;
  435. if(t.classList.contains('settIn')||t.parentNode.classList.contains('settIn')){ev.stopPropagation();return;}
  436. if(t && t.className !='txt')
  437. inputSearch.value = (inputSearch.value||'').replace(/( site(:|%3A)\s*\S*|$)/ig, /Srch|site/.test(i)?'':'$1').replace(/( |\+|&as_)filetype(:|%3A)[^\&]*/g,'')
  438. +' '+ (/Srch|PDF|DOC/.test(i) ? imSrch ?'': bI.url
  439. : 'site:'+ (t && (t.getAttribute('site')|| t.parentNode && t.parentNode.getAttribute('site'))||''));
  440. if(t && (t.getAttribute('site') ==null && t.parentNode && t.parentNode.getAttribute('site') ==null && !/Srch|PDF|DOC/.test(i)))
  441. return;
  442. if(imSrch && i=='PDF'){
  443. ev.stopPropagation();
  444. S.imgWHShown = !isBWShown; //TODO for going to link of Images Search
  445. saveLocStor();
  446. location.href = isBWShown ? lh.replace(new RegExp(imgTools[0]), imgTools && imgTools[0]
  447. .replace(/(,|%2C)?ic(:|%3A)gray/ig,'').replace(/([?&])tbs=?,?(&|$)/,'$1')) //return to colored
  448. : imgTools ? imgTools && lh.replace(new RegExp(imgTools[0]), imgTools[0] + (imgTools[0].length <5 ?'':',') +'ic:gray') //upd.'Show'
  449. : lh + (/\?/.test(lh) ?'&':'?') +'tbs=ic:gray'; //new Tools-More_tools_Show_sizes
  450. }else if(t && /xButt|txt/.test(t.className) && !(i=='site'&& !(/list/.test(t.parentNode.className)
  451. || /list/.test(t.parentNode.parentNode.className))) || t && /Srch|PDF|DOC/.test(t.value))
  452. /*console.log('==startSrch'),*/(buttSearcStart || buttSearch).click();
  453. }: !bI.url ? function(ev){ //from-to date (! not used now)
  454. var el = $q('#cdrlnk'), o;
  455. el && el.dispatchEvent(((o = d.createEvent('Events')).initEvent('click', !0, !1), o));
  456. $pd(ev);
  457. }: function(ev){ //past interval
  458. var t = ev && ev.target, sbd = /,sbd:1/.test(lh), ta = t
  459. ,tOvr = t && t.parentNode, tOv0 = tOvr
  460. ,date2 = tOvr.getAttribute('date');
  461. var l2 = startPg ? lh.replace(/^([^/]*)\/\/([^/]+)\/?([^?#]*)([?#]?.*)/, '$1//$2/search$4') : lh; // insert '/search?' instead any
  462. //console.log('cli-Past: value,date2,siteList,list,l2',inputSearch.value,date2,tOvr.classList.contains('siteList'), t.classList.contains('list'), l2);
  463. if(tOvr.classList.contains('siteList') && !ta.classList.contains('list')){ //clicked by top button
  464. var elTop = $q('div:not(.list) >.txt', tOvr) ||''
  465. ,itrvNum = elTop && elTop.getAttribute('itrvNum') ||''
  466. ,newSrch = /[?&]q=/.test(l2) ? l2.replace(/(&|\?)q=([^&]*)(&|$)/g,'$1q='+ encodeURIComponent(inputSearch.value) +'$3') //add value to '[?&]q=[^&]*'
  467. : l2 + (/\?/.test(l2) ?'&':'?') +'q='+ encodeURIComponent(inputSearch.value); //set new value as &q=.+
  468. if(layout1811 && itrvNum !=='' && date2)
  469. location.href = /qdr(:|%3A)([dwmyh])\d*/.test(l2)
  470. ? newSrch.replace(/([?&]tbs=)?qdr(:|%3A)[dwmyh]\d*/
  471. ,function(x){return itrvNum.replace(/&/, /\?/.test(x) ?'?':'&')}) //patch date in URL
  472. : newSrch + (/\?/.test(newSrch) ?'&':'?') + itrvNum; //add date in URL
  473. if(itrvNum != null) S.dwmyh[iD] = +(itrvNum ||'').replace(/\D/g,'');
  474. }else if(t.textContent || tOv0.textContent){
  475. var sa = (t.textContent || tOv0.textContent ||'').replace(/\D/g,'');
  476. if(sa.length <=6)
  477. S.dwmyh[iD] = +sa;
  478. }
  479. //console.log('==noDocNoSite', tOvr.value, itrvNum);
  480. $pd(ev);
  481. ev.stopPropagation();
  482. saveLocStor();
  483. }
  484. })(bI, i, iD),
  485. mouseover: i =='site' || i.length ==2 || i=='PDF' ? (function(bI,i){return function(ev){
  486. clearTimeout(bI.ww);
  487. var t = ev.currentTarget;
  488. t.classList.add('fade');
  489. $q('.list', t).style.display ='block';
  490. }})(bI,i) :'',
  491. mouseout: i =='site' || i.length ==2 || i=='PDF' ? (function(bI,i){return function(ev){
  492. var t = ev.currentTarget;
  493. clearTimeout(bI.ww);
  494. bI.ww = setTimeout(function(){
  495. $q('.list',t).style.display ='none';
  496. t.classList.remove('fade');
  497. }, 570);
  498. }})(bI,i) :'',
  499. change: saveLocStor
  500. }
  501. ,apT: buttSearch.parentNode
  502. });
  503. bI.el = butt2;
  504. if(i =='site' || i.length ==2 || i =='PDF'){ //dropdown lists under some buttons
  505. //TODO 'list selted' will be placed if search by filetype or by site was presented (and accordingly buttons will be with 'selted')
  506. var siteList = $e({cl:'list',cs:{display:'none'}, apT: butt2}), arr =[];
  507. for(var j =0; j < (imSrch ?1: bI.up -(i=='1W'&& S.lastHoursLess ?4:0) -(i=='1M'&& S.lastHoursLess ?9:0) -(i=='1Y'&& S.lastHoursLess ?5:0)); j++)
  508. if(i !='1H' || !S.lastHoursLess || j < 8 || j % 2 )
  509. arr.push(hint(j));
  510. //console.log(S.sites,i, S.dwmyh);
  511. var list = i=='site' ? sites ||[] : i =='1D'&& !sites ? arr.concat([$LSettings])
  512. : i=='PDF'? imSrch ? imgFile : fileType : arr,
  513. fTMoreX2 =0;
  514. for(var j in list) if(j !=0 || iD!=-1 && S.dwmyh[iD] !=1){
  515. //console.log('==i,sI', i, sI);
  516. fTMoreX2 = /CPP/.test(fTyp) || fTMoreX2;
  517. var sI = list[j]
  518. ,fTyp = sI.replace(/&nbsp; ?/g,'')
  519. ,fTMore = /More\.\.\./.test(fTyp)
  520. ,butt3 = $e({clone: sI==$LSettings ? $e({cl: 'sett' +(d16 ?' xButt xButt2':' lsb')})
  521. : $e({el:'button', cl: 'xButt' +(d16 ?' xButt2':' lsb') +(fTMore ?' more':'') +(fTMoreX2 ?' x2':'')})
  522. ,at:{value: sI
  523. ,site: sI
  524. ,date: bI.url.replace(/pdf$/i, fTyp)
  525. ,title: sI==$LSettings || !lang ?'':(/site|PDF/.test(i)
  526. ? ($L[i=='PDF'?'search in PDF files':'search in'] +(i=='PDF'?'':' '+ sI)).replace(/PDF/,fTyp)
  527. : j==0 ? bI.txt : $L['past'][1] +' '+ sI).replace(/letzte/,Gesch)
  528. ,innerHTML: (/site|PDF/.test(i) ?'<span class="txt or'+(i=='PDF'?'':' sit')+'" data-val="'+ sI.replace(/&nbsp; ?/g,'') +'" title="' //multiselect mechanics
  529. +(1 ?(i=='PDF'?'':'sites ') +'multiselect'+ (i=='PDF'?' of types':''):'click to disable select')
  530. +'">'+(1 ?'OR':'V')+'</span>':'')
  531. +'<span class=txt>'+ sI +'</span>'+ (sI != $LSettings &&!(!S.sites && i =='1H')
  532. ?'':'<div class="settIn">'
  533. +$L.Settings +' '+ $L['of userscript'] +'<br/>"Google Search Extra Buttons"<hr/>'
  534. +$L['Interface language'] +': <select class="lang" style="width:70px">'
  535. +(function(){var s='<option'+ (lang=='en'?' selected':'') +'>en</option>';
  536. for(var i in $l)
  537. s+='<option'+ (lang==i ?' selected':'') +'>'+ i +'</option>';
  538. return s +'<option value=""'+ (lang==''?' selected':'') +'>en w/o hints</option>'})()
  539. +'</select><br/>'
  540. +'<input type="checkbox" class="less" id="hoursLess"'+ (S.lastHoursLess ?' checked':'') +'/>'
  541. +'<label for="hoursLess" id="hoursLessL">'+ $L['Less positions at the end of selects'] +'</label><br/>'
  542. +'<input type="checkbox" class="des16" id="design1612"'+ (!layout1811 && S.design1612 ?' checked':'')+ (layout1811 ?' disabled':'') +'/>'
  543. +'<input type="checkbox" class="des18" id="whiteMintOval"'+ (S.whiteMintOval || S.whiteMintOval===undefined ?' checked':'') +'/>'
  544. +'<label for="design1612" id="design1612L">'+ $L['Gray design of buttons'] +'</label><br/>'
  545. +'<i><a href="#" class="defa" style="float: right">Default settings</a></i>'
  546. +$L.Sites +': <br/><textarea class="sites" style="width:97%" rows=8>'
  547. + strSites +'</textarea><br/>'
  548. +'<a class="reload" href=# onclick="location.reload();return!1">'
  549. + $L['reload page for effect'] +'</a>'
  550. +'</div>')}
  551. ,cs: Object.assign({position: (sI != $LSettings || design1612 || layout1811)&& !fTMore ?'static':'absolute',display:'block'
  552. ,width: sI != $LSettings ?'auto': /en|es/.test(lang)||!lang ?'4em':'6.2em'
  553. ,height: sI != $LSettings ?'18px':'16px',margin:'2px 0 -1px -13px', padding:'0 2px 0 1px', minWidth:'42px'
  554. ,top: (19* j - 175 - 133* fTMoreX2) +'px'
  555. ,textAlign:'left', fontWeight:'normal', opacity:1, whiteSpace:'nowrap'}, fTMore ?{top:'18px',left:'47px'}:{})
  556. ,on:{click: (function(fTyp,pdf,fTMore){return function(ev){var t = ev.target;
  557. var less = $q('#hoursLess')
  558. ,des16 = $q('#design1612') && !layout1811
  559. ,des18 = $q('#whiteMintOval')
  560. ,itrv = t.getAttribute('date')||t.parentNode.getAttribute('date')||''
  561. ,num = (t.getAttribute('site')||t.parentNode.getAttribute('site')||'').replace(/site/.test(itrv)?/^/:/\D/g,'');
  562. //console.log('==clic3:t,itrv,num,fTyp,pdf:',t, itrv, num,'|',fTyp,pdf);
  563. if(t.classList.contains('sett')||t.parentNode.classList.contains('sett')){ev.stopPropagation();return;}
  564. if(less && /hoursLess/.test(t.id)){
  565. less.outerHTML = '<input type="checkbox" class="less" id="hoursLess"'
  566. +(less.getAttribute('checked')!=null ?'':' checked="checked"')+'/>';
  567. saveLocStor();}
  568. if(des16 && /design1612/.test(t.id)){
  569. des16.outerHTML = '<input type="checkbox" class="des16" id="design1612"'
  570. +(des16.getAttribute('checked')!=null ?'':' checked="checked"')+'/>';
  571. saveLocStor();}
  572. if(des18 && /whiteMintOval/.test(t.id)){
  573. des18.outerHTML = '<input type="checkbox" class="des18" id="design1612"'
  574. +(des18.getAttribute('checked')!=null ?'':' checked="checked"')+'/>';
  575. saveLocStor();}
  576. if(pdf || /site/.test(itrv)) {//console.log('==pdf|site');
  577. inputSearch.value = inputSearch.value.replace(new RegExp('(?:(\\s+OR\\s+)?\\s*'
  578. +(pdf ?'filetype':'site')+'(?::|%3A)\\s*\\S*)+|$','g')
  579. ,s1 => fTMore || s1 ?'':' '+ (imSrch? itrv.toLowerCase() + num : itrv +(pdf ?'': fTyp)));}
  580. var l2 = startPg ? lh.replace(/^([^/]*)\/\/([^/]+)\/?([^?#]*)([?#]?.*)/, '$1//$2/search$4') : lh // insert '/search?' instead any
  581. ,newSrch = /[?&]q=/.test(l2) ? l2.replace(/(&|\?)q=([^&]*)(&|$)/g,'$1q='+ encodeURIComponent(inputSearch.value) +'$3') //add value to '[?&]q=[^&]*'
  582. : l2 + (/\?/.test(l2) ?'&':'?') +'q='+ encodeURIComponent(inputSearch.value); //set new value as &q=.+
  583. //console.log('==inputSearch.value,newSrch,fTyp,pdf,num', inputSearch.value, newSrch, fTyp, pdf, num);
  584. if(pdf && !fTMore || num !==''&& num != +num){ev.stopPropagation();}
  585. if(buttSearcStart && (pdf && !fTMore || num !==''&& num != +num)){buttSearcStart.click();return}
  586. if(layout1811 && num !==''|| pdf) {pdf && ev.stopPropagation();
  587. if(!fTMore) location.href = /qdr(:|%3A)([dwmyh])\d*/.test(l2)
  588. ? newSrch.replace(/([?&]tbs=)?qdr(:|%3A)[dwmyh]\d*/
  589. ,function(x){return pdf ?'': (itrv + (imSrch?'': num)).replace(/&/, /\?/.test(x) ?'?':'&')}) //patch date in URL
  590. : newSrch + (/\?/.test(newSrch) ?'&':'?') + (pdf ?'': itrv + (imSrch?'': num)); //add date in URL
  591. else{if(t.classList.contains('txt')) {if(t.parentNode.classList.contains('more')) t.parentNode.className ='xButt lsb moreShow';
  592. else t.parentNode.className ='xButt lsb more';} //'className' because bug of Chrome in upper line with .toggle
  593. else {if(t.classList.contains('more')) t.className ='xButt lsb moreShow';
  594. else t.className ='xButt lsb more';}}} //bug of Fx with .toggle,.toggle - list is changed slow (0.4 s)
  595. $pd(ev);
  596. }})(fTyp,i=='PDF',fTMore)}//, mouseover: function(ev){ev.stopPropagation()}, mouseout: function(ev){ev.stopPropagation()}
  597. ,apT: siteList
  598. });}
  599. siteList.style.height ='auto'; siteList.style.textAlign ='center';
  600. }
  601. }
  602. }
  603. });
  604.  
  605. }, el: d.body})}catch(er){console.log('==cB');cB()}
  606. var saveLocStor = function(ev, val, do2){ var aaa,aab,aac,aad,aae, t = ev && ev.target.form || document.documentElement || document.body;
  607. xLocStor({do: do2 ||'set', key:'sett'
  608. , val:{lang: (aaa=d.querySelectorAll('.lang', t))[aaa.length-1].value
  609. ,sites: ((aab=d.querySelectorAll('.sites', t))[aab.length-1].value||'').replace(/^[ \t]*|[ \n\t]*$/g,'')
  610. .split('\n')
  611. ,lastHoursLess: (aac=d.querySelectorAll('.less', t))[aac.length-1].checked
  612. ,design1612: (aad=d.querySelectorAll('.des16', t))[aad.length-1].checked
  613. ,whiteMintOval: (aae=d.querySelectorAll('.des18', t))[aae.length-1].checked
  614. ,dwmyh: S.dwmyh || setts.dwmyh
  615. ,imgWHShown: S.imgWHShown
  616. }
  617. ,cB: function(prev){
  618. console.info('Settings are saved. prev=', prev);}
  619. });
  620. $q('.siteList .settIn').classList.add('changed');
  621. };
  622.  
  623. })({ //write "lang:''," to remove hints; 'en' for English hints (fr - Français, es - espagnol), 'ru' for Russian
  624. lang:''|| (navigator.languages && navigator.languages[1] || navigator.language.substr(0,2)) //='' if hide hints, or 2 letters from $l{}
  625. ,sites: [ //=array or one site in string
  626. '','slashdot.org','reddit.com','techcrunch.com','habr.com','geektimes.com'
  627. ,'smashingmagazine.com','engadget.com'] //write your favorite sites
  628. ,design1612: 0 //=boolean - gray design is disabled for layout1811
  629. ,whiteMintOval: 1 //=boolean - white-mint-oval design with sticked search field
  630. ,lastHoursLess: 1 //=boolean - not show odd some values of hours after 8 h
  631. ,dwmyh: [1,1,1,1,1] //=array of numbers - current vals of days, weeks, months, years, hours
  632. ,fileType:{} // turn on or off {doc:1, txt:1}
  633. ,meta:{} // on/off {Ask:1, }
  634. //TODO meta-data for search of same results {Ya:{title:'',txt:'',url:''},...}
  635. ,imgFile:'' // one of: switch to img search or in img search
  636. ,imgType:{} //{itp:'face'}
  637. ,imgColor:{} //{isc:'blue'}
  638. ,imgSize:{} //{isz:'i'}
  639. ,imgSizeLt:{} //{islt:'vga'}
  640. ,ShowSizes:{} //{iszw:120,iszh:120}
  641. ,hiddenEdgeLeft: 0 //how many extra buttons to hide from left
  642. });