// ==UserScript== // @name GitHub Sortable Filelist // @namespace trespassersW // @description appends sorting function to github directories // @include https://github.com/* // @version 18.04.12.1 // 18.04.12 * hotfix // 16.04.17 * hotfix -- 'time' becomes 'time-ago' // 16.02.06 * octicons as svg images // 15.08.12 ++ octicons for file extensions // 15.08.07 + case-insensitive sorting // 15.05.07 sorting is now faster // .12 new age format; fix for chrome // .10 datetime auto-updating fix; right-aligned datetime column; proper local time; .ext sorting fix; // .8 sorting by file extention // .7 date/time display mode switching // @created 2014-11-10 // @author trespassersW // @license MIT // @icon https://i.imgur.com/8buFLcs.png // (C) Icon: Aaron Nichols CC Attribution 3.0 Unported // (C) Opticons Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL) // @run-at document-end // @grant unsafeWindow // @downloadURL https://update.greasyfork.icu/scripts/6367/GitHub%20Sortable%20Filelist.user.js // @updateURL https://update.greasyfork.icu/scripts/6367/GitHub%20Sortable%20Filelist.meta.js // ==/UserScript== if(document.body && document.querySelector('#js-repo-pjax-container')){ var llii=0, _l= function(){/* * / for (var s=++llii +':', li=arguments.length, i = 0; i', zap:'', 'list-unordered':'', paintcan:'', eye:'', globe:'', 'file-binary':'', 'file-zip':'', 'file-pdf':'', megaphone:'', gear:'', 'triangle-right':'', ruby:'', info:'', 'device-camera':'', pencil:'', terminal:'', book:'', 'device-camera-video':'', stop:'' } var svgUsed={}; function stickStyle(css){ var s=document.createElement("style"); s.type="text/css"; s.appendChild(document.createTextNode(css)); return (document.head||document.documentElement).appendChild(s); } function insBefore(n,e){ return e.parentNode.insertBefore(n,e); } function insAfter(n,e){ if(e.nextElementSibling) return e.parentNode.insertBefore(n,e.nextElementSibling); return e.parentNode.appendChild(n); } function outerNode(target, node) { if (target.nodeName==node) return target; if (target.parentNode) while (target = target.parentNode) try{ if (target.nodeName==node) return target; }catch(e){}; return null; } function savePrefs(){ if(locStor) locStor.setItem('GHSFL',JSON.stringify(prefs)); } function css(){ stickStyle('\ .fsort-butt,\n\ .tables.file td.content, .tables.file td.message, .tables.file td.age\n\ {position: relative; }\n\ \n\ .fsort-butt:before{\n\ position: absolute; display: inline-block;\n\ cursor: pointer;\n\ text-align:center; vertical-align: top;\n\ width: 18px; height: 14px;\n\ line-height: 14px;\n\ padding:0; margin:0;\n\ border-color: transparent;\n\ border-width: 0;\n\ content: "";\n\ opacity: .2;\n\ z-index: 99;\ }\n\ .fsort-butt.fsort-asc:before,.fsort-butt.fsort-desc:before{\n\ left:1.5em; top: -1em;\n\ }\n\ td.age .fsort-butt.fsort-asc:before, td.age .fsort-butt.fsort-desc:before{\n\ left: 4.5em; \n\ }\n\ .fsort-asc:before,.fsort-desc:before{\n\ background-color: #48C;\n\ }\n\ .fsort-asc:before{\n\ border-radius: 24px 24px 8px 8px;\n\ }\n\ .fsort-desc:before{\n\ border-radius: 8px 8px 24px 24px;\n\ }\n\ .fsort-asc:before,\n\ .fsort-desc.fsort-sel:hover:before\n\ {\n\ content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAqklEQVR42mNgQAIfPnzg//fv3z4g3vjs2TNOBmzg27dv0kAFl/5DAZB95OPHj4Ioin79+qUFlHj0Hw0Axa5+//5dFqzo58+fGkCB9/9xAKDcw69fv0ow/P37twAqAAJLkRQsgLGBapIZQO4ACk798+eP9+/fv21gkkArZYAKYoFy09++fcuL4lZ0hQy4wMAqtIQpBEaAFE6FL1684AL6chcQb1m1ahUTshwAw2kAJAeNI30AAAAASUVORK5CYII=);\n\ }\n\ .fsort-desc:before,\n\ .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\ }\n\ \n\ .fsort-butt.fsort-sel:before\n\ {\n\ background-color: #4183C4 !important;\n\ opacity:.6 !important;\n\ }\n\ \n\ span.fsort-butt:hover:before\n\ ,span.fsort-butt:hover span:before\n\ { opacity: 1 !important;}\n\ \n\ #fsort-clock:before{\n\ left:6.5em; top: -15px; \n\ text-align:center; vertical-align: top; top:-15px;\n\ width: 16px; height: 16px;\ border-radius: 16px;\n\ 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\ );}\n\ .fsort-on:before{ background-color: #4183C4 !important; } \n\ #fsort-ext:before{\n\ left:4em; top:-14px;\n\ width:28px; height: 14px;\n\ border-radius: 6px;\n\ content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVQ4y+2SP0sDQRDFT7BQTGtnITYSK8Emha1NCrXwC4gWYiUKiiB4jYKdWAmC4AewtxEExSqVjZ1/OEgwrEQwkLvbmd/aTCBI0IBYCD7YYmaYfW/mTRT9VWRZNq6qm79OBBwBrueGPM8ngWvgHbgXkQX7aC+EEFR1x+IDi7dUdQOQYACuviSp1+tDQA2oquoycAlInucT1Wp1EHgA3r3300AG3FUqlX4RKQOvQFNVV0Rk9ksiEZkzRbtJkgx476faqq1etnoK4L0vdazuqefVqepq6ALgKIqiKI7jPuDRcpVPHn1P5JwrxHHc1zHRofe+1H5pmo6akCWrv4QQgojMdxA9AI3vzPfAsXOuACRAXVW3VXUNOM2yrNhsNofNh1qapmPAG5A45wpGdGMiToD9bvdftKZ9I54ALoCGXd5tq9UaAc7Mr0Wbbr09vfk3Azybf+fRP36KDxJ2sN2uMATcAAAAAElFTkSuQmCC);\n\ }\n\ #fsort-ext:before{ background-color: #BBB}\n\ /* 150806 uppercase */\n\ #fsort-upc:before{\n\ left:7em; top:-14px;\n\ width:16px; height: 16px;\n\ border-radius: 0 4px 0 4px;\n\ content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABcElEQVQ4y5WSsWoVQRSG/7kbyL1VCosgeQBBbFIYtBCsLYOx1QewiZgqr5HOF5ALRlALbcUigsK1TOUWooUaEbOL2d3z/TaTsOBduPeHYQ4zZ77555yRJEXEDnAE/AZ+As/qur6sBbSS50uS1iQ9lbSZUtoej8eWdHcRiKbT6eg8bprmqm0D37Souq7bBt4BP4AuA04XOtw0zTUggLOIeBgR95YBjIqi2EwpjSTNiqI4sP1dy6ht21v5xjPgCfAZaPoOImLfWRGx/x8EOAD+AF8j4gFw2AcAx8DfPI6XdXgzO3wNvLHttm1vXNRAkmzfGQIURXE/57ywfdhfu5Dt57av59i2b0tSWZarwC+Auq43qqpazx07KctytQ+4Yvuj7c52advnXzzbP+rV420u5s5cy30HwCsPCHgpSWno7VVVrU8mky8ppRXb73tbKaW0Zbur63pjsPoR8Sjf9GFO22f5GbuDAOBTTno8B76X4bN/RgN/lIzFNCAAAAAASUVORK5CYII=);\n\ }\n\ #fsort-upc:before{ background-color: #BBB}\n\ \n\ table.files td.age .css-truncate.css-truncate-target{\n\ width: 99% !important; \n\ max-width: none !important;\n\ }\n\ /*table.files td.age span.css-truncate time{\n\ position: relative !important;\n\ }*/\n\ .fsort-time {\n\ visibility: hidden;\n\ display: none;\n\ padding-right: 0px;\n\ }\n\ .fsort-time i {\n\ display:inline-block;\ color: #BBB;\ font-style: normal !important;\n\ transform: scale(0.9);\n\ margin-left: 0px;\n\ /* font-size: 12px;*/\n\ }\n\ \n\ /* patches (--min-width:12em!important;) */\n\ table.files td.age {text-align: right !important; padding-right: 4px !important;\n\ width:12em!important;\n\ \n\ max-width:none!important;\n\ overflow:visible!important;\n\ }\n\ table.files td.message {overflow: visible !important;}\n\ /*.file-wrap .include-fragment-error { display: table-row !important;}*/\n\ /* 150315 wide filelist *150426 better not touch this* /\n\ div.wrapper div.container{\n\ min-width: 980px!important;\n\ width:90%!important;}\n\ div.wrapper div#js-repo-pjax-container{\n\ min-width: 790px!important;\n\ width: calc(100% - 200px)!important;\n\ }/* */\n\ td.icon .octicon {height: 16px; width: 16px;}\ \ '); dtStyle=stickStyle('\ td.age span.css-truncate time-ago{\ visibility: hidden !important;\ display: none !important;\ }\ td.age span.css-truncate .fsort-time {\ visibility: visible !important;\ display: inline !important;\ }\ ') } function setC(n){ for(var i=0,il=C.length; i'+ hs+'', t: hs+':'+dd(n.getSeconds()) } } var xmatch=/(.*)\.(.*)$/; function filext(x){ var m= x.match(xmatch); if(!m || !m[2]) return "EmptyExt"; return m[2].toLowerCase(); } function setIcon(tr){ var xt,xs,xn,xi,tc,tn,ti; //ti=tr.querySelector('td.icon > .octicon-file-text'); ti=tr.querySelector('td.icon > .octicon-file'); if(!ti) return; tc=tr.querySelector('td.content > span.css-truncate'); if(!tc) return; tc=tc.textContent; if(!tc) return; xt=filext(tc); if(!xt) return; xn=extList[xt]; if(typeof xn === "undefined") return; xi=extIcon[xn]; if(!svgList[xi]) return; tn=svgUsed[xn]; if(!tn){ tn=document.createElement('span'); tn.innerHTML=svgList[xi]; tn=tn.childNodes[0]; // tn.className='octicon octicon-'+xi; // console.log('XI:',xi,svgList[xi]); svgUsed[xn]=tn; }else{ tn=tn.cloneNode(true); } ti.parentNode.replaceChild(tn, ti); //_l('setIcon '+xt); } function setDateTime(x){ var dt,dtm,dta,dtd,tc,m,now,t; var DT=D.querySelectorAll('td.age span.css-truncate time-ago'); _l('sDT',(x?'refresh':'create')+' # '+DT.length); try{ now = new Date(); for(var dl=DT.length, i=0; i now!!!11 try{ c=c.getAttribute('class'); if(c.indexOf("-directory")>0) return 0; if(c.indexOf("octicon-")>0) return -1; } catch(e){ console.log(c,'n',e)}; return 1; } function getCell(r,c,s,p){ var rc=TB.rows[r].cells[c],q=null; if(typeof rc == "undefined") { _l('r:',r,'c:',c,'- ???' ); }else q=rc.querySelector(s); if(q) q= p? q.getAttribute(p): q.textContent; if(q) return q; return ""; } var sDir,sCells,sExts; var fa=[ function(a){ var r=getCell(a,1,'span.css-truncate-target a'); return prefs.upc? r.toUpperCase(): r; }, function(a){ var r= getCell(a,2,'span.css-truncate'); r=r.replace(/\s+/,' ').replace(/^\s|\s$/,''); return prefs.upc? r.toUpperCase(): r; }, function(a){ var c = getCell(a,3,'span.css-truncate>time-ago','datetime'); if(c) return c; return "2099-12-31T23:59:59Z" } ] var b9='\x20\x20\x20'; b9+=b9+b9; function pad9(s){ if(s.length<9) return (s+b9).substr(0,9); return s; } function sort_p(n){// prepare data for sorting sDir=[],sCells=[]; for(var tl=TB.rows.length, a=0; a x.f var x=fa[n](a), m= x.match(/(.*)(\..*)$/); if(!m || !m[2]) m=['',x,'']; x=pad9(m[2])+' '+m[1]; sCells.push(x); } }else{ for( a=0; ay)^ASC)<<1)-1; } var CNn={content: 0, message: 1, age: 2} function oClr(){ var o= catcher.querySelectorAll('.fsort-butt,.fsort-time') for(var ol=o.length,i=0;i=0; i--) TB.removeChild(TB.rows[i]); for( i=0; ispan'); if(!c){ _l( '*GHSFL* no content') ; return; } ca.push(c); c=D.querySelector('.file-wrap table.files td.message >span'); if(!c){ _l( '*GHSFL* no messages'); return; } ca.push(c); c=D.querySelector('.file-wrap table.files td.age >span'); if(!c){_l( '*GHSFL* no ages'); return; } ca.push(c); if(x){ oClr(); oa=[]; o=D.createElement('span'); o.textContent=''; oa.push(o); o=o.cloneNode(true); oa.push(o); o=o.cloneNode(true); oa.push(o); clock=D.createElement('span'); clock.id='fsort-clock'; clockclassName(); ext=D.createElement('span'); ext.id='fsort-ext'; extclassName(); upc=D.createElement('span'); upc.id='fsort-upc'; upcclassName(); setDateTime(); setC(-1); } o=insBefore(oa[0],ca[0]); o.appendChild(upc); o.appendChild(ext); insBefore(oa[1],ca[1]); o=insBefore(oa[2],ca[2]); o.appendChild(clock); } catcher= D.querySelector('#js-repo-pjax-container'); if(!catcher){ _l( "*GHSFL* err0r"); return; } catcher.addEventListener('mousedown',function(e){ if(e.target.nodeName && e.target.nodeName=='SPAN' && e.target.className.indexOf('fsort-butt')>-1) { onClik(e); } } ,false); _l('startup()'); try { locStor = W.localStorage; tt=locStor.getItem("GHSFL"); } catch(e){ locStor =null} if(locStor && tt) try{ var pa =JSON.parse(tt); for (var a in pa) prefs[a]=pa[a]; // _l('prefs:'+JSON.stringify(prefs)); }catch(e){ console.log(e+"\n*GHSFL* bad prefs") } css(); dtStyle.disabled=(prefs.dtStyle===1); gitDir(1); var target = catcher; //document.body; //D.querSelector('.file-wrap'); var MO = window.MutationObserver; if(!MO) MO= window.WebKitMutationObserver; if(!MO) return; var __started=0; var mII=0,mI=0;; var observer = new MO(function(mutations) { var t=mutations[0].target; //mI++; _l('mut'+mI+'.'+mutations[0].target.nodeName); var fc=document.getElementById('fsort-clock') if(!fc){ gitDir(1); __started=1; return; } if(!fc.parentNode.parentNode.querySelector('.fsort-time')){ setDateTime(1); return;} }); // D.body observer.observe(catcher, { attributes: true, childList: true, subtree: true } ); /* attributes: true , childList: true, subtree: true, characterData: true, attributeOldValue:true, characterDataOldValue:true */ })()};