widget-2

/**
* Loginza widget
* @version 2.0
*/
if ((typeof LOGINZA == "undefined") || !LOGINZA) {
// инициализация объекта LOGINZA
var LOGINZA = {
loaded: false,
service_host: 'http://loginza.ru'
};
}
// настройки
LOGINZA.Options = {
mode: 'link', // режим работы link или frame
ajaxCallback: false
};
// виджет
LOGINZA.Widget = {
iframe: null,
Params: {
provider:null,
providers_set:null,
token_url:null,
lang:null,
mobile: false,
widget_id: null
//ajax: false
},
init: function (widgetId) {
LOGINZA.Widget.Params.widget_id = widgetId;
//init json parser
LOGINZA.Utils.initJSON();
LOGINZA.Utils.addEvent(window, 'load', LOGINZA.Widget._init);
LOGINZA.Utils.addEvent(window, 'message', LOGINZA.Utils.scriptMessage);
},
_init: function () {
// если линк режим
if (LOGINZA.Options.mode == 'link') {
// обработчик на открытие формы
if (document.getElementById('loginza') && document.getElementById('loginza').href != undefined) {
document.getElementById('loginza').onclick = LOGINZA.Widget._show;
}
var i, list = LOGINZA.Utils.findClass('loginza'), length = list.length;
for(i = 0; i < length; i++) {
if (list[i].href != undefined) {
list[i].onclick = LOGINZA.Widget._show;
}
}

// прочие обработчики
LOGINZA.Utils.addEvent(window, 'resize', LOGINZA.Widget.resize);
LOGINZA.Utils.addEvent(document, 'keydown', function(e) {
e = e || window.event;
if (e.keyCode == 27) {
LOGINZA.Widget.close();
}
return true;
});
} else {
// режим frame
LOGINZA.Widget.iframe = document.createElement("iframe");

LOGINZA.Widget.iframe.id = 'loginza_main_ifr';
LOGINZA.Widget.iframe.width = '359';
LOGINZA.Widget.iframe.height = '200';

if (LOGINZA.Widget.Params.mobile) {
LOGINZA.Widget.iframe.width = '320';
LOGINZA.Widget.iframe.height = '480';
}
LOGINZA.Widget.iframe.scrolling = 'no';
LOGINZA.Widget.iframe.frameBorder = '0';
LOGINZA.Widget.iframe.src = LOGINZA.Widget.url();

// appends
document.getElementById('loginza').appendChild(LOGINZA.Widget.iframe);
}

LOGINZA.Events._callEvent('onReady');
},
setFrameMode: function () {
LOGINZA.Options.mode = 'frame';
LOGINZA.Widget.Params.token_url = document.location;
},
setAjaxCallback: function(callback){
LOGINZA.Options.ajaxCallback = callback;
},
_show: function () {
// параметры которые берутся по ссылке
var params = ['provider', 'providers_set', 'token_url', 'lang', 'mobile'];
for (var i=0, toi=params.length; i<toi; i++) {
LOGINZA.Widget.Params[params[i]] = LOGINZA.Utils.getQueryStringValue(this, params[i]);
}
// определение устройства
if (LOGINZA.Widget.Params.mobile == 'auto') {
var nav = window.navigator.userAgent;
var mobua = ['iPhone', 'Android', 'iPad', 'Opera Mobi', 'Kindle/3.0'];
LOGINZA.Widget.Params.mobile = false;
for (var i=0; i<mobua.length; i++){
if (nav.indexOf(mobua[i]) >= 0) {
LOGINZA.Widget.Params.mobile = true;
break;
}
}
} else if (LOGINZA.Widget.Params.mobile) {
LOGINZA.Widget.Params.mobile = true;
} else {
LOGINZA.Widget.Params.mobile = false;
}

LOGINZA.Widget.show();
return false;
},
show: function () {
// onOpen
LOGINZA.Events._callEvent('onOpen');

if (!LOGINZA.Widget.Params.mobile && !LOGINZA.loaded) {
var cldDiv = document.createElement("div");
cldDiv.id = 'loginza_auth_form';
cldDiv.style.overflow = 'visible';
cldDiv.style.backgroundColor = 'transparent';
cldDiv.style.zIndex = '10000';
cldDiv.style.position = 'fixed';
cldDiv.style.display = 'block';
cldDiv.style.top = '0px';
cldDiv.style.left = '0px';
cldDiv.style.textAlign = 'center';
cldDiv.style.height = '878px';
cldDiv.style.width = '1247px';
cldDiv.style.paddingTop = '125px';
cldDiv.style.backgroundImage = 'url('+LOGINZA.service_host+'/img/widget/overlay.png)';

var cntDiv = document.createElement("div");
cntDiv.style.position = 'relative';
cntDiv.style.display = 'inline';
cntDiv.style.overflow = 'visible';

var img = document.createElement("img");
img.onclick = LOGINZA.Widget.close;
img.style.position = 'relative';
img.style.left = '348px';
img.style.top = '-332px';
img.style.cursor = 'hand';
img.style.width = '7px';
img.style.height = '7px';
img.style.border = '0';
img.alt = 'X';
img.title = 'Close';
img.src = LOGINZA.service_host+'/img/widget/close.gif';

LOGINZA.Widget.iframe = document.createElement("iframe");

LOGINZA.Widget.iframe.id = 'loginza_main_ifr';
LOGINZA.Widget.iframe.width = '359';
LOGINZA.Widget.iframe.height = '350';

if (LOGINZA.Widget.Params.mobile) {
LOGINZA.Widget.iframe.width = '320';
LOGINZA.Widget.iframe.height = '480';
}
LOGINZA.Widget.iframe.scrolling = 'no';
LOGINZA.Widget.iframe.frameBorder = '0';
LOGINZA.Widget.iframe.src = "javascript:'<html><body style=background-color:transparent><h1>Loading...</h1></body></html>'";

// appends
cntDiv.appendChild(img);
cldDiv.appendChild(cntDiv);
cldDiv.appendChild(LOGINZA.Widget.iframe);

try {
cldDiv.style.paddingTop = (window.innerHeight-350)/2 + 'px';
} catch (e) {
cldDiv.style.paddingTop = '100px';
}
cldDiv.style.paddingLeft = 0;
cldDiv.style.height = '2000px';
cldDiv.style.width = document.body.clientWidth + 50 + 'px';
// создание контейнера для формы
document.body.appendChild(cldDiv);
// форма загружена
LOGINZA.loaded = true;
}

if (!LOGINZA.Widget.Params.token_url) {
LOGINZA.Widget.Params.token_url = document.location;
}

if (LOGINZA.Widget.Params.mobile) {
document.location = LOGINZA.Widget.url();
} else {
// загрузка формы
document.getElementById('loginza_main_ifr').setAttribute('src', LOGINZA.Widget.url());
}

if (!LOGINZA.Widget.Params.mobile) {
// показать форму
document.getElementById('loginza_auth_form').style.display = '';
}

return false;
},
url: function () {
return LOGINZA.service_host+'/api/widget.php?'
+(LOGINZA.Options.mode=='link' ? 'overlay=true' : 'overlay=loginza')
+'&w='+document.body.clientWidth+
'&token_url='+encodeURIComponent(LOGINZA.Widget.Params.token_url)+
'&provider='+encodeURIComponent(LOGINZA.Widget.Params.selected_provider)+
'&providers_set='+encodeURIComponent(LOGINZA.Widget.Params.providers_set)+
'&lang='+encodeURIComponent(LOGINZA.Widget.Params.lang)+
'&ajax='+( (LOGINZA.Options.ajaxCallback !== false) ? 'true' : 'false' )+
(LOGINZA.Widget.Params.mobile ? '&mobile=true' : '')
+'&widget_id='+encodeURIComponent(LOGINZA.Widget.Params.widget_id)
+'&api=2.0';
},
close: function () {
document.getElementById('loginza_auth_form').style.display = 'none';
// onClose
LOGINZA.Events._callEvent('onClose');
},
resize: function () {
var frm = document.getElementById('loginza_auth_form');
if (frm) {
frm.style.width = document.body.clientWidth + 50 + 'px';
try {
frm.style.paddingTop = (window.innerHeight-350)/2 + 'px';
} catch (e) {
frm.style.paddingTop = '100px';
}
}
},
callbacks: {
onLoad: function(){
LOGINZA.Events._callEvent('onLoad');
},
redirect: function () {
document.location = LOGINZA.service_host+'/api/redirect?rnd='+Math.random();
},
token: function (token) {
if (LOGINZA.Options.mode=='link') {
LOGINZA.Widget.close();
}
// вызов callback
if (typeof LOGINZA.Options.ajaxCallback != 'undefined') {
if (typeof LOGINZA.Options.ajaxCallback == 'string') {
window[ LOGINZA.Options.ajaxCallback ](token);
} else {
LOGINZA.Options.ajaxCallback(token);
}
}
}
}
};
// АПИ
LOGINZA.Api = {
bind: function (event, callback) {
if (LOGINZA.Events[event]) {
LOGINZA.Events[event][ LOGINZA.Events[event].length ] = callback;
}
},
closeWidget: function () {
LOGINZA.Widget.close();
}
};
LOGINZA.Events = {
onOpen: [],
onClose: [],
onReady: [],
onLoad: [], // форма загружена
// вызов callback
_callEvent: function (event, data) {
if (LOGINZA.Events[event]) {
for (var i in LOGINZA.Events[event]) {
LOGINZA.Events[event][i](data);
}
}
}
};
LOGINZA.Utils = {
getQueryStringValue: function (link, key) {
var url_str = link.href;
var match = null;
var query_str = url_str.match(/^[^?]*(?:\?([^#]*))?(?:$|#.*$)/)[1]
var _query_regex = new RegExp("([^=]+)=([^&]*)&?", "g");
while ((match = _query_regex.exec(query_str)) != null)
{
if (decodeURIComponent(match[1]) == key) {
return decodeURIComponent(match[2]);
}
}
return null;
},
findClass: function (str, node) {
if(document.getElementsByClassName) return (node || document).getElementsByClassName(str);
else {
var node = node || document, list = node.getElementsByTagName('*'), length = list.length, Class = str.split(/\s+/), classes = Class.length, array = [], i, j, key;
for(i = 0; i < length; i++) {
key = true;
for(j = 0; j < classes; j++) if(list[i].className.search('\\b' + Class[j] + '\\b') == -1) key = false;
if(key) array.push(list[i]);
}
return array;
}
},
addEvent: function (obj, type, fn){
if (obj.addEventListener){
obj.addEventListener( type, fn, false);
} else if(obj.attachEvent) {
obj.attachEvent( "on"+type, fn );
} else {
obj["on"+type] = fn;
}
},
scriptMessage: function (event) {
var message = LOGINZA.Utils.secureEvalJSON(event.data);
if (typeof LOGINZA.Widget.callbacks[message.callback] != 'undefined') {
// callback call
LOGINZA.Widget.callbacks[message.callback](message.data);
}
},
callRemoteFunction: function (callback, data) {
var message = {callback: callback, data: data};
LOGINZA.Widget.iframe.contentWindow.postMessage(LOGINZA.Utils.toJSON(message), LOGINZA.Widget.iframe.src);
},
// json parser
initJSON: function() {
(function($){$.toJSON=function(o)
{if(typeof(JSON)=='object'&&JSON.stringify)
return JSON.stringify(o);var type=typeof(o);if(o===null)
return"null";if(type=="undefined")
return undefined;if(type=="number"||type=="boolean")
return o+"";if(type=="string")
return $.quoteString(o);if(type=='object')
{if(typeof o.toJSON=="function")
return $.toJSON(o.toJSON());if(o.constructor===Date)
{var month=o.getUTCMonth()+1;if(month<10)month='0'+month;var day=o.getUTCDate();if(day<10)day='0'+day;var year=o.getUTCFullYear();var hours=o.getUTCHours();if(hours<10)hours='0'+hours;var minutes=o.getUTCMinutes();if(minutes<10)minutes='0'+minutes;var seconds=o.getUTCSeconds();if(seconds<10)seconds='0'+seconds;var milli=o.getUTCMilliseconds();if(milli<100)milli='0'+milli;if(milli<10)milli='0'+milli;return'"'+year+'-'+month+'-'+day+'T'+
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}
if(o.constructor===Array)
{var ret=[];for(var i=0;i<o.length;i++)
ret.push($.toJSON(o[i])||"null");return"["+ret.join(",")+"]";}
var pairs=[];for(var k in o){var name;var type=typeof k;if(type=="number")
name='"'+k+'"';else if(type=="string")
name=$.quoteString(k);else
continue;if(typeof o[k]=="function")
continue;var val=$.toJSON(o[k]);pairs.push(name+":"+val);}
return"{"+pairs.join(", ")+"}";}};$.evalJSON=function(src)
{if(typeof(JSON)=='object'&&JSON.parse)
return JSON.parse(src);return eval("("+src+")");};$.secureEvalJSON=function(src)
{if(typeof(JSON)=='object'&&JSON.parse)
return JSON.parse(src);var filtered=src;filtered=filtered.replace(/\\["\\\/bfnrtu]/g,'@');filtered=filtered.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']');filtered=filtered.replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered))
return eval("("+src+")");else
throw new SyntaxError("Error parsing JSON, source is not valid.");};$.quoteString=function(string)
{if(string.match(_escapeable))
{return'"'+string.replace(_escapeable,function(a)
{var c=_meta[a];if(typeof c==='string')return c;c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}
return'"'+string+'"';};var _escapeable=/["\\\x00-\x1f\x7f-\x9f]/g;var _meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};})(this);
}
};