var providers_large = {
google: {
name: 'Google',
+ icon: 'http://google.com/favicon.ico',
url: 'https://www.google.com/accounts/o8/id'
},
yahoo: {
name: 'Yahoo',
+ icon: 'http://yahoo.com/favicon.ico',
url: 'http://me.yahoo.com/'
},
- aol: {
- name: 'AOL',
- label: 'Enter your AOL screenname.',
- url: 'http://openid.aol.com/{username}'
- },
- verisign: {
- name: 'Verisign',
- label: 'Your Verisign username',
- url: 'http://{username}.pip.verisignlabs.com/'
- },
openid: {
name: 'OpenID',
- label: 'Enter your OpenID.',
+ icon: 'wikiicons/openidlogin-bg.gif',
+ label: 'Enter your OpenID:',
url: null
}
};
var providers_small = {
- myopenid: {
- name: 'MyOpenID',
- label: 'Enter your MyOpenID username.',
- url: 'http://{username}.myopenid.com/'
- },
livejournal: {
name: 'LiveJournal',
- label: 'Enter your Livejournal username.',
+ icon: 'http://livejournal.com/favicon.ico',
+ label: 'Enter your Livejournal username:',
url: 'http://{username}.livejournal.com/'
},
flickr: {
- name: 'Flickr',
- label: 'Enter your Flickr username.',
- url: 'http://flickr.com/{username}/'
- },
- technorati: {
- name: 'Technorati',
- label: 'Enter your Technorati username.',
- url: 'http://technorati.com/people/technorati/{username}/'
+ name: 'Flickr',
+ icon: 'http://flickr.com/favicon.ico',
+ label: 'Enter your Flickr username:',
+ url: 'http://flickr.com/photos/{username}/'
},
wordpress: {
name: 'Wordpress',
- label: 'Enter your Wordpress.com username.',
+ icon: 'https://s2.wp.com/i/favicon.ico',
+ label: 'Enter your Wordpress.com username:',
url: 'http://{username}.wordpress.com/'
},
- blogger: {
- name: 'Blogger',
- label: 'Your Blogger account',
- url: 'http://{username}.blogspot.com/'
- },
- vidoop: {
- name: 'Vidoop',
- label: 'Your Vidoop username',
- url: 'http://{username}.myvidoop.com/'
+ myopenid: {
+ name: 'MyOpenID',
+ icon: 'http://myopenid.com/favicon.ico',
+ label: 'Enter your MyOpenID username:',
+ url: 'http://{username}.myopenid.com/'
},
claimid: {
name: 'ClaimID',
- label: 'Your ClaimID username',
+ icon: 'http://claimid.com/favicon.ico',
+ label: 'Enter your ClaimID username:',
url: 'http://claimid.com/{username}'
+ },
+ aol: {
+ name: 'AOL',
+ icon: 'http://aol.com/favicon.ico',
+ label: 'Enter your AOL username:',
+ url: 'http://openid.aol.com/{username}'
+ },
+ verisign: {
+ name: '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) {
+ init: function(input_id, localsignin_id) {
var openid_btns = $('#openid_btns');
// add box for each provider
for (id in providers_large) {
-
- openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
+ openid_btns.append(this.getBoxHTML(providers_large[id], 'large'));
}
+
if (providers_small) {
openid_btns.append('<br/>');
for (id in providers_small) {
- openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.ico'));
+ 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, image_ext) {
-
+ getBoxHTML: function(provider, box_size) {
+ var label="";
+ var title=""
+ if (box_size == 'large') {
+ label=' ' + provider["name"];
+ }
+ else {
+ title=' title="'+provider["name"]+'"';
+ }
var box_id = provider["name"].toLowerCase();
- return '<a title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
- ' style="background: #FFF url(' + this.img_path + box_id + image_ext+') no-repeat center center" ' +
- 'class="' + box_id + ' openid_' + box_size + '_btn"></a>';
+ return '<a' + title +' href="javascript: openid.signin(\''+ box_id +'\');"' +
+ ' style="background: #FFF" ' +
+ 'class="' + box_id + ' openid_' + box_size + '_btn">' +
+ '<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('+this.img_path+'openid-inputicon.gif) no-repeat scroll 0 50%; padding-left:18px;';
+ 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="Sign-In"/>';
+ '<input id="openid_submit" type="submit" value="Login"/>';
input_area.empty();
input_area.append(html);