var providers_large = {
openid: {
name: 'OpenID',
label: 'Input your OpenID:',
url: null
},
google: {
name: 'Google',
url: 'https://www.google.com/accounts/o8/id'
},
yandex: {
name: 'Yandex',
label: 'Username Yandex.ru:',
url: 'http://openid.yandex.ru/{{username}}'
},
vkontakte: {
name: 'Vkontakte',
label: 'Vkontakte ID or username:',
url: 'http://vkontakteid.ru/{{username}}'
}
};
var providers_small = {
myopenid: {
name: 'MyOpenID',
label: 'MyOpenID username:',
url: 'http://{{username}}.myopenid.com/'
},
mail: {
name: 'Mail',
label: 'Mail.ru username:',
url: 'http://openid.mail.ru/mail/{{username}}'
},
livejournal: {
name: 'LiveJournal',
label: 'Livejournal username:',
url: 'http://{{username}}.livejournal.com/'
},
wordpress: {
name: 'Wordpress',
label: 'Wordpress.com username:',
url: 'http://{{username}}.wordpress.com/'
},
blogger: {
name: 'Blogger',
label: 'Blogger account:',
url: 'http://{{username}}.blogspot.com/'
},
flickr: {
name: 'Flickr',
label: 'Flickr username:',
url: 'http://flickr.com/{{username}}/'
},
technorati: {
name: 'Technorati',
label: 'Technorati username:',
url: 'http://technorati.com/people/technorati/{{username}}/'
},
verisign: {
name: 'Verisign',
label: 'Verisign username:',
url: 'http://{{username}}.pip.verisignlabs.com/'
},
vidoop: {
name: 'Vidoop',
label: 'Vidoop username:',
url: 'http://{{username}}.myvidoop.com/'
},
claimid: {
name: 'ClaimID',
label: 'ClaimID username',
url: 'http://claimid.com/{{username}}'
}
};
var providers = $.extend({}, providers_large, providers_small);
var openid = {
cookie_expires: 6*30, // 6 months.
cookie_name: 'openid_provider',
cookie_path: '/',
img_path: '/i/openid/',
input_id: null,
provider_url: null,
init: function(input_id) {
var openid_btns = $('#openid_btns');
this.input_id = input_id;
$('#openid_choice').show();
$('#openid_input_area').empty();
// add box for each provider
for (id in providers_large) {
openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
}
if (providers_small) {
openid_btns.append('
');
for (id in providers_small) {
openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.ico'));
}
}
$('#openid_form').submit(this.submit);
var box_id = this.readCookie();
if (box_id) {
this.signin(box_id, true);
}
},
getBoxHTML: function(provider, box_size, image_ext) {
var box_id = provider["name"].toLowerCase();
return '';
},
/* Provider image click */
signin: function(box_id, onload) {
var provider = providers[box_id];
if (! provider) {
return;
}
this.highlight(box_id);
this.setCookie(box_id);
// prompt user for input?
if (provider['label']) {
this.useInputBox(provider);
this.provider_url = provider['url'];
} else {
this.setOpenIdUrl(provider['url']);
if (! onload) {
$('#openid_form').submit();
}
}
},
/* Sign-in button click */
submit: function() {
var url = openid.provider_url;
if (url) {
url = url.replace('{username}', $('#openid_username').val());
openid.setOpenIdUrl(url);
}
return true;
},
setOpenIdUrl: function (url) {
var hidden = $('#'+this.input_id);
if (hidden.length > 0) {
hidden.value = url;
} else {
$('#openid_form').append('');
}
},
highlight: function (box_id) {
// remove previous highlight.
var highlight = $('#openid_highlight');
if (highlight) {
highlight.replaceWith($('#openid_highlight a')[0]);
}
// add new highlight.
$('.'+box_id).wrap('
' + label + '
'; } if (provider['name'] == 'OpenID') { id = this.input_id; value = 'http://'; style = 'background:#FFF url('+this.img_path+'openid-inputicon.gif) no-repeat scroll 0 50%; padding-left:18px;'; } html += '' + ''; input_area.empty(); input_area.append(html); $('#'+id).focus(); } };