').show();
$grafs2.html('loading graph \n
')
// NOTE: put in *another* element so enter/leave events dont trigger for it --
// since we're watching navbar-nav!
);$('.navbar').prepend(
// Now add in a 2nd level IA nav. Poach the markup as it is in the "hamburger" / xs
// dropdown: copy it and slightly remake it to what we want!
$('.nav-hamburger .navbar-nav').clone().removeClass('nav navbar-nav').attr('id', 'nav-abouts')
// both of the above divs are hidden. now fade them in
);$('#internet-archive > div > div').fadeIn('slow');
$('#nav-abouts').slideToggle();
}, 1000);
}).mouseleave(function () {
if (mousetimer) clearTimeout(mousetimer);
});
}
}, {
key: 'scrolled',
value: function scrolled() {
var newtop = $(window).scrollTop
// log('scrolled to ', newtop)
();var selector = '.more_search:visible';
var $e = $(selector);
if (!$e.length) return;
// make the edge detect for "hit bottom" 40 pixels from the bottom
var check = $e.offset().top + $e.outerHeight() - $(window).height() - 40;
// log('-v- check', check)
if (newtop > check) {
log('hit rock bottom > ', check);
if (!AJS.more_searching) $(selector.concat(' > a')).click();
}
}
}, {
key: 'more_search',
value: function more_search(lnk, urlIn, page_now) {
var selector = AJS.selector();
if (selector === false) return false;
var ikind = selector.replace(/#ikind-/, '');
var tumble = ikind === '' && $('.tumbles').length;
if (tumble) {
ikind = 'views';
selector = 'body'; // heh
}
var $more_search = $(selector.concat(' .more_search')
// we stash a reference of what page the client has requested, so we can increment it on
// each "more_search hit
);var pageKey = selector;
if (typeof AJS.page_map[pageKey] === 'undefined') AJS.page_map[pageKey] = page_now || 1;
if (AJS.page_map[pageKey] < 0) {
// $more_search.find('.more-search-all').show()
return false; // all results showing -- no more for the ikind avail so noop/ignore
}
AJS.page_map[pageKey] += 1;
var page = AJS.page_map[pageKey];
$more_search.find('.more-search-fetching').show();
AJS.more_searching = true;
var url = urlIn + page;
var urlreplace = location.protocol.concat('//', location.host, url);
url += '&scroll=1';
log('url: ', url // url to AJAX get next page
);log('urlreplace', urlreplace // url to change browser location (visually) to
);if (tumble) {
var seen = '';
$('.tumbles').each(function (k, v) {
seen += $(v).attr('data-idx').concat(',');
});
url.concat('&seen=', seen);
}
log('more_search(selector=', selector, 'sort=', ikind, 'page=', page, 'url=', url, ')'
// log(AJS.page_map)
);$.get(url, function (htm) {
if (htm.length < 100 && $(htm).find('div.no-results')) {
// no more results avail/found. we have reached infinity!
$more_search.find('.more-search-fetching, a.btn').hide
// $more_search.find('.more-search-all').show()
();AJS.page_map[pageKey] = -1; // flag to ignore future more_search attempts
AJS.more_searching = false;
return;
}
var selectorID = $(selector).attr('id');
if (AJS.tilerPREV && AJS.tilerPREV.unsourced && AJS.tilerPREV.unsourced[selectorID]) delete AJS.tilerPREV.unsourced[selectorID];
if (tumble) {
$('.results').append(htm);
$more_search.find('.more-search-fetching').hide();
AJS.more_searching = false;
return;
}
if (AJS.pushState && typeof history.replaceState !== 'undefined') history.replaceState({}, '', urlreplace);
var $selector = $(selector.concat(' .results'));
$selector.append(AJS.addNotes(AJS.addingNotesKind, htm)
// re-tile and re-flow! (the force should flow through you)
);AJS.tiler(selector);
$more_search.find('.more-search-fetching').hide();
AJS.more_searching = false;
AJS.parent_hover($selector
// OK, this is quite a bit more subtle... the HTM has been dropped in,
// *and* we've done a basic re-tiling. however, it's very likely many
// of the images are still loading. so listen for image "is loaded" events
// if they trickle in, and at most re-tile every 1 second (even if they
// likely trickling in at a faster rate than that) until they all loaded
);$(selector.concat(' img')).on('load', function () {
clearTimeout(AJS.more_search_throttler);
AJS.more_search_throttler = setTimeout(AJS.tiler, 1000);
});
if (typeof archive_analytics !== 'undefined') archive_analytics.send_scroll_fetch_event(page);
});
return false;
}
// when embed codes are being show, adjust their heights so they show all the content/codes!
}, {
key: 'embed_codes_adjust',
value: function embed_codes_adjust() {
log('showing embeds!'
// these are found (only) on /details/ pages
);var _arr = ['embedcodehere', 'embedcodehereWP'];
for (var _i4 = 0; _i4 < _arr.length; _i4++) {
var embid = _arr[_i4];
var $embid = $('#' + embid);
$embid.removeAttr('rows').css('height', '');
var embtxt = $embid.text
// this is *puke* city -- since textareas are a PITA, make a shadow div w/ the
// text we want in it, trying to be same width, same font-size, etc.
// and *then* insert into DOM invisibily so we can calculate its overall height
// .. and then peg the textarea height to that height
();$('body').prepend($('').attr({
id: embid + 'Shadow',
class: 'textarea-invert-readonly roundbox5'
}).css({
position: 'absolute',
visibility: 'hidden',
top: 60,
left: 10,
padding: '5px 15px 5px 15px',
width: $embid.width(),
'font-size': $embid.css('font-size')
}).text(embtxt));
var bestHT = $('#' + embid + 'Shadow').outerHeight() + 15;
log(embid, 'bestie height', bestHT, 'for current width', $embid.width());
$('#' + embid + 'Shadow').remove();
$embid.height(bestHT);
}
}
// dynamically adds modal to page (if isnt there already)
}, {
key: '_modal_add',
value: function _modal_add(selector, conf) {
// logically private
log(conf);
if ($(selector).length) return;
var selectorID = selector.replace(/#/, '');
$('body').prepend('\n'
// $('body').addClass('blurry') // exxxperiment!
);
}
}, {
key: 'modal_beta',
value: function modal_beta(lnk, confIn) {
// NOTE: not in use now
var conf = confIn;
conf.title = '\n \n
\n \n
\n\n \n \n
\n \n
';
AJS._modal_add(selector, conf
// in case it's not obvious, there are FOUR CASES we (have to) handle:
// feedback only, hit [submit] button
// feedback only, cancel out (no feedback given)
// exit beta, hit [submit] button
// exit beta, no feedback given
);$('#modal_beta_form_exit').on('click', function () {
$('#modal_beta_form input[name=feedback_only]').val(0);
conf.feedback_only = false;
conf.exiting = true;
$('#modal_beta_form').submit();
});
$('#modal_beta_form').on('submit', function () {
log('submit clicked!');
conf.submitted = true;
conf.postdata = $('#modal_beta_form').serialize // oh, fkya!
// we're polite
();$(selector.concat(' h5')).fadeIn('slow');
$(selector.concat(' form')).fadeOut('slow');
setTimeout(function () {
// AJAX form post, keeping page where it is
$.post('/services/exit.php', conf.postdata, function () {
log('POSTED ', conf.postdata);
if ((!conf.feedback_only || conf.exiting) && document.cookie === '') {
// user disables cookies, so go directly to exit form where we'll
// give them more information about that and how we can't "stick"
// their preference to exit beta...
log('EXITING BUT HAS NO COOKIES!');
location.href = '/services/exit.php';
return;
}
$('body').removeClass('blurry');
$(selector).modal('hide');
});
}, 2500);
return false; // dont do *normal* submit of the form (and drive the page away)
});
$(selector).modal('show').on('hidden.bs.modal', function () {
log('beta modal hidden');
$('body').removeClass('blurry');
if (conf.feedback_only || !conf.exiting) {
$(selector).remove();
return;
}
var exitFN = function exitFN() {
if (!conf.submitted) {
// user clicked out of modal or [x] close button -- no form submit
// but they DO want to exit beta...
location.href = '/services/exit.php';
} else {
$(selector).remove();
log('going to ', conf.href);
location.href = conf.href;
}
};
if (typeof archive_analytics !== 'undefined') {
archive_analytics.send_ping({
service: 'ao_2',
kind: 'event',
ec: 'in_beta',
ea: 'exit',
cache_bust: Math.random()
}, exitFN // once analytics GIF is loaded, invoke our callback!
);
} else {
log('uho analytics not defined!'
// should never happen, but just to be safe!!
);exitFN();
}
});
return false;
}
// gives us ability to have JS intercept an href click and instead do a bootstrap modal.
// eg: when someone Favorites a list or item - a kind of confirmation box.
// In that case, we want it to just say Favorited with a big black star in the middle.
// We don't take user to the href target.
// The modal disappears if the user clicks anywhere and returns to page they were on.
// Timeout of a few seconds to close modal if they do nothing.
// config is a hashmap with optional keys:
// auto_close, auto_remove, body, center, favorite, ignore_lnk, titlen,
// headerClass, shown, follow_link_on_dismiss
}, {
key: 'modal_go',
value: function modal_go(lnk, confIn) {
var conf = confIn; // sigh
if (conf.favorite) {
// this flicks on a bunch of config options
conf.center = true;
conf.auto_close = true;
conf.title = 'Favorited';
conf.body = '\n 
\n TUTORIAL VIDEO\n
\n \n \n TUTORIAL VIDEO\n
\n Please take a moment to give us feedback below.\n We consider these comments as we make changes to the site.\n
\n \n
\n THANK YOU for your valuable feedback!\n
\n \n ' + str + '
');
}
});
}
// Use a color sampling 3rd party piece of code, to find the 1st/primary image in the "welcome"
// area, and find the "dominant color". (internally, uses canvas to color sample).
// Adjust text/foreground color as well as any "selected tab" background color.
// NOT USED ANYMORE -- GONE SERVERSIDE!
}, {
key: 'welcome_recolor',
value: function welcome_recolor(e) {
if (typeof ColorThief === 'undefined' || !e.length) return;
if (AJS.welcome_recolored) return;
AJS.welcome_recolored = true;
var img = $(e)[0];
log('welcome_recolor', img.src
/* global ColorThief */
);var ct = new ColorThief();
var palette = ct.getPalette(img, 5);
log(palette);
if (!palette) return;
var dominantColorRGB = palette[0]; // 3 element array!
if (!dominantColorRGB) return;
log(dominantColorRGB
// if dominant color is uh, kinda in the lighter range -- txt should be black
);var avgVal = Math.round($(dominantColorRGB).map(function (k, v) {
return v;
}).toArray().reduce(function (a, b) {
return a + b;
}) / dominantColorRGB.length);
var color = avgVal >= 128 ? 'black' : 'white';
log('avgVal', avgVal);
$('.welcome').css({
color: color,
'background-color': 'rgb(' + dominantColorRGB.join(',') + ')'
});
$('.welcome .stealth:not(.tabby .stealth)').css({ color: color });
}
/**
* Use the following function to make an image, div, etc focusable, and 'click'-able.
* Function adds a tabindex for 'focus' and listens for a keydown/keypress of enter or space,
* then triggers a click.
*
* var element: String used for jquery capture of non-acessible & mouse-only element.
* ex: "#AmazonPayButton img"
* Triggers 'click' on element.
*/
}, {
key: 'makeMouseElementAccessible',
value: function makeMouseElementAccessible(element) {
$(element).attr('tabindex', '0').on('keypress keydown', function makeMouseElementAccessibleGo(e) {
if (e.type !== 'click') {
var code = e.keyCode || e.which;
var k_space = 32; // space bar pressed
var k_enter = 13; // enter key pressed
if ([k_space, k_enter].indexOf(code) !== -1) $(this).click();
}
});
}
// use something like ',' for the optional 3rd arg if you want to allow
// for appending 2+ values into a field, etc...
}, {
key: 'autocomplete',
value: function autocomplete(selector, options, multiValSplitChar) {
$(selector).autocomplete({
appendTo: '#autocompletee',
minLength: 0,
source: function source(request, response) {
// delegate back to autocomplete, but extract the last term
response($.ui.autocomplete.filter(options, request.term.split(/,\s*/).pop()));
},
focus: function focus() {
return false;
}, // prevent value inserted on focus
select: function autocomplete_select(event, ui) {
if (multiValSplitChar) {
var terms = this.value.split(/,\s*/
// remove the current input
);terms.pop
// add the selected item
();terms.push(ui.item.value
// add placeholder to get the comma-and-space at the end
);terms.push('');
this.value = terms.join(', ');
} else {
this.value = ui.item.value;
}
return false;
}
});
}
}, {
key: 'addNotes',
value: function addNotes(kind, htm) {
// flag lists have multiple users so the "rights" there
// is a bit to thorny right now so for simplicity and
// the main feature to go live, skipping them...
if (kind !== 'favorite' && kind !== 'list') return htm;
if (!htm && $('body').hasClass('editable')) AJS.addingNotesKind = kind;
if (!AJS.addingNotesKind) return htm;
AJS.addNoteHTM = $('\n \n \n Add a Note\n \n
');
log('addNotes'
// Next, we are going to do a global DOM search and insert (where needed)
// for basically the first page load. But we're also called in "infinite scroll"
// page 2+ mode, and in that case, we want to modify (JUST) the HTM when that's
// for page 2+ and about to be inserted into the DOM, *instead* of another global
// DOM search.
);if (htm) {
// (Basically we are now doing page 2+ in infinite scroll)
// OK this is sorta wild/maybe not obvi...a
// (Kinda like a jQuery replace_regexp()...)
// Take the *string* of HTM we are passed, convert it to a "findable" jQuery object
// then insertd "addNoteHTM" where needed.
// Finally, convert back to string and return this modified version to caller.
var $htm = $('' + htm + '
');
$htm.find('.details-ia .C234:not(:has(".note"))').append(AJS.addNoteHTM);
return $htm.html();
}
// this is initial page load
// NOTE: return value irrelevant here
return $('.details-ia .C234:not(:has(".note"))').append(AJS.addNoteHTM);
}
}, {
key: 'editNote',
value: function editNote(e) {
var $e = $(e);
var identifier = $e.parents('.details-ia').prev().attr('data-id');
if (!identifier) return false;
var $note = $e.parents('.note');
var val = '';
if ($e.text() === 'edit') {
val = $note.find('span:first').text();
val = val.replace(//g, '>');
}
$note.hide();
$note.parent().append($('\n 