mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-05 16:58:59 +00:00
389 lines
No EOL
13 KiB
JavaScript
389 lines
No EOL
13 KiB
JavaScript
if (typeof NEWSBLUR == 'undefined') NEWSBLUR = {};
|
|
if (typeof NEWSBLUR.Globals == 'undefined') NEWSBLUR.Globals = {};
|
|
|
|
/* ============================= */
|
|
/* = Core NewsBlur Javascript = */
|
|
/* ============================= */
|
|
|
|
NEWSBLUR.log = function(msg) {
|
|
try {
|
|
if (typeof o == "object")
|
|
{
|
|
var new_m = [];
|
|
for (var i=0; i < msg.length; i++) {
|
|
if (i!=0) new_m.push(msg[i]);
|
|
}
|
|
console.debug(msg[0], new_m);
|
|
}
|
|
else
|
|
{
|
|
console.log(msg);
|
|
}
|
|
} catch(e) {
|
|
console =
|
|
{
|
|
log: function() {}
|
|
};
|
|
}
|
|
};
|
|
|
|
(function($) {
|
|
|
|
$.fn.extend({
|
|
|
|
isScrollVisible: function($elem) {
|
|
var docViewTop = 0; // $(this).scrollTop();
|
|
var docViewBottom = docViewTop + $(this).height();
|
|
var docOffset = $(this).offset().top;
|
|
|
|
var elemTop = $elem.offset().top - docOffset;
|
|
var elemBottom = elemTop + $elem.outerHeight();
|
|
|
|
// NEWSBLUR.log(['isScrollVisible', docViewTop, docViewBottom, docOffset, elemTop, elemBottom]);
|
|
|
|
return ((elemTop >= docViewTop) && (elemBottom <= docViewBottom));
|
|
},
|
|
|
|
// Align an element relative to a target element's coordinates. Forces the
|
|
// element to be absolutely positioned. Element must be visible.
|
|
// Position string format is: "top -right".
|
|
// You can pass an optional offset object with top and left offsets specified.
|
|
align : function(target, pos, offset) {
|
|
var el = this;
|
|
pos = pos || '';
|
|
offset = offset || {};
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
|
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0;
|
|
var clientWidth = document.documentElement.clientWidth;
|
|
var clientHeight = document.documentElement.clientHeight;
|
|
|
|
if (target == window) {
|
|
var b = {
|
|
left : scrollLeft,
|
|
top : scrollTop,
|
|
width : $(window).width(),
|
|
height : $(window).height()
|
|
};
|
|
} else {
|
|
target = $(target);
|
|
var targOff = target.offset();
|
|
var b = {
|
|
left : targOff.left,
|
|
top : targOff.top,
|
|
width : target.innerWidth(),
|
|
height : target.innerHeight()
|
|
};
|
|
}
|
|
|
|
var elb = {
|
|
width : el.innerWidth(),
|
|
height : el.innerHeight()
|
|
};
|
|
|
|
var left, top;
|
|
|
|
if (pos.indexOf('-left') >= 0) {
|
|
left = b.left;
|
|
} else if (pos.indexOf('left') >= 0) {
|
|
left = b.left - elb.width;
|
|
} else if (pos.indexOf('-right') >= 0) {
|
|
left = b.left + b.width - elb.width;
|
|
} else if (pos.indexOf('right') >= 0) {
|
|
left = b.left + b.width;
|
|
} else { // Centered.
|
|
left = b.left + (b.width - elb.width) / 2;
|
|
}
|
|
|
|
if (pos.indexOf('-top') >= 0) {
|
|
top = b.top;
|
|
} else if (pos.indexOf('top') >= 0) {
|
|
top = b.top - elb.height;
|
|
} else if (pos.indexOf('-bottom') >= 0) {
|
|
top = b.top + b.height - elb.height;
|
|
} else if (pos.indexOf('bottom') >= 0) {
|
|
top = b.top + b.height;
|
|
} else { // Centered.
|
|
top = b.top + (b.height - elb.height) / 2;
|
|
}
|
|
|
|
var constrain = (pos.indexOf('no-constraint') >= 0) ? false : true;
|
|
|
|
left += offset.left || 0;
|
|
top += offset.top || 0;
|
|
|
|
if (constrain) {
|
|
left = Math.max(scrollLeft, Math.min(left, scrollLeft + clientWidth - elb.width));
|
|
top = Math.max(scrollTop, Math.min(top, scrollTop + clientHeight - elb.height));
|
|
}
|
|
|
|
// var offParent;
|
|
// if (offParent = el.offsetParent()) {
|
|
// left -= offParent.offset().left;
|
|
// top -= offParent.offset().top;
|
|
// }
|
|
|
|
$(el).css({position : 'absolute', left : left + 'px', top : top + 'px'});
|
|
return el;
|
|
}
|
|
|
|
});
|
|
|
|
$.extend({
|
|
|
|
// Color format: {r: 1, g: .5, b: 0}
|
|
textColor: function(background_color) {
|
|
var contrast = function (color1, color2) {
|
|
var lum1 = luminosity(color1);
|
|
var lum2 = luminosity(color2);
|
|
if(lum1 > lum2)
|
|
return (lum1 + 0.05) / (lum2 + 0.05);
|
|
return (lum2 + 0.05) / (lum1 + 0.05);
|
|
};
|
|
|
|
var luminosity = function (color) {
|
|
var r = color.r, g = color.g, b = color.b;
|
|
var red = (r <= 0.03928) ? r/12.92 : Math.pow(((r + 0.055)/1.055), 2.4);
|
|
var green = (g <= 0.03928) ? g/12.92 : Math.pow(((g + 0.055)/1.055), 2.4);
|
|
var blue = (b <= 0.03928) ? b/12.92 : Math.pow(((b + 0.055)/1.055), 2.4);
|
|
|
|
return 0.2126 * red + 0.7152 * green + 0.0722 * blue;
|
|
};
|
|
|
|
if (contrast(background_color, {r: 1, g: 1, b: 1}) >
|
|
contrast(background_color, {r: .5, g: .5, b: .5})) {
|
|
return 'white';
|
|
} else {
|
|
return 'black';
|
|
}
|
|
},
|
|
|
|
favicon: function(feed_favicon, empty_on_missing) {
|
|
|
|
if (feed_favicon && feed_favicon.indexOf('data:image/png;base64,') != -1) return feed_favicon;
|
|
else if (feed_favicon) return 'data:image/png;base64,' + feed_favicon;
|
|
else if (empty_on_missing) return 'data:image/png;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
|
|
return NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/world.png';
|
|
},
|
|
|
|
deepCopy: function(obj) {
|
|
var type = $.typeOf(obj);
|
|
switch (type) {
|
|
case 'object':
|
|
var o = {};
|
|
for (key in obj) {
|
|
o[key] = $.deepCopy(obj[key]);
|
|
};
|
|
return o;
|
|
case 'array':
|
|
var a = [];
|
|
for (var i = 0; i < obj.length; i++) {
|
|
a.push($.deepCopy(obj[i]));
|
|
}
|
|
return a;
|
|
default:
|
|
return obj;
|
|
};
|
|
},
|
|
|
|
typeOf: function(value) {
|
|
var s = typeof value;
|
|
if (s == 'object') {
|
|
if (value) {
|
|
if (typeof value.length == 'number' &&
|
|
!(value.propertyIsEnumerable('length')) &&
|
|
typeof value.splice == 'function') {
|
|
s = 'array';
|
|
}
|
|
} else {
|
|
s = 'null';
|
|
}
|
|
}
|
|
return s;
|
|
},
|
|
|
|
targetIs: function(e, opts, callback){
|
|
if(!e || !opts){ return false; }
|
|
// defaults
|
|
// (want to make this explicit, since it's a little weird)
|
|
opts = {
|
|
childOf: opts.childOf || null,
|
|
tagSelector: opts.tagSelector || null,
|
|
cancelBubbling: opts.cancelBubbling || false
|
|
};
|
|
var target = e.target;
|
|
var $t = $(target);
|
|
var $p = null;
|
|
var fails = false;
|
|
if(opts.childOf){
|
|
$p = $t.closest(opts.childOf);
|
|
if(!$p.length){
|
|
fails = true;
|
|
}
|
|
}
|
|
if(opts.tagSelector){
|
|
var ts = opts.tagSelector;
|
|
if(!$t.is(ts)){
|
|
if(opts.cancelBubbling){
|
|
fails = true;
|
|
}else{
|
|
$tp = $t.closest(ts);
|
|
if(!$tp.length){
|
|
fails = true;
|
|
}else{
|
|
// we are going to assume dev
|
|
// wants the $elem we bubbled to
|
|
$t = $tp;
|
|
}
|
|
}
|
|
};
|
|
}
|
|
if(fails){
|
|
return false;
|
|
}else{
|
|
if(callback && typeof callback == 'function'){
|
|
// NEWSBLUR.log(['Target', e, opts.tagSelector, opts]);
|
|
callback($t, $p);
|
|
}
|
|
return true;
|
|
}
|
|
},
|
|
|
|
entity: function(str) {
|
|
var e = document.createElement('div');
|
|
|
|
e.innerHTML = String(str);
|
|
|
|
return e.innerHTML;
|
|
},
|
|
|
|
make: function(){
|
|
var $elem, text, children, type, name, props;
|
|
var args = arguments;
|
|
var tagname = args[0];
|
|
|
|
// Second argument can be TextNode or Attributes
|
|
// $.make('div', 'inner text') || $.make('div', { className: 'etc' })
|
|
if (args[1]) {
|
|
if (typeof args[1] == 'string' || typeof args[1] == 'number') {
|
|
text = args[1];
|
|
} else if (typeof args[1] == 'object' && args[1].push) {
|
|
children = args[1];
|
|
} else {
|
|
props = args[1];
|
|
if (props.className) {
|
|
props['class'] = props.className;
|
|
delete props.className;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Third argument can be TextNode or an array of additional $.make
|
|
if (args[2]) {
|
|
if (typeof args[2] == 'string' || typeof args[2] == 'number') {
|
|
text = args[2];
|
|
} else if (typeof args[1] == 'object' && args[2].push) {
|
|
children = args[2];
|
|
}
|
|
}
|
|
|
|
$elem = $(document.createElement(tagname));
|
|
if (props) {
|
|
for (var propname in props) {
|
|
if (props.hasOwnProperty(propname)) {
|
|
if ($elem.is(':input') && propname == 'value') {
|
|
$elem.val(props[propname]);
|
|
} else {
|
|
$elem.attr(propname, props[propname]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (children) {
|
|
for (var i = 0; i < children.length; i++) {
|
|
if (children[i]) {
|
|
$elem.append(children[i]);
|
|
}
|
|
}
|
|
}
|
|
if (text) {
|
|
$elem.html(text);
|
|
}
|
|
return $elem;
|
|
},
|
|
|
|
rescope: function(func, thisArg){
|
|
return function(a, b, c, d, e, f){
|
|
func.call(thisArg, this, a, b, c, d, e, f);
|
|
};
|
|
},
|
|
|
|
closest: function(value, array) {
|
|
var offset = 0;
|
|
var index = 0;
|
|
var closest = Math.abs(array[index] - value);
|
|
for (var i in array) {
|
|
var next_value = array[i] - value;
|
|
if (next_value <= offset && Math.abs(next_value) < closest) {
|
|
index = parseInt(i, 10);
|
|
closest = Math.abs(array[index] - value);
|
|
} else if (next_value > offset) {
|
|
// NEWSBLUR.log(['Not Closest', index, next_value, value, closest]);
|
|
return index;
|
|
}
|
|
}
|
|
return index;
|
|
},
|
|
|
|
getQueryString: function (name) {
|
|
function parseParams() {
|
|
var params = {},
|
|
e,
|
|
a = /\+/g, // Regex for replacing addition symbol with a space
|
|
r = /([^&=]+)=?([^&]*)/g,
|
|
d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
|
|
q = window.location.search.substring(1);
|
|
|
|
while (e = r.exec(q))
|
|
params[d(e[1])] = d(e[2]);
|
|
|
|
return params;
|
|
}
|
|
|
|
if (!this.queryStringParams)
|
|
this.queryStringParams = parseParams();
|
|
|
|
return this.queryStringParams[name];
|
|
}
|
|
|
|
});
|
|
})(jQuery);
|
|
|
|
// ------- IE Debug -------- //
|
|
|
|
(function($) {
|
|
var _$ied;
|
|
$.extend({
|
|
iedebug: function(msg){
|
|
if(!_$ied){
|
|
_$ied = $.make('div', [
|
|
$.make('ol')
|
|
]).css({
|
|
'position': 'absolute',
|
|
'top': 10,
|
|
'left': 10,
|
|
'zIndex': 20000,
|
|
'border': '1px solid #000',
|
|
'padding': '10px',
|
|
'backgroundColor': '#fff',
|
|
'fontFamily': 'arial,helvetica,sans-serif',
|
|
'fontSize': '11px'
|
|
});
|
|
$('body').append(_$ied);
|
|
_$ied.draggable();
|
|
}
|
|
_$ied.find('ol').append($.make('li', msg).css({
|
|
'borderBottom': '1px solid #999999'
|
|
}));
|
|
}
|
|
});
|
|
})(jQuery); |