GitHub Sortable Filelist

appends sorting function to github directories

当前为 2015-08-10 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name GitHub Sortable Filelist
  3. // @namespace trespassersW
  4. // @description appends sorting function to github directories
  5. // @include https://github.com/*
  6. // @version 15.08.10
  7. // 15.08.10 + octicons for file extensions
  8. // 15.08.07 + case-insensitive sorting
  9. // 15.05.07 sorting is now faster
  10. // 14.11.19.13 fixes for latest github changes
  11. // .12 new age format; fix for chrome
  12. // .10 datetime auto-updating fix; right-aligned datetime column; proper local time; .ext sorting fix;
  13. // .8 sorting by file extention
  14. // .7 date/time display mode switching
  15. // @created 2014-11-10
  16. // @updated 2015-03-25
  17. // @author trespassersW
  18. // @license MIT
  19. // @icon https://i.imgur.com/8buFLcs.png
  20. // (C) Icon: Aaron Nichols CC Attribution 3.0 Unported
  21. // @run-at document-end
  22. // @grant unsafeWindow
  23. // ==/UserScript==
  24.  
  25. if(document.body && document.querySelector('#js-repo-pjax-container')){
  26.  
  27. var llii=0, _l= function(){/* * /
  28. for (var s=++llii +':', li=arguments.length, i = 0; i<li; i++)
  29. s+=' ' + arguments[i];
  30. console.log(s)
  31. /* */
  32. }
  33. //_l=console.log.bind(console);
  34. var fakejs = // avoid compiler warning
  35. (function(){ "use strict";
  36.  
  37. var ii=0,tt;
  38. var d0=[0,0,1];
  39. var C=[{c:1, d: 0, s: 0},{c:2, d: 0, s: 0},{c:3, d: 1, s: 0}];
  40. var ASC;
  41. var oa=[],ca=[],clock,ext,dtStyle,upc;
  42. var D=document, TB;
  43. var catcher,locStor;
  44. var prefs={dtStyle:0, ext: 0, upc: 1};
  45. var W= unsafeWindow || window;
  46.  
  47. // see: https://octicons.github.com/
  48. var extIcon=[
  49. //0...........1..............2..............3..............4.......
  50. "book" ,"zap" ,"list-unordered","paintcan" ,"eye"
  51. //5...........6..............7..............8..............9.......
  52. ,"globe" ,"file-binary" ,"file-zip" ,"file-pdf" ,"unmute"
  53. //10..........11.............12.............13.............14......
  54. ,"gear" ,"code"
  55. ]
  56. var extList={
  57. md:0,
  58. js:1,rb:1,py:1,sh:1,pl:1,jsm:1,
  59. json:2,xml:2,xul:2,rdf:2,
  60. css:3,
  61. png:4,jpg:4,jpeg:4,bmp:4,gif:4,cur:4,ico:4,svg:4,
  62. htm:5,html:5,php:5,
  63. bin:6,exe:6,
  64. zip:7,rar:7,arj:7,
  65. pdf:8,rtf:8,
  66. wav:9,mp3:9,ogg:9,
  67. cfg:10,ini:10,
  68. c:11,cpp:11,cc:11,h:11,hpp:11,asm:11
  69. }
  70.  
  71. function stickStyle(css){
  72. var s=document.createElement("style"); s.type="text/css";
  73. s.appendChild(document.createTextNode(css));
  74. return (document.head||document.documentElement).appendChild(s);
  75. }
  76. function insBefore(n,e){
  77. return e.parentNode.insertBefore(n,e);
  78. }
  79. function insAfter(n,e){
  80. if(e.nextElementSibling)
  81. return e.parentNode.insertBefore(n,e.nextElementSibling);
  82. return e.parentNode.appendChild(n);
  83. }
  84. function outerNode(target, node) {
  85. if (target.nodeName==node) return target;
  86. if (target.parentNode)
  87. while (target = target.parentNode) try{
  88. if (target.nodeName==node)
  89. return target;
  90. }catch(e){};
  91. return null;
  92. }
  93. function savePrefs(){
  94. if(locStor) locStor.setItem('GHSFL',JSON.stringify(prefs));
  95. }
  96.  
  97. function css(){
  98. stickStyle('\
  99. .fsort-butt,\n\
  100. .tables.file td.content, .tables.file td.message, .tables.file td.age\n\
  101. {position: relative; }\n\
  102. \n\
  103. .fsort-butt:before{\n\
  104. position: absolute; display: inline-block;\n\
  105. cursor: pointer;\n\
  106. text-align:center; vertical-align: top;\n\
  107. width: 18px; height: 14px;\n\
  108. line-height: 14px;\n\
  109. padding:0; margin:0;\n\
  110. border-color: transparent;\n\
  111. border-width: 0;\n\
  112. content: "";\n\
  113. opacity: .2\n\
  114. }\n\
  115. .fsort-butt.fsort-asc:before,.fsort-butt.fsort-desc:before{\n\
  116. left:1.5em; top: -1em;\n\
  117. }\n\
  118. td.age .fsort-butt.fsort-asc:before, td.age .fsort-butt.fsort-desc:before{\n\
  119. left: 4.5em; \n\
  120. }\n\
  121. .fsort-asc:before,.fsort-desc:before{\n\
  122. background-color: #48C;\n\
  123. }\n\
  124. .fsort-asc:before{\n\
  125. border-radius: 24px 24px 8px 8px;\n\
  126. }\n\
  127. .fsort-desc:before{\n\
  128. border-radius: 8px 8px 24px 24px;\n\
  129. }\n\
  130. .fsort-asc:before,\n\
  131. .fsort-desc.fsort-sel:hover:before\n\
  132. {\n\
  133. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAqklEQVR42mNgQAIfPnzg//fv3z4g3vjs2TNOBmzg27dv0kAFl/5DAZB95OPHj4Ioin79+qUFlHj0Hw0Axa5+//5dFqzo58+fGkCB9/9xAKDcw69fv0ow/P37twAqAAJLkRQsgLGBapIZQO4ACk798+eP9+/fv21gkkArZYAKYoFy09++fcuL4lZ0hQy4wMAqtIQpBEaAFE6FL1684AL6chcQb1m1ahUTshwAw2kAJAeNI30AAAAASUVORK5CYII=);\n\
  134. }\n\
  135. .fsort-desc:before,\n\
  136. .fsort-asc.fsort-sel:hover:before{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAApUlEQVR42mNgQAKrVq1i+vfv3xYg3vXixQsuBlzg27dvUv+h4Pfv35Y4FX7//l0GSaHNYFH49u1bXqAvp//9+zcWXeGfP3+8gXJTP378KMgAVJAMkwQKLkBiLwXifyA2UE0Bw9evXyWA/If/cQCg3PufP39qwNwmCxS4ikXRo1+/fmmhuBXkDqDEESRFl4ARII3V18+ePeMEKtgIxPs+fPjAjywHANCcACRZ1c8XAAAAAElFTkSuQmCC);\n\
  137. }\n\
  138. \n\
  139. .fsort-butt.fsort-sel:before\n\
  140. {\n\
  141. background-color: #4183C4 !important;\n\
  142. opacity:.6 !important;\n\
  143. }\n\
  144. \n\
  145. span.fsort-butt:hover:before\n\
  146. ,span.fsort-butt:hover span:before\n\
  147. { opacity: 1 !important;}\n\
  148. \n\
  149. #fsort-clock:before{\n\
  150. left:6.5em; top: -15px; \n\
  151. text-align:center; vertical-align: top; top:-15px;\n\
  152. width: 16px; height: 16px;\
  153. border-radius: 16px;\n\
  154. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlZJREFUeNqkU0tLG1EUvjORFJPMw6mhTUgxy75EUxiJj6CGLKQV0o2IQd3pxp2bbPs/3MVCIHSRgC3uXBhCSErjtLRkK7TcNCYhk4eGPHvO6AwjXXrgu/fOOff77plzz2VGoxF5iI3hEA6HCcuyxGKxEIZhOMBLcHsAwt0+FfAbDvsFaA4GAzIcDkkqlboVMNlzB8+vzgUCq3N+v+xyOl3opFdXNJfN5nPn52dNVT0DV/FeBjpZcjrfR/b3Dzwul0e02ciPiwsyPTtLptxur7C25n0xMzMfPzoSypQmdREWB0iLt3NcKLK3dzAhSR5+fFxT/JbPG+row9g2HABZhpBjCMA/vZYDgRVOFD02q5WwDKOROp2OIYA+jDlgz8Ly8gpyDIF+v++d9vlkXDdubshlpaKhWCwaawTGsHg+WZaRY9QAPiYEUXyinzY1OanNzWbTWGv7gPynViO4FzlmARavcWgivw2FSDAYJDubm4TjOA0Oh4O8WVwk80tLGscsoLZUtWwThGf6afFEgmxvbZGP8biRAbac2u2S60ajjByjBr1e7/JrJqOMQSNhmmiCJGlknHVAAckjuI1cOq0gx3wLyudkMt1ttejgTkAXMRsWkO106KdEIo0cQwAC9b+l0umHaPRYrVaphWX/63n0XasqjR4eHlNKT5FzrxPBoXxXFEtkY6Ozs7u78G59/dVTt/sxdkSJ0uqXk5OfsVgsU6lUUjzPKzqPwdfo8/lIF4pTr9dJu92WID0/tjZAv8MKti48tqzdbq+JUAsrNFWhULgVeIj9E2AAamUckFr2UCoAAAAASUVORK5CYII=\n\
  155. );}\n\
  156. .fsort-on:before{ background-color: #4183C4 !important; } \n\
  157. #fsort-ext:before{\n\
  158. left:4em; top:-14px;\n\
  159. width:28px; height: 14px;\n\
  160. border-radius: 6px;\n\
  161. content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVQ4y+2SP0sDQRDFT7BQTGtnITYSK8Emha1NCrXwC4gWYiUKiiB4jYKdWAmC4AewtxEExSqVjZ1/OEgwrEQwkLvbmd/aTCBI0IBYCD7YYmaYfW/mTRT9VWRZNq6qm79OBBwBrueGPM8ngWvgHbgXkQX7aC+EEFR1x+IDi7dUdQOQYACuviSp1+tDQA2oquoycAlInucT1Wp1EHgA3r3300AG3FUqlX4RKQOvQFNVV0Rk9ksiEZkzRbtJkgx476faqq1etnoK4L0vdazuqefVqepq6ALgKIqiKI7jPuDRcpVPHn1P5JwrxHHc1zHRofe+1H5pmo6akCWrv4QQgojMdxA9AI3vzPfAsXOuACRAXVW3VXUNOM2yrNhsNofNh1qapmPAG5A45wpGdGMiToD9bvdftKZ9I54ALoCGXd5tq9UaAc7Mr0Wbbr09vfk3Azybf+fRP36KDxJ2sN2uMATcAAAAAElFTkSuQmCC);\n\
  162. }\n\
  163. #fsort-ext:before{ background-color: #BBB}\n\
  164. /* 150806 uppercase */\n\
  165. #fsort-upc:before{\n\
  166. left:7em; top:-14px;\n\
  167. width:16px; height: 16px;\n\
  168. border-radius: 0 4px 0 4px;\n\
  169. content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABcElEQVQ4y5WSsWoVQRSG/7kbyL1VCosgeQBBbFIYtBCsLYOx1QewiZgqr5HOF5ALRlALbcUigsK1TOUWooUaEbOL2d3z/TaTsOBduPeHYQ4zZ77555yRJEXEDnAE/AZ+As/qur6sBbSS50uS1iQ9lbSZUtoej8eWdHcRiKbT6eg8bprmqm0D37Souq7bBt4BP4AuA04XOtw0zTUggLOIeBgR95YBjIqi2EwpjSTNiqI4sP1dy6ht21v5xjPgCfAZaPoOImLfWRGx/x8EOAD+AF8j4gFw2AcAx8DfPI6XdXgzO3wNvLHttm1vXNRAkmzfGQIURXE/57ywfdhfu5Dt57av59i2b0tSWZarwC+Auq43qqpazx07KctytQ+4Yvuj7c52advnXzzbP+rV420u5s5cy30HwCsPCHgpSWno7VVVrU8mky8ppRXb73tbKaW0Zbur63pjsPoR8Sjf9GFO22f5GbuDAOBTTno8B76X4bN/RgN/lIzFNCAAAAAASUVORK5CYII=);\n\
  170. }\n\
  171. #fsort-upc:before{ background-color: #BBB}\n\
  172. \n\
  173. table.files td.age .css-truncate.css-truncate-target{\n\
  174. width: 99% !important; \n\
  175. max-width: none !important;\n\
  176. }\n\
  177. /*table.files td.age span.css-truncate time{\n\
  178. position: relative !important;\n\
  179. }*/\n\
  180. .fsort-time {\n\
  181. visibility: hidden;\n\
  182. display: none;\n\
  183. padding-right: 0px;\n\
  184. }\n\
  185. .fsort-time i {\n\
  186. display:inline-block;\
  187. color: #BBB;\
  188. font-style: normal !important;\n\
  189. transform: scale(0.9);\n\
  190. margin-left: 0px;\n\
  191. /* font-size: 12px;*/\n\
  192. }\n\
  193. \n\
  194. /* patches (--min-width:12em!important;) */\n\
  195. table.files td.age {text-align: right !important; padding-right: 4px !important;\n\
  196. width:12em!important;\n\
  197. \n\
  198. max-width:none!important;\n\
  199. overflow:visible!important;\n\
  200. }\n\
  201. table.files td.message {overflow: visible !important;}\n\
  202. /*.file-wrap .include-fragment-error { display: table-row !important;}*/\n\
  203. /* 150315 wide filelist *150426 better not touch this* /\n\
  204. div.wrapper div.container{\n\
  205. min-width: 980px!important;\n\
  206. width:90%!important;}\n\
  207. div.wrapper div#js-repo-pjax-container{\n\
  208. min-width: 790px!important;\n\
  209. width: calc(100% - 200px)!important;\n\
  210. }/* */\n\
  211. \
  212. ');
  213.  
  214. dtStyle=stickStyle('\
  215. td.age span.css-truncate time{\
  216. visibility: hidden !important;\
  217. display: none !important;\
  218. }\
  219. td.age span.css-truncate .fsort-time {\
  220. visibility: visible !important;\
  221. display: inline !important;\
  222. }\
  223. ')
  224. }
  225.  
  226. function setC(n){
  227. for(var i=0,il=C.length; i<il; i++ ){
  228. if(i!=n) C[i].s= 0, C[i].d=d0[i];
  229. else C[i].s=1;
  230. oa[i].className='fsort-butt fsort-'+(C[i].d?'desc':'asc')+(C[i].s?' fsort-sel':'') ;
  231. //oa[i].title=C[i].d? '\u21ca' : '\u21c8';
  232. }
  233. }
  234.  
  235. function dd(s)
  236. { s=s.toString(); if(s.length<2)return'0'+s; return s}
  237. function d2s(n){
  238. var hs=dd(n.getHours())+':'+dd(n.getMinutes());
  239. return {
  240. d: n.getFullYear()+'-'+dd(n.getMonth()+1)+'-'+dd(n.getDate())+'<i>'+ hs+'</i>',
  241. t: hs+':'+dd(n.getSeconds())
  242. }
  243. }
  244.  
  245. var xmatch=/(.*)\.(.*)$/;
  246. function filext(x){
  247. var m= x.match(xmatch);
  248. if(!m || !m[2]) return "txt";
  249. return m[2];
  250. }
  251. function setIcon(tr){
  252. var xt,tc,ti=tr.querySelector('td.icon > span.octicon-file-text');
  253. if(!ti) return;
  254. tc=tr.querySelector('td.content > span.css-truncate').textContent;
  255. if(!tc) return;
  256. xt=filext(tc);
  257. if(!xt) return;
  258. xt=extList[xt];
  259. if(typeof xt === "undefined") return;
  260. ti.className='octicon octicon-'+ extIcon[xt];
  261. _l('setIcon '+xt);
  262. }
  263.  
  264. function setDateTime(x){
  265. var dt,dtm,dta,dtd,tc,m,now,t;
  266. var DT=D.querySelectorAll('td.age span.css-truncate time');
  267. _l('sDT',x?'refresh':'create');
  268. try{
  269. now = new Date();
  270. for(var dl=DT.length, i=0; i<dl; i++){
  271. dta=DT[i].getAttribute('datetime');
  272. dtd=new Date(dta);
  273. dt= d2s(dtd); // 2014-07-24T17:06:11Z
  274. dtm=null;
  275. if(x){
  276. dtm=DT[i].parentNode.querySelector('.fsort-time');
  277. }
  278. if(!dtm){
  279. dtm=D.createElement('span');
  280. dtm.className='fsort-time';
  281. x=0;
  282. }
  283. if(!x || !dtm.title || dtm.title != DT[i].title)
  284. { dtm.title= DT[i].title;
  285. t= dt.d;
  286. if( (now.getTime() - dtd.getTime() < 12*3600*1000) ||
  287. ((now.getTime() - dtd.getTime() < 24*3600*1000) &&
  288. (now.getDate() == dtd.getDate()) )
  289. ) t=dt.t;
  290. dtm.innerHTML=t;
  291. }
  292. if(!x) insAfter(dtm,DT[i]);
  293. if(!x)
  294. setIcon(outerNode(DT[i],'TR'));
  295. }
  296. /* 150810 */
  297. }catch(e){(console.log(e+'\n*GHSFL* wrong datetime'+x))}
  298. }
  299.  
  300. function isDir(x){
  301. var c= TB.rows[x].cells[0].querySelector("span");
  302. if(c.className.indexOf("-directory")>0) return 0;
  303. if(c.className.indexOf("octicon-")>0) return -1;
  304. return 1;
  305. }
  306. function getCell(r,c,s,p){
  307. var rc=TB.rows[r].cells[c],q=null;
  308. if(typeof rc == "undefined") {
  309. _l('r:',r,'c:',c,'- ???' );
  310. }else
  311. q=rc.querySelector(s);
  312. if(q) q= p? q.getAttribute(p): q.textContent;
  313. if(q) return q;
  314. return "";
  315. }
  316. var sDir,sCells,sExts;
  317. var fa=[
  318. function(a){
  319. var r=getCell(a,1,'span.css-truncate-target a');
  320. return prefs.upc? r.toUpperCase(): r;
  321. },
  322. function(a){
  323. var r= getCell(a,2,'span.css-truncate');
  324. r=r.replace(/\s+/,' ').replace(/^\s|\s$/,'');
  325. return prefs.upc? r.toUpperCase(): r;
  326. },
  327. function(a){
  328. var c = getCell(a,3,'span.css-truncate>time','datetime');
  329. if(c) return c;
  330. return "2099-12-31T23:59:59Z"
  331. }
  332. ]
  333.  
  334. var b9='\x20\x20\x20'; b9+=b9+b9;
  335. function pad9(s){
  336. if(s.length<9) return (s+b9).substr(0,9);
  337. return s;
  338. }
  339. function sort_p(n){// prepare data for sorting
  340. sDir=[],sCells=[];
  341. for(var tl=TB.rows.length, a=0; a<tl; a++)
  342. sDir.push(isDir(a));
  343. if( n === 0 && prefs.ext ){
  344. for( a=0; a<tl; a++){ // f.x -> x.f
  345. var x=fa[n](a),
  346. m= x.match(/(.*)(\..*)$/);
  347. if(!m || !m[2]) m=['',x,''];
  348. x=pad9(m[2])+' '+m[1];
  349. sCells.push(x);
  350. }
  351. }else{
  352. for( a=0; a<tl; a++) sCells.push(fa[n](a));
  353. }
  354. }
  355.  
  356. function sort_fn(a,b){
  357. var x=sDir[a], y=sDir[b];
  358. if(x!=y) return ((x<y)? 1: -1);
  359. x= sCells[a], y= sCells[b];
  360. return x==y? 0: (((x>y)^ASC)<<1)-1;
  361. }
  362.  
  363. var CNn={content: 0, message: 1, age: 2}
  364.  
  365. function oClr(){
  366. var o= catcher.querySelectorAll('.fsort-butt,.fsort-time')
  367. for(var ol=o.length,i=0;i<ol;i++)
  368. o[i] && o[i].parentNode.removeChild(o[i]);
  369. }
  370. //
  371. function extclassName(){
  372. ext.className='fsort-butt'+ (prefs.ext? ' fsort-on': '' );
  373. }
  374. function clockclassName(){
  375. clock.className='fsort-butt'+ (prefs.dtStyle? '': ' fsort-on');
  376. }
  377. function upcclassName(){
  378. upc.className='fsort-butt'+ (prefs.upc? ' fsort-on': '' );
  379. }
  380. //
  381. function doSort(t){
  382. TB=outerNode(t,'TBODY');
  383. if(!TB){ _l( "*GHSFL* TBODY not found"); return; }
  384. var n = CNn[t.parentNode.className];
  385. if(typeof n=="undefined") n= CNn[t.parentNode.parentNode.className];
  386. if(typeof n=="undefined"){ _l( "*GHSFL* undefined col"); return; }
  387. if(t.id=='fsort-clock'){
  388. dtStyle.disabled = (prefs.dtStyle ^= 1);
  389. savePrefs();
  390. clockclassName();
  391. return;
  392. }
  393. if (t.id=='fsort-ext'){
  394. if(C[n].s) prefs.ext ^= 1;
  395. else prefs.ext= 1;
  396. savePrefs();
  397. extclassName();
  398. C[n].d^=C[n].s; // don't toggle dir on ext.click
  399. }else
  400. if (t.id=='fsort-upc'){
  401. if(C[n].s) prefs.upc ^= 1;
  402. else prefs.upc= 1;
  403. savePrefs();
  404. upcclassName();
  405. C[n].d^=C[n].s; // don't toggle case on upc.click
  406. }
  407. var tb=[],ix=[], i, tl,ti,tx;
  408. _l('n:'+n);
  409. tl=TB.rows.length;
  410. ASC=C[n].d^=C[n].s;
  411. for( i=0; i<tl; i++)
  412. ix.push(i);
  413. oClr();
  414. sort_p(n);
  415. ix.sort(sort_fn);
  416. for( i=0; i<tl; i++)
  417. tb.push(TB.rows[ix[i]]);
  418. for( i=tl-1; i>=0; i--)
  419. TB.removeChild(TB.rows[i]);
  420. for( i=0; i<tl; i++)
  421. TB.appendChild(tb[i]);
  422. setC(n);
  423. gitDir1(0);
  424. }
  425.  
  426. function onClik(e){doSort(e.target)}
  427.  
  428. function gitDir1(x){
  429. if(x && document.querySelector('.fsort-butt')) {
  430. _l('gitDir'+x+ '- already'); return;
  431. }
  432. _l('gitDir',x?'create':'refresh')
  433. var c,o;
  434. ca=[];
  435. c= D.querySelector('.file-wrap table.files td.content >span');
  436. if(!c){ _l( '*GHSFL* no content') ; return; }
  437. ca.push(c);
  438. c=D.querySelector('.file-wrap table.files td.message >span');
  439. if(!c){ _l( '*GHSFL* no messages'); return; }
  440. ca.push(c);
  441. c=D.querySelector('.file-wrap table.files td.age >span');
  442. if(!c){_l( '*GHSFL* no ages'); return; }
  443. ca.push(c);
  444. if(x){ oClr(); oa=[];
  445. o=D.createElement('span');
  446. o.textContent='';
  447. oa.push(o);
  448. o=o.cloneNode(true);
  449. oa.push(o);
  450. o=o.cloneNode(true);
  451. oa.push(o);
  452. clock=D.createElement('span');
  453. clock.id='fsort-clock'; clockclassName();
  454. ext=D.createElement('span');
  455. ext.id='fsort-ext'; extclassName();
  456. upc=D.createElement('span');
  457. upc.id='fsort-upc'; upcclassName();
  458. setDateTime();
  459. setC(-1);
  460. }
  461. o=insBefore(oa[0],ca[0]);
  462. o.appendChild(upc);
  463. o.appendChild(ext);
  464. insBefore(oa[1],ca[1]);
  465. o=insBefore(oa[2],ca[2]);
  466. o.appendChild(clock);
  467. }
  468.  
  469. function gitDir(){
  470. gitDir1(1);
  471. }
  472.  
  473. catcher= D.querySelector('#js-repo-pjax-container');
  474. if(!catcher){ _l( "*GHSFL* err0r"); return; }
  475.  
  476. catcher.addEventListener('mousedown',function(e){
  477. if(e.target.nodeName && e.target.nodeName=='SPAN' &&
  478. e.target.className.indexOf('fsort-butt')>-1)
  479. { onClik(e); }
  480. }
  481. ,false);
  482.  
  483. _l('startup()');
  484.  
  485. try {
  486. locStor = W.localStorage;
  487. tt=locStor.getItem("GHSFL");
  488. } catch(e){ locStor =null}
  489.  
  490. if(locStor && tt) try{
  491. var pa =JSON.parse(tt);
  492. for (var a in pa) prefs[a]=pa[a];
  493. _l('prefs:'+JSON.stringify(prefs));
  494. }catch(e){ console.log(e+"\n*GHSFL* bad prefs") }
  495.  
  496. css();
  497. dtStyle.disabled=(prefs.dtStyle===1);
  498.  
  499. gitDir();
  500. var target = catcher; //document.body; //D.querSelector('.file-wrap');
  501. var MO = window.MutationObserver;
  502. if(!MO) MO= window.WebKitMutationObserver;
  503. if(!MO) return;
  504. var __started=0;
  505. var mutI=0;
  506. var observer = new MO(function(mutations) {
  507.  
  508. for(var m,t, ml=mutations.length, i=0; i<ml; i++)
  509. {
  510. m=mutations[i],t = m.target;
  511. if( m.type=="attributes")
  512. {
  513. if( t.nodeName == 'DIV' &&
  514. t.className == "file-wrap"
  515. ){
  516. gitDir();
  517. return;
  518. }
  519. // patch for the very first page
  520. if( 0===__started && t.nodeName=='TIME' )
  521. {
  522. if( t.parentNode.parentNode.className=="age" )
  523. {
  524. //_l('T'+mutI++,ml,' T:' +m.type,'N:'+t.nodeName, 'C:',"age" ) ;
  525. if(!catcher.querySelector('.fsort-butt'))
  526. gitDir(1); //chrome ?!11
  527. setDateTime(1);
  528. __started=1;
  529. return;
  530. }
  531. else continue;
  532. }
  533. }
  534. if( m.type=="childList" )
  535. {
  536. if( t.className=='age' )
  537. {
  538. if(!catcher.querySelector('.fsort-butt'))
  539. gitDir(1); //chrome ?!11
  540. //_l('C'+mutI++,ml,' T:' +m.type,'N:'+t.nodeName,'C:'+ t.className,t.querySelector('TIME').textContent) ;
  541. setDateTime(1);
  542. return;
  543. }
  544. else continue;
  545. }
  546. }
  547. });
  548.  
  549. observer.observe(D.body, { attributes: true, childList: true, subtree: true } );
  550. /* attributes: true , childList: true, subtree: true,
  551. characterData: true, attributeOldValue:true, characterDataOldValue:true
  552. */
  553.  
  554. })()};