icon: 'wikiicons/openidlogin-bg.gif',
label: 'Enter your OpenID:',
url: null
- },
+ }
};
var providers_small = {
livejournal: {
url: 'http://{username}.livejournal.com/'
},
flickr: {
- name: 'Flickr',
+ name: 'Flickr',
icon: 'http://flickr.com/favicon.ico',
- label: 'Enter your Flickr username:',
- url: 'http://flickr.com/{username}/'
+ label: 'Enter your Flickr username:',
+ url: 'http://flickr.com/photos/{username}/'
},
wordpress: {
name: 'Wordpress',
label: 'Enter your Wordpress.com username:',
url: 'http://{username}.wordpress.com/'
},
- blogger: {
- name: 'Blogger',
- icon: 'http://blogger.com/favicon.ico',
- label: 'Enter your Blogger account:',
- url: 'http://{username}.blogspot.com/'
- },
- technorati: {
- name: 'Technorati',
- icon: 'http://technorati.com/favicon.ico',
- label: 'Enter your Technorati username:',
- url: 'http://technorati.com/people/technorati/{username}/'
- },
myopenid: {
name: 'MyOpenID',
icon: 'http://myopenid.com/favicon.ico',
aol: {
name: 'AOL',
icon: 'http://aol.com/favicon.ico',
- label: 'Enter your AOL screenname:',
+ label: 'Enter your AOL username:',
url: 'http://openid.aol.com/{username}'
},
verisign: {
icon: 'http://verisign.com/favicon.ico',
label: 'Enter your Verisign username:',
url: 'http://{username}.pip.verisignlabs.com/'
- },
+ }
};
var providers = $.extend({}, providers_large, providers_small);
input_id: null,
provider_url: null,
provider_id: null,
+ localsignin_id: null,
- init: function(input_id, localloginurl) {
+ init: function(input_id, localsignin_id) {
var openid_btns = $('#openid_btns');
openid_btns.append(this.getBoxHTML(providers_large[id], 'large'));
}
- if (localloginurl != "") {
- openid_btns.append(
- '<a href="' + localloginurl + '"' +
- ' style="background: #FFF" ' +
- 'class="openid_large_btn">' +
- '<img alt="" width="24" height="24" src="favicon.ico" />' +
- ' Local Account' +
- '</a>'
- );
- }
if (providers_small) {
openid_btns.append('<br/>');
openid_btns.append(this.getBoxHTML(providers_small[id], 'small'));
}
}
+ if (localsignin_id != "") {
+ this.localsignin_id=localsignin_id;
+ openid_btns.append(
+ '<a href="javascript: openid.signin(\'localsignin\');"' +
+ ' style="background: #FFF" ' +
+ 'class="localsignin openid_small_btn">' +
+ '<img alt="" width="16" height="16" src="favicon.ico" />' +
+ ' other' +
+ '</a>'
+ );
+ $('#'+this.localsignin_id).hide();
+ }
$('#openid_form').submit(this.submit);
var box_id = this.readCookie();
if (box_id) {
this.signin(box_id, true);
- }
+ }
},
getBoxHTML: function(provider, box_size) {
var label="";
return '<a' + title +' href="javascript: openid.signin(\''+ box_id +'\');"' +
' style="background: #FFF" ' +
'class="' + box_id + ' openid_' + box_size + '_btn">' +
- '<img alt="" width="24" height="24" src="' + provider["icon"] + '" />' +
+ '<img alt="" width="16" height="16" src="' + provider["icon"] + '" />' +
label +
'</a>';
},
/* Provider image click */
signin: function(box_id, onload) {
-
+
+ if (box_id == 'localsignin') {
+ this.highlight(box_id);
+ $('#openid_input_area').empty();
+ $('#'+this.localsignin_id).show();
+ this.setCookie(box_id);
+ return;
+ }
+ else {
+ if (this.localsignin_id) {
+ $('#'+this.localsignin_id).hide();
+ }
+ }
+
var provider = providers[box_id];
if (! provider) {
return;
}
this.highlight(box_id);
- this.setCookie(box_id);
this.provider_id = box_id;
this.provider_url = provider['url'];
// prompt user for input?
if (provider['label']) {
+ this.setCookie(box_id);
this.useInputBox(provider);
} else {
+ this.setCookie('');
$('#openid_input_area').empty();
if (! onload) {
$('#openid_form').submit();
var label = provider['label'];
var style = '';
- if (label) {
- html = '<p>' + label + '</p>';
- }
if (provider['name'] == 'OpenID') {
id = this.input_id;
value = '';
style = 'background:#FFF url(wikiicons/openidlogin-bg.gif) no-repeat scroll 0 50%; padding-left:18px;';
}
+ if (label) {
+ html = '<label for="'+ id +'" class="block">' + label + '</label>';
+ }
html += '<input id="'+id+'" type="text" style="'+style+'" name="'+id+'" value="'+value+'" />' +
'<input id="openid_submit" type="submit" value="Login"/>';