789 lines
24 KiB
JavaScript
789 lines
24 KiB
JavaScript
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
|
|
if(typeof __wm==="undefined") __wm={};
|
|
(function(){
|
|
var _JSON = typeof __wbhack != 'undefined' ? __wbhack.JSON : JSON;
|
|
var prettyMonths = [
|
|
"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
|
|
var $D=document,$R=document,$=function(n){return $R.getElementById(n)};
|
|
|
|
function formatNumber(n) {
|
|
return (''+n).replace(/\B(?=(\d{3})+$)/g, ',');
|
|
}
|
|
var ajax=__wm.ajax=function ajax(method, url, callback, headers, data) {
|
|
var xmlhttp;
|
|
if (window.XMLHttpRequest) {
|
|
xmlhttp = new XMLHttpRequest();
|
|
} else {
|
|
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
|
}
|
|
xmlhttp.onreadystatechange = function() {
|
|
if (this.readyState == 4) {
|
|
callback(xmlhttp);
|
|
}
|
|
};
|
|
xmlhttp.open(method, url, true);
|
|
if (headers) {
|
|
for (var header in headers) {
|
|
if (headers.hasOwnProperty(header)) {
|
|
xmlhttp.setRequestHeader(header, headers[header]);
|
|
}
|
|
}
|
|
}
|
|
// pass cookies for user authorization
|
|
xmlhttp.withCredentials = true;
|
|
xmlhttp.send(data);
|
|
}
|
|
|
|
__wm.h=function hideToolbar(ev) {
|
|
$("wm-ipp").style.display="none";
|
|
ev.stopPropagation();
|
|
}
|
|
|
|
var $expand, $capinfo;
|
|
|
|
__wm.bt=function bootstrap(imgWidth,imgHeight,yearImgWidth,monthImgWidth,
|
|
coll,wbCurrentUrl,captureDate,firstYear,
|
|
static_prefix,bannerCss) {
|
|
__wm.static_prefix = static_prefix || '/static/';
|
|
var wbPrefix='/'+(coll||'web')+'/';
|
|
captureDate = captureDate.split('-');
|
|
var displayDay = captureDate[2];
|
|
var displayMonth = captureDate[1];
|
|
var displayYear = captureDate[0];
|
|
var trackerVal,curYear = -1,curMonth = -1;
|
|
var yearTracker,monthTracker;
|
|
|
|
// move #wm-ipp content to its shadowRoot if supported
|
|
var wmipp = $('wm-ipp-base');
|
|
if (wmipp.attachShadow){
|
|
var shadow = wmipp.attachShadow({mode:'open'});
|
|
$R = shadow; // this changes the base of $()
|
|
var nav = wmipp.children[0];nav.id='wm-ipp';
|
|
shadow.appendChild(nav);
|
|
if (bannerCss) {
|
|
for(var i = 0; i < bannerCss.length; i++) {
|
|
var link = $D.createElement('link');
|
|
link.setAttribute('rel', 'stylesheet');
|
|
link.setAttribute('type', 'text/css');
|
|
link.setAttribute('href', static_prefix + bannerCss[i]);
|
|
shadow.appendChild(link);
|
|
}
|
|
}
|
|
}
|
|
if (window.top == window.self) {
|
|
wmipp.style.display = "block";
|
|
}
|
|
|
|
var modalIsOpen = false, bannerIsVisible = true;
|
|
|
|
function processMessage(ev) {
|
|
if (ev.origin.indexOf('archive.org') === -1)
|
|
return;
|
|
// donation banner sends msg as JSON string.
|
|
var msg = typeof ev.data == "string" ? _JSON.parse(ev.data) : ev.data;
|
|
console.log('got message %o', msg);
|
|
if (msg.event == 'set height') {
|
|
var iHeight = msg.value; // iframe height
|
|
var bHeight = msg.bannerHeight; // banner height
|
|
if (typeof iHeight !== "number" || iHeight <= 0) return;
|
|
if (!bannerIsVisible) return;
|
|
prevHeight = msg.value;
|
|
if (modalIsOpen) {
|
|
return;
|
|
}
|
|
$donato.style.height = bHeight + 'px';
|
|
$donatoBase.style.height = iHeight + 'px';
|
|
} else if (msg.event == 'open modal') {
|
|
$donatoBase.style.height = '';
|
|
document.body.classList.add('wm-modal');
|
|
window.scrollTo(0, 0);
|
|
modalIsOpen = true;
|
|
} else if (msg.event == 'close modal') {
|
|
$donato.style.marginBottom = '0px';
|
|
document.body.classList.remove('wm-modal');
|
|
modalIsOpen = false;
|
|
} else if (msg.event == 'hide banner') {
|
|
$donato.style.height = 0;
|
|
var expires = new Date(Date.now() + msg.value*24*3600*1000);
|
|
document.cookie = 'donation=x; domain=archive.org; path=/; expires=' +
|
|
expires.toUTCString();
|
|
bannerIsVisible = false;
|
|
modalIsOpen = false;
|
|
prevHeight = 0;
|
|
}
|
|
}
|
|
|
|
var $donato = document.getElementById('donato');
|
|
if ($donato) {
|
|
if (window.top != window.self) {
|
|
$donato.style.display = 'none';
|
|
} else {
|
|
var $donatoBase = document.getElementById('donato-base');
|
|
window.addEventListener('message', processMessage, false);
|
|
}
|
|
}
|
|
var $spk=$('wm-ipp-sparkline')
|
|
$expand=$('wm-expand');
|
|
$capinfo=$('wm-capinfo');
|
|
|
|
function showTrackers(event) {
|
|
var val = event.type=="mouseenter"?1:0;
|
|
if (val===trackerVal) return;
|
|
var $ipp=$("wm-ipp");
|
|
var $y=$("displayYearEl"),$m=$("displayMonthEl"),$d=$("displayDayEl");
|
|
if (val) {
|
|
$ipp.className="hi";
|
|
} else {
|
|
$ipp.className="";
|
|
$y.innerHTML=displayYear;$m.innerHTML=prettyMonths[displayMonth-1];$d.innerHTML=displayDay;
|
|
}
|
|
yearTracker.style.display=val?"inline":"none";
|
|
monthTracker.style.display=val?"inline":"none";
|
|
trackerVal = val;
|
|
}
|
|
function getElementX2(el) {
|
|
var de = $D.documentElement;
|
|
var box = (typeof el.getBoundingClientRect!=='undefied')?
|
|
el.getBoundingClientRect():{top:0,left:0};
|
|
return box.left + (window.pageXOffset||de.scrollLeft)-(de.clientLeft||0);
|
|
}
|
|
function navCaptures(captures) {
|
|
var $e = $("wm-nav-captures");
|
|
var count = 0;
|
|
var years = captures.years;
|
|
var first_ts = captures.first_ts, last_ts = captures.last_ts;
|
|
for (var j = 0; j < years.length; j++) {
|
|
var months = years[j][1];
|
|
for (var i = 0; i < months.length; i++) {
|
|
count += months[i];
|
|
}
|
|
}
|
|
var html = '<a class="t" href="' + wbPrefix + '*/' + wbCurrentUrl +
|
|
'" title="See a list of every capture for this URL">' +
|
|
formatNumber(count) + ' ' +
|
|
(count > 1 ? "captures" : "capture") + '</a>';
|
|
var timespan = __wbTs.format(first_ts, '%d %b %Y');
|
|
if (last_ts != first_ts) {
|
|
timespan += ' - ' + __wbTs.format(last_ts, '%d %b %Y');
|
|
}
|
|
html += '<div class="r" title="Timespan for captures of this URL">' +
|
|
timespan + '</div>';
|
|
$e.innerHTML = html;
|
|
}
|
|
function trackMouseMove(event) {
|
|
//var element = event.target;
|
|
var element = $spk;
|
|
var eventX = getEventX(event);
|
|
var elementX = getElementX2(element);
|
|
var xOff = Math.min(Math.max(0, eventX - elementX),imgWidth);
|
|
var monthOff = xOff % yearImgWidth;
|
|
|
|
var year = Math.floor(xOff / yearImgWidth);
|
|
var monthOfYear = Math.min(11,Math.floor(monthOff / monthImgWidth));
|
|
// 1 extra border pixel at the left edge of the year:
|
|
var month = (year * 12) + monthOfYear;
|
|
var day = monthOff % 2==1?15:1;
|
|
var dateString = zeroPad(year + firstYear) + zeroPad(monthOfYear+1,2) +
|
|
zeroPad(day,2) + "000000";
|
|
|
|
$("displayYearEl").innerHTML=year+firstYear;
|
|
$("displayMonthEl").innerHTML=prettyMonths[monthOfYear];
|
|
// looks too jarring when it changes..
|
|
//$("displayDayEl").innerHTML=zeroPad(day,2);
|
|
var url = wbPrefix + dateString + '/' + wbCurrentUrl;
|
|
$("wm-graph-anchor").href=url;
|
|
|
|
if(curYear != year) {
|
|
var yrOff = year * yearImgWidth;
|
|
yearTracker.style.left = yrOff + "px";
|
|
curYear = year;
|
|
}
|
|
if(curMonth != month) {
|
|
var mtOff = year + (month * monthImgWidth) + 1;
|
|
monthTracker.style.left = mtOff + "px";
|
|
curMonth = month;
|
|
}
|
|
}
|
|
function disclaimElement(element) {
|
|
if (window.top == window.self) {
|
|
element.style.display = "block";
|
|
$D.body.insertBefore(element, $D.body.firstChild);
|
|
}
|
|
}
|
|
yearTracker=$D.createElement('div');
|
|
yearTracker.className='yt';
|
|
with(yearTracker.style){
|
|
display='none';width=yearImgWidth+"px";height=imgHeight+"px";
|
|
}
|
|
monthTracker=$D.createElement('div');
|
|
monthTracker.className='mt';
|
|
with(monthTracker.style){
|
|
display='none';width=monthImgWidth+"px";height=imgHeight+"px";
|
|
}
|
|
$spk.appendChild(yearTracker);
|
|
$spk.appendChild(monthTracker);
|
|
|
|
var $cv=$('wm-sparkline-canvas');
|
|
$spk.onmouseenter=showTrackers;
|
|
$spk.onmouseleave=showTrackers;
|
|
$spk.onmousemove=trackMouseMove;
|
|
|
|
//var $ipp=$("wm-ipp");
|
|
//$ipp&&disclaimElement($ipp);
|
|
|
|
var canvas = $('wm-sparkline-canvas');
|
|
if (!!(canvas.getContext && canvas.getContext('2d'))) {
|
|
var sparkline_url = "/__wb/sparkline?output=json&url=" +
|
|
encodeURIComponent(wbCurrentUrl) +
|
|
(coll && "&collection=" + coll || '');
|
|
ajax("GET", sparkline_url, function(response) {
|
|
if(response.status == 200) {
|
|
var capnav=_JSON.parse(response.responseText);
|
|
var yearsobj = capnav.years;
|
|
var ykeys = Object.getOwnPropertyNames(yearsobj);
|
|
var years = (capnav.years = []);
|
|
for (var i = 0; i < ykeys.length; i++) {
|
|
var y = ykeys[i];
|
|
if (yearsobj[y]) {
|
|
years.push([y, yearsobj[y]]);
|
|
}
|
|
}
|
|
navCaptures(capnav);
|
|
sparkline(capnav,imgWidth,imgHeight,canvas,
|
|
firstYear, displayYear, displayMonth);
|
|
}
|
|
});
|
|
} else {
|
|
var sparklineImg = new Image();
|
|
sparklineImg.src = "/__wb/sparkline?url=" +
|
|
encodeURIComponent(wbCurrentUrl) +
|
|
"&width=" + imgWidth + "&height=" + imgHeight +
|
|
"&selected_year=" + displayYear + "&selected_month=" + displayMonth +
|
|
(coll && "&collection=" + coll || '');
|
|
sparklineImg.alt= "sparkline";
|
|
sparklineImg.width=imgWidth;
|
|
sparklineImg.height=imgHeight;
|
|
sparklineImg.id="sparklineImgId";
|
|
sparklineImg.border="0";
|
|
$cv.parentNode.replaceChild(sparklineImg, $cv);
|
|
}
|
|
|
|
function process_autocomplete(data) {
|
|
var out = []
|
|
var len = data.length;
|
|
for(var i=0; i<len; i++) {
|
|
if(typeof data[i].excluded === 'undefined') {
|
|
out.push(data[i].display_name);
|
|
}
|
|
}
|
|
return out;
|
|
}
|
|
new wbAutoComplete({
|
|
selector: $('wmtbURL'),
|
|
delay: 400,
|
|
source: function(query, suggest) {
|
|
ajax("GET", '/__wb/search/host?q=' + encodeURIComponent(query),
|
|
function(data) {
|
|
var data = _JSON.parse(data.response);
|
|
if (typeof data.hosts!=='undefined' && data.hosts.length>0) {
|
|
var output = process_autocomplete(data.hosts);
|
|
suggest(output);
|
|
} else if (typeof data.isUrl!=='undefined' && data.isUrl===true && typeof data.excluded==='undefined') {
|
|
suggest([query]);
|
|
} else {
|
|
ajax("GET", '/__wb/search/anchor?q='+encodeURIComponent(query),
|
|
function(data) {
|
|
var data = _JSON.parse(data.response);
|
|
if (typeof data!=='undefined' && data.length>0) {
|
|
var output = process_autocomplete(data.slice(0,5));
|
|
suggest(output);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
onSelect: function(e, term, item) {
|
|
$("wmtb").submit();
|
|
}
|
|
});
|
|
$("wmtb").onsubmit = function(e) {
|
|
var query = $("wmtbURL").value;
|
|
// if textbox value is not a URL, redirect to search
|
|
if (!(query.indexOf('http://') === 0 || query.indexOf('https://') === 0 ||
|
|
query.match(/[\w\.]{2,256}\.[a-z]{2,4}/gi))) {
|
|
document.location.href="/web/*/" + $("wmtbURL").value;
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
};
|
|
};
|
|
function show_timestamps() {
|
|
// Populate capinfo with capture resources if empty. If not empty, it has
|
|
// already run before so avoid redoing AJAX.
|
|
var $capresources=$('wm-capresources');
|
|
$capresources.innerHTML = '';
|
|
//disable caching to be able to reload list when browsing frames.
|
|
//if($capresources.innerHTML.length !== 0) {
|
|
// return;
|
|
//}
|
|
var $wmloading=$("wm-capresources-loading");
|
|
$wmloading.style.display='block';
|
|
|
|
// calculate datetime difference with capture datetime and return relative
|
|
// value such as "-5 hours, 10 minutes".
|
|
var capture_ts = $('wmtb').elements.date.value;
|
|
var capture_msec = __wbTs.timestamp2datetime(capture_ts).getTime();
|
|
function datetime_diff(dt_str) {
|
|
// not using Date.parse() because we found pages that replaces it with
|
|
// its own version. This is harder to tamper, but we should use more
|
|
// robust method.
|
|
var dt_msec = (new Date(dt_str)).getTime();
|
|
var diff = dt_msec - capture_msec;
|
|
var prefix = "";
|
|
if(diff < 0) {
|
|
prefix += "-";
|
|
diff = Math.abs(diff);
|
|
} else {
|
|
prefix += "+";
|
|
}
|
|
var highlight = false;
|
|
if(diff < 1000) {
|
|
// equal to the page datetime
|
|
return {delta: diff, text:"", highlight: highlight};
|
|
}
|
|
var total_diff = diff;
|
|
var years_d = Math.floor(diff/1000/60/60/24/30/12);
|
|
diff -= years_d*1000*60*60*24*30*12;
|
|
var months_d = Math.floor(diff/1000/60/60/24/30);
|
|
diff -= months_d*1000*60*60*24*30;
|
|
var days_d = Math.floor(diff/1000/60/60/24);
|
|
diff -= days_d*1000*60*60*24;
|
|
var hours_d = Math.floor(diff/1000/60/60);
|
|
diff -= hours_d*1000*60*60;
|
|
var minutes_d = Math.floor(diff/1000/60);
|
|
diff -= minutes_d*1000*60;
|
|
var seconds_d = Math.floor(diff/1000);
|
|
|
|
var parts = [];
|
|
if(years_d > 1) {
|
|
parts.push(years_d + " years");
|
|
highlight = true;
|
|
} else if(years_d == 1) {
|
|
parts.push(years_d + " year");
|
|
highlight = true;
|
|
}
|
|
if(months_d > 1) {
|
|
parts.push(months_d + " months");
|
|
highlight = true;
|
|
} else if(months_d == 1) {
|
|
parts.push(months_d + " month");
|
|
highlight = true;
|
|
}
|
|
if(days_d > 1) {
|
|
parts.push(days_d + " days");
|
|
} else if(days_d == 1) {
|
|
parts.push(days_d + " day");
|
|
}
|
|
if(hours_d > 1) {
|
|
parts.push(hours_d + " hours");
|
|
} else if(hours_d == 1) {
|
|
parts.push(hours_d + " hour");
|
|
}
|
|
if(minutes_d > 1) {
|
|
parts.push(minutes_d + " minutes");
|
|
} else if (minutes_d == 1) {
|
|
parts.push(minutes_d + " minute");
|
|
}
|
|
if(seconds_d > 1) {
|
|
parts.push(seconds_d + " seconds");
|
|
} else if(seconds_d == 1) {
|
|
parts.push(seconds_d + " second");
|
|
}
|
|
if(parts.length > 2) {
|
|
parts = parts.slice(0, 2);
|
|
}
|
|
return {delta: total_diff, text: prefix + parts.join(" "),
|
|
highlight: highlight};
|
|
}
|
|
// Utility method to find elements in dom (currently only img) using URL.
|
|
// Also look into embedded frames recursively
|
|
// Captured resources urls may have timestamps different from DOM URL
|
|
// so it is not possible to search with original path
|
|
// /web/20120407141544/http://example.com
|
|
// we must search for URLS ENDING WITH http://example.com
|
|
function find_elements_by_url(current_window, url) {
|
|
var orig_url = url.split("/").splice(6).join("/");
|
|
var els=current_window.document.querySelectorAll(
|
|
"img[src$='" + orig_url + "'], iframe[src$='" + orig_url + "'], frame[src$='" + orig_url + "']"
|
|
);
|
|
var els_array=Array.prototype.slice.call(els);
|
|
for(var i=0; i<current_window.frames.length; i++) {
|
|
try {
|
|
var frame_els_array=find_elements_by_url(current_window.frames[i].window, url);
|
|
els_array = els_array.concat(frame_els_array);
|
|
} catch(err) {
|
|
// pass
|
|
}
|
|
}
|
|
return els_array;
|
|
}
|
|
// invoked onmouseover of link to add highlight
|
|
function highlight_elm(e){
|
|
if(e.tagName=='FRAME'||e.tagName=='IFRAME')
|
|
return e.contentWindow.document.documentElement;
|
|
else
|
|
return e;
|
|
}
|
|
function highlight_on(ev) {
|
|
var elements = find_elements_by_url(window, ev.target.href);
|
|
if(elements.length > 0) {
|
|
for(var i=0; i<elements.length; i++) {
|
|
highlight_elm(elements[i]).classList.add("wb-highlight");
|
|
}
|
|
}
|
|
}
|
|
// invoked onmouseout of link to remove highlight
|
|
function highlight_off(ev) {
|
|
var elements = find_elements_by_url(window, ev.target.href);
|
|
if(elements.length > 0) {
|
|
for(var i=0; i<elements.length; i++) {
|
|
highlight_elm(elements[i]).classList.remove("wb-highlight");
|
|
}
|
|
}
|
|
}
|
|
|
|
// Utility method to show capture elements link, datetime and content-type.
|
|
// AJAX follows redirects automatically, only status=200 responses are handled.
|
|
var inflight_urls = 0;
|
|
function get_resource_info(url) {
|
|
if(!url.match('^https?://')) return;
|
|
inflight_urls++;
|
|
ajax("HEAD", url, function(response) {
|
|
if(response.status==200) {
|
|
$wmloading.style.display='none';
|
|
var dt=response.getResponseHeader('Memento-Datetime');
|
|
var dt_span=document.createElement('span');
|
|
var dt_result = datetime_diff(dt);
|
|
var style = dt_result.highlight ? "color:red;" : "";
|
|
dt_span.innerHTML=" " + dt_result.text;
|
|
dt_span.title=dt;
|
|
dt_span.setAttribute('style', style);
|
|
var ct=response.getResponseHeader('Content-Type');
|
|
var url=response.responseURL.replace(window.location.origin, "");
|
|
var link=document.createElement('a');
|
|
// remove /web/timestamp/ from appearance
|
|
link.innerHTML=url.split("/").splice(3).join("/");
|
|
link.href=url;
|
|
link.title=ct;
|
|
link.onmouseover=highlight_on;
|
|
link.onmouseout=highlight_off;
|
|
var el=document.createElement('div');
|
|
el.setAttribute('data-delta', dt_result.delta);
|
|
el.appendChild(link);
|
|
el.append(dt_span);
|
|
$capresources.appendChild(el);
|
|
// sort elements by delta in a descending order and update container
|
|
var items = Array.prototype.slice.call($capresources.childNodes, 0);
|
|
items.sort(function(a, b) {
|
|
return b.getAttribute('data-delta') - a.getAttribute('data-delta');
|
|
});
|
|
$capresources.innerHTML = "";
|
|
for(var i=0, len=items.length; i<len; i++) {
|
|
$capresources.appendChild(items[i]);
|
|
}
|
|
}
|
|
if (--inflight_urls == 0) {
|
|
$wmloading.style.display = 'none';
|
|
}
|
|
});
|
|
}
|
|
// utility method to traverse the document and frames recursively to find
|
|
// element with specific tag. Always convert selector result (NodeList)
|
|
// to Array to be able to concat.
|
|
function find_elements_by_tag_name(current_window, tag) {
|
|
var els=current_window.document.getElementsByTagName(tag);
|
|
var els_array=Array.prototype.slice.call(els);
|
|
for(var i=0; i<current_window.frames.length; i++) {
|
|
try {
|
|
var frame_els_array=find_elements_by_tag_name(current_window.frames[i].window, tag);
|
|
els_array = els_array.concat(frame_els_array);
|
|
} catch(err) {
|
|
// pass
|
|
}
|
|
}
|
|
return els_array;
|
|
}
|
|
|
|
// images
|
|
var static_prefix=window.location.origin + __wm.static_prefix;
|
|
var srcList=[];
|
|
var imgs=find_elements_by_tag_name(window, 'img');
|
|
for(var i=0, len=imgs.length; i<len; i++) {
|
|
// exclude WBM /_static/images, leaked images and embedded data URIs
|
|
if(!imgs[i].src || imgs[i].src.startsWith(static_prefix) ||
|
|
!imgs[i].src.startsWith(window.location.origin) ||
|
|
imgs[i].src.startsWith("data:")) {
|
|
continue;
|
|
}
|
|
srcList.push(imgs[i].src);
|
|
}
|
|
// frames
|
|
var frames=find_elements_by_tag_name(window, 'frame');
|
|
for(i=0, len=frames.length; i<len; i++) {
|
|
if(!frames[i].src) {
|
|
continue;
|
|
}
|
|
srcList.push(frames[i].src);
|
|
}
|
|
var iframes=find_elements_by_tag_name(window, 'iframe');
|
|
for(i=0, len=iframes.length; i<len; i++) {
|
|
if(!iframes[i].src || (iframes[i].id && iframes[i].id === 'playback')) {
|
|
continue;
|
|
}
|
|
srcList.push(iframes[i].src);
|
|
}
|
|
var scripts=find_elements_by_tag_name(window, 'script');
|
|
for(i=0, len=scripts.length; i<len; i++) {
|
|
if(!scripts[i].src || scripts[i].src.startsWith(static_prefix) ||
|
|
!scripts[i].src.startsWith(window.location.origin)) {
|
|
continue;
|
|
}
|
|
srcList.push(scripts[i].src);
|
|
}
|
|
// link.href (CSS, RSS, etc)
|
|
var links=find_elements_by_tag_name(window, 'link');
|
|
for(i=0, len=links.length; i<len; i++) {
|
|
if(!links[i].href || links[i].href.startsWith(static_prefix) ||
|
|
!links[i].href.startsWith(window.location.origin)) {
|
|
continue;
|
|
}
|
|
if(links[i].rel && links[i].rel=="stylesheet") {
|
|
srcList.push(links[i].href);
|
|
}
|
|
}
|
|
// deduplicate
|
|
var deduped = srcList.filter(function(el, i, arr) {
|
|
return arr.indexOf(el) === i;
|
|
});
|
|
if(deduped.length > 0) {
|
|
inflight_urls = 0;
|
|
deduped.map(get_resource_info);
|
|
} else {
|
|
$capresources.innerHTML = "There are no sub-resources in the page.";
|
|
$wmloading.style.display='none';
|
|
}
|
|
}
|
|
__wm.ex=function expand(ev) {
|
|
ev.stopPropagation();
|
|
var c=$expand.className;
|
|
if (c.match(/wm-closed/)) { // closed
|
|
$expand.className=c.replace(/wm-closed/,'wm-open');
|
|
$capinfo.style.display='block';
|
|
show_timestamps();
|
|
} else {
|
|
$expand.className=c.replace(/wm-open/,'wm-closed');
|
|
$capinfo.style.display='none';
|
|
}
|
|
};
|
|
|
|
function isArray(obj) {
|
|
return (typeof obj !== 'undefined' && obj && obj.constructor === Array);
|
|
}
|
|
|
|
function setVisibility(id, visible) {
|
|
var el = $(id);
|
|
if (el) {
|
|
el.style.visibility = visible ? 'visible' : 'hidden';
|
|
}
|
|
}
|
|
|
|
function setDisplayStyle(id, display) {
|
|
var el = $(id);
|
|
if (el) {
|
|
el.style.display = display;
|
|
}
|
|
}
|
|
|
|
function show(ids) {
|
|
if (!isArray(ids)) {
|
|
ids = [ids];
|
|
}
|
|
for (var i = 0; i < ids.length; i++) {
|
|
setDisplayStyle(ids[i], 'inline-block');
|
|
}
|
|
}
|
|
|
|
function hide(ids) {
|
|
if (!isArray(ids)) {
|
|
ids = [ids];
|
|
}
|
|
for (var i = 0; i < ids.length; i++) {
|
|
setDisplayStyle(ids[i], 'none');
|
|
}
|
|
}
|
|
|
|
function visibility(ids, visible) {
|
|
if (!isArray(ids)) {
|
|
ids = [ids];
|
|
}
|
|
for (var i = 0; i < ids.length; i++) {
|
|
setVisibility(ids[i], visible);
|
|
}
|
|
}
|
|
|
|
function userIsLoggedIn() {
|
|
show('wm-save-snapshot-open');
|
|
hide('wm-sign-in');
|
|
}
|
|
|
|
function userIsNotLoggedIn() {
|
|
hide([
|
|
'wm-save-snapshot-open',
|
|
'wm-save-snapshot-in-progress',
|
|
]);
|
|
show('wm-sign-in');
|
|
}
|
|
|
|
function startSnapShotSaving() {
|
|
hide([
|
|
'wm-save-snapshot-fail',
|
|
'wm-save-snapshot-open',
|
|
'wm-save-snapshot-success',
|
|
]);
|
|
show([
|
|
'wm-save-snapshot-in-progress',
|
|
]);
|
|
}
|
|
|
|
function successSnapshotSaving() {
|
|
hide([
|
|
'wm-save-snapshot-fail',
|
|
'wm-save-snapshot-in-progress',
|
|
]);
|
|
show([
|
|
'wm-save-snapshot-open',
|
|
'wm-save-snapshot-success',
|
|
]);
|
|
}
|
|
|
|
function failSnapshotSaving(err) {
|
|
hide([
|
|
'wm-save-snapshot-in-progress',
|
|
'wm-save-snapshot-success',
|
|
]);
|
|
show([
|
|
'wm-save-snapshot-fail',
|
|
'wm-save-snapshot-open',
|
|
]);
|
|
}
|
|
|
|
/**
|
|
* Get status and response URL
|
|
* which could be different in case
|
|
*
|
|
* @param url
|
|
* @param callback
|
|
*/
|
|
function getOkStatusAndResponseURL (url, callback) {
|
|
ajax('HEAD', url, function(response) {
|
|
callback(response.status < 300, response.responseURL);
|
|
});
|
|
}
|
|
|
|
var screenShotTimestampRegex = /web\/(\d*)\/http:\/\/web\.archive\.org\/screenshot/g;
|
|
|
|
function extractTimestampFromScreenShotRequest (url) {
|
|
var res = screenShotTimestampRegex.exec(url);
|
|
if (res && res[1]) {
|
|
return res[1];
|
|
}
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Check whether URL has screen shot
|
|
*
|
|
* @param url
|
|
* @param captureTimestamp
|
|
* @param callback
|
|
*/
|
|
function hasScreenShot (url, captureTimestamp, callback) {
|
|
getOkStatusAndResponseURL(
|
|
'/web/' + captureTimestamp + '/http://web.archive.org/screenshot/' + url,
|
|
function (ok, redirectUrl) {
|
|
if (!ok) {
|
|
return callback(false);
|
|
}
|
|
|
|
var screenShotTimestamp = extractTimestampFromScreenShotRequest(redirectUrl);
|
|
var delta = (
|
|
__wbTs.timestamp2datetime(screenShotTimestamp).getTime() -
|
|
__wbTs.timestamp2datetime(captureTimestamp).getTime()
|
|
) / 1000;
|
|
|
|
console.log('screen shot delta: ' + delta + 's');
|
|
// maximum difference is 1 minute
|
|
var isValidScreenShotTimestamp = (delta > 0) && (delta < 60);
|
|
|
|
callback(isValidScreenShotTimestamp, delta);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* check whether cookie has field
|
|
*
|
|
* @param name
|
|
* @return boolean
|
|
*/
|
|
function hasCookie(name) {
|
|
return document.cookie.search(name) >= 0;
|
|
}
|
|
|
|
__wm.saveSnapshot = function (url, timestamp, tags) {
|
|
startSnapShotSaving();
|
|
ajax('POST', '/__wb/web-archive/', function (res) {
|
|
if (res.status === 401) {
|
|
// it seems that user is not logged in
|
|
userIsNotLoggedIn();
|
|
} else if (res.status >= 400) {
|
|
failSnapshotSaving(res.responseText);
|
|
console.log('You have got an error.');
|
|
console.log('If you think something wrong here please send it to support.');
|
|
console.log('Response: "' + res.responseText + '"');
|
|
console.log('status: "' + res.status + '"');
|
|
} else {
|
|
successSnapshotSaving(res);
|
|
}
|
|
}, {
|
|
'Content-Type': 'application/json'
|
|
}, _JSON.stringify({
|
|
url: url,
|
|
snapshot: timestamp,
|
|
tags: tags || [],
|
|
}));
|
|
|
|
return false;
|
|
};
|
|
|
|
__wm.checkScreenShot = function (url, timestamp) {
|
|
hasScreenShot(url, timestamp, function (exist, timestampDelta) {
|
|
if (exist) {
|
|
// show('wm-screenshot');
|
|
$('wm-screenshot').title = 'screen shot (delta: ' + timestampDelta + 's)';
|
|
visibility('wm-screenshot', true);
|
|
} else {
|
|
visibility('wm-screenshot', false);
|
|
}
|
|
});
|
|
};
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
if (hasCookie('logged-in-user') && hasCookie('logged-in-sig')) {
|
|
userIsLoggedIn();
|
|
} else {
|
|
userIsNotLoggedIn();
|
|
}
|
|
});
|
|
})();
|
|
// @license-end
|