MediaWiki:Gadget-watchlist.js

var WLScript = new function(){ //wrapper object

var whenPageLoaded = +(new Date()) - 20000 //add 20 sec just in case
var namespace, $content, alreadySorted, alreadyAddedUnwatch, mm
var  inProgress = null, timeoutID = null

mm = {
sort:'↑↓',
sortTitle:'Сортировать страницы по пространствам',
sortDone:'Изменения уже отсортированы',
unwatchTitle:'Добавить (x) ссылки для вычёркивания страниц из списка наблюдения',
unwatchDone:'Для удаления страниц из списка наблюдения используйте появившиеся ссылки (x)',
onlynew:'Только новые',
onlynewTitle: 'Показать изменения с момента загрузки этой страницы',
expandAll: 'Показать/спрятать все свёрнутые правки',
fullPage: 'Спрятать/показать элементы интерфейса'
}

if (wgUserLanguage!='ru')
mm = {
sort:'Sort...',
sortTitle:'Sort titles by even namespace number, then by page title',
sortDone:'Watchlist changes already sorted',
unwatchTitle:'Add (x) quick unwatch links',
unwatchDone:'Use (x) links to quickly unwatch pages',
onlynew: 'Only new',
onlynewTitle: 'Show changes since this page was loaded',
expandAll: 'Expand/hide all',
fullPage: 'Hide/Show interface'
}

this.onLoad = function() {
 namespace = document.getElementById('namespace')
 if (!namespace) return
 $content = $('#bodyContent')
 //find insertion point
 var insert = namespace.form
 while (insert.previousSibling && insert.nodeName != 'BR') insert=insert.previousSibling
 //append "only new" link
 var lnk = addLnk('#', mm.onlynew, mm.onlynewTitle)
 lnk.id = 'listSince'
 lnk.onclick = lnk.onmousedown = onlyNewEntries // react to middle clicks too
 //append "maximized mode" links
 var head = document.getElementById('firstHeading')
 lnk = lnk.cloneNode(true); lnk.className = 'wl-maximized'
 lnk.onclick = lnk.onmousedown = onlyNewEntries
 head.appendChild(lnk)
 var rst = document.createElement('span'); rst.innerHTML = '↙'; rst.onclick = maximize
 rst.className = 'wl-maximized'; rst.id = 'wl-restore'
 appendCSS('.wl-maximized { margin-left:1em; display:none}\
 #wl-restore {float:right; cursor:pointer; font-size:1.6em;\
  border:1px outset gray; border-bottom:none; padding:0 2px}')
 head.insertBefore(rst, head.firstChild)
 //append other links
 addLnk('javascript:WLScript.addUnwatchLinks()', 'x' , mm.unwatchTitle)
 addLnk('javascript:WLScript.sortWatchlist()', mm.sort, mm.sortTitle)
 if ($('#mw-rc-openarrow-0').length == 1)
   addLnk('javascript:WLScript.expandWatchlist()', '±', mm.expandAll)
 addLnk('javascript:WLScript.maximize()', '↗', mm.fullPage)
 // function adds " | <link>" just before 'insert' element
 function addLnk(url, text, tooltip){ 
   var lnk = document.createElement('a')
   lnk.href = url
   lnk.appendChild(document.createTextNode(text))
   lnk.title = tooltip || ''
   insert.parentNode.insertBefore(document.createTextNode(' | '), insert)
   insert.parentNode.insertBefore(lnk, insert)
   return lnk
 }
}




function onlyNewEntries() {
 var url = window.location.href.split('#')[0]
  var days = ( +(new Date()) - whenPageLoaded)/(1000 * 3600 * 24) 
 if (url.match(/[?&]days=/))
   this.href = url.replace(/([?&]days=)[^&]*/, '$1'+days)
 else
   this.href = url + (url.indexOf('?') < 0 ? '?':'&') + 'days=' + days
 return true
}



this.sortWatchlist = function(){
 if (alreadySorted) return alert(mm.sortDone)
 var H4s = $content[0].getElementsByTagName('h4'), dayDiv, rows, h, i, j, pgname, el, step, last
 //sort all days separately
 for (var h=0; h<H4s.length; h++){
   //get UL or DIV immediately after H4
   dayDiv = H4s[h]
   while ((dayDiv=dayDiv.nextSibling) && (dayDiv.nodeName != 'DIV') && (dayDiv.nodeName != 'UL'));
   //get WL rows, find their namespaces, calculate sortkeys
   rows = $(dayDiv).find('a[href*="&action=history"]')
   if (rows.length == 0) return
   for (i = 0; i < rows.length; i++){
     pgname = getTitleFromURL(rows[i].href)
     ns = getNSFromTitle(pgname)
     if (ns>0) pgname = pgname.substring(getNamespace(ns).length+1) //title w/o prefix
     if (ns%2) ns-- //sort talk page as if it was a base page
     rows[i].sortkey = zzz(ns) + ':' + pgname //assign custom tag attribute: namespace+title
   }
   //sort rows array
   rows.sort(function(a,b){
    if (a.sortkey > b.sortkey) return 1 
    else if (a.sortkey < b.sortkey) return -1 
    else return 0   
  })
  //sort rows in HTML
  for (i=0; i<rows.length; i++){ //move rows to the dayDiv bottom
    el = last = rows[i]
    if (el.parentNode.nodeName == 'LI') //non-enhanced watchlist
      el.parentNode.parentNode.appendChild(el.parentNode) //move to bottom
    if (el.parentNode.nodeName == 'TD'){ //new enhanced WL, with tables
		  while ((el=el.parentNode) && el.nodeName != 'TABLE');
			if (!el) continue
			do{ //move table bottom, also taking next (hidden) DIV 
			  step = el.nextSibling; el.parentNode.appendChild(el); el = step 
			}while (el && el.nodeName != 'TABLE')
    }else{ //old enhanced WL, in case new is reverted
      //find last row element , which is usually BR
      while ((last=last.nextSibling) && last.nodeName!='BR');
      if (!last) continue //just in case, this should not happen 
      //move to next DIV (if present), containing (collapsed) list of changes with "enhanced RC"
      if ((step=last.nextSibling) && step.nodeName == '#text') last = step //Firefox insists on '\n' being here
      if ((step=last.nextSibling) && step.nodeName == 'DIV')   last = step
      //now get to the 1st element, stopping just before <br> or <div>
      while ((step=el.previousSibling) && step.nodeName!='BR' && step.nodeName!='DIV') el = step
      //move all row elements one by one to the bottom of the day div
      do { step=el.nextSibling;  dayDiv.appendChild(el) } while (el != last && (el=step)) 
    }
  }
 }//for
 alreadySorted = true
}


this.expandWatchlist = function(){
 var i = 0, sp, state = $('#mw-rc-openarrow-0')[0].style.display
 while (sp=document.getElementById('mw-rc-openarrow-'+(i++).toString()))
   if (sp.style.display == state) $(sp.firstChild).click()
}




this.addUnwatchLinks = function() {
 if (alreadyAddedUnwatch) return alert(mm.unwatchDone)
 $content.find('a[href*="&action=history"]').each(function(i, lnk){
   x = $j('<a class=unwatch title="'+mw.msg('unwatch')+'">x</a>')
       .attr('href', lnk.href.replace(/&curid=\d+/,'').replace(/action=history/,'action=unwatch'))
       .click(ajaxUnwatch)
   lnk = $(lnk)	   
   lnk.after(x).after(' | ')
   //experimental
   lnk.attr('title', lnk.text()).text('Ω')
   lnk = lnk.prev()
   lnk.attr('title', lnk.text()).text(lnk.text().replace(/[^\d]+/,'Δ'))
 })
 alreadyAddedUnwatch = true
}

function ajaxUnwatch(e) {
 if (inProgress) return false
 inProgress = getTitleFromURL(this.href)
 timeoutID = window.setTimeout( function() {inProgress = null},  10000 )
 //call server
 var req = { action:'watch', format:'json', title:inProgress }
 if (/&action=unwatch/.test(this.href)) req.unwatch = ''
 $.getJSON( '/ruwiki/w/api.php', req, showUnwatch)
 return false
}

function showUnwatch (response) {
  if (timeoutID) window.clearTimeout(timeoutID)
  response = response.watch
  var name = inProgress, state, pg
  inProgress = null
  if (response.watched !== undefined) state = false
  else if (response.unwatched !== undefined) state = true
  else return //unrecognized response
  //find the full name of "other page"
  var ns = getNSFromTitle(name)
  var name2 = name
  if (ns > 0) name2 = name2.substring(getNamespace(ns).length+1) //remove old prefix
  if (ns % 2)  ns--; else ns++ //switch to  "other" namespace
  if (ns > 0) name2 = getNamespace(ns) + ':' +  name2 //add new prefix
  //now mark all rows that are either name or name2
  $content.find('a.unwatch').each(function(i, lnk){
    pg = getTitleFromURL(lnk.href)
    if (pg != name && pg != name2) return
    lnk.title = mw.msg(state?'watch':'unwatch')
	lnk.parentNode.style.textDecoration = state ? 'line-through' : ''
	lnk.href = lnk.href.replace(/&action=\w+/, '&action='+ (state?'watch':'unwatch'))
  })
}




var maximizeCSS
function maximize(){
 if (!maximizeCSS) maximizeInit()
 else maximizeCSS.disabled = !maximizeCSS.disabled
 document.cookie = 'wlmax='
 + (!maximizeCSS.disabled ? '1' : '0;expires=' + (new Date()).toGMTString() + ';;')
}
this.maximize = maximize

function maximizeInit(){
 maximizeCSS = 'div#siteNotice, #siteSub, #contentSub,\
 fieldset#mw-watchlist-options, div.mw-rc-label-legend {display:none}\
h1#firstHeading {font-size:12pt} .wl-maximized {display:inline !important}'
 switch (skin){
  case 'vector': maximizeCSS += '#p-logo{display:none} #footer {clear:both}\
#p-personal, #content, #footer {margin-left:0} #left-navigation {left:1.5em}\
#mw-panel {position:static !important; width:100% !important}\
#mw-panel div.portal {float:left; background:none}'; break
  case 'monobook': case 'simple': case 'myskin': maximizeCSS += '\
#p-logo {display:none} #column-content {float:none; margin-left:0}\
#column-content #content {margin-left:2px}\
#column-one {position:static; padding-top: 10px}\
.portlet {float:left} #p-cactions {left:0} #footer {margin-left:0}'
  break
 }
 maximizeCSS = appendCSS(maximizeCSS)
 maximizeCSS = maximizeCSS.sheet || maximizeCSS
}
this.maximizeInit = maximizeInit


//common functions, some need 'namespace' select element

function getNSFromTitle(title){ //returns namespace number
 var i = title.indexOf(':')
 if (i == -1) return 0
 var prefix = title.substring(0,i+1) //including :
 for (i=2; i < namespace.options.length; i++)
   if (namespace.options[i].text+':' == prefix)
     return i-1
 return 0 // ':' was simply a part of a title
}

function getNamespace(ns){ //returns namespace name
 if (ns==0) return ''
 else return namespace.options[ns+1].text
}
 
function getTitleFromURL (url){ //gets 'title=' part from a link
  var ma = url.match(/(&|\?)title=([^&]+)/)
  if (ma) return decodeURIComponent(ma[2]).replace(/_/g,' ')
  else return ''
}




function zzz(s){ // 5 -> 005
 s = s.toString()
 if (s.length==1) return '00'+s
 else if (s.length==2) return '0'+s
 else return s
}


}//obj


if (wgCanonicalSpecialPageName == 'Watchlist') {
  if (document.cookie.indexOf('wlmax=1') != -1) WLScript.maximizeInit()
  addOnloadHook(WLScript.onLoad)
}