]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/commitdiff
r21 from http://code.google.com/p/openid-selector/source/checkout
authorJoey Hess <joey@kitenet.net>
Fri, 7 May 2010 23:02:30 +0000 (19:02 -0400)
committerJoey Hess <joey@kitenet.net>
Fri, 7 May 2010 23:02:30 +0000 (19:02 -0400)
underlays/javascript/ikiwiki/openid-selector/openid-jquery.js [new file with mode: 0644]

diff --git a/underlays/javascript/ikiwiki/openid-selector/openid-jquery.js b/underlays/javascript/ikiwiki/openid-selector/openid-jquery.js
new file mode 100644 (file)
index 0000000..eceadde
--- /dev/null
@@ -0,0 +1,240 @@
+/*
+Simple OpenID Plugin
+http://code.google.com/p/openid-selector/
+
+This code is licenced under the New BSD License.
+*/
+
+var providers_large = {
+    google: {
+        name: 'Google',
+        url: 'https://www.google.com/accounts/o8/id'
+    },
+    yahoo: {
+        name: 'Yahoo',      
+        url: 'http://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.',
+        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.',
+        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}/'
+    },
+    wordpress: {
+        name: 'Wordpress',
+        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/'
+    },
+    claimid: {
+        name: 'ClaimID',
+        label: 'Your ClaimID username',
+        url: 'http://claimid.com/{username}'
+    }
+};
+var providers = $.extend({}, providers_large, providers_small);
+
+var openid = {
+
+       demo: false,
+       ajaxHandler: null,
+       cookie_expires: 6*30,   // 6 months.
+       cookie_name: 'openid_provider',
+       cookie_path: '/',
+       
+       img_path: 'images/',
+       
+       input_id: null,
+       provider_url: null,
+       provider_id: 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('<br/>');
+               
+               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 '<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>';    
+    
+    },
+    /* Provider image click */
+    signin: function(box_id, onload) {
+    
+       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.useInputBox(provider);
+               } else {
+                       $('#openid_input_area').empty();
+                       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);
+       }
+       if(openid.ajaxHandler) {
+               openid.ajaxHandler(openid.provider_id, document.getElementById(openid.input_id).value);
+               return false;
+       }
+       if(openid.demo) {
+               alert("In client demo mode. Normally would have submitted OpenID:\r\n" + document.getElementById(openid.input_id).value);
+               return false;
+       }
+       return true;
+    },
+    setOpenIdUrl: function (url) {
+    
+       var hidden = document.getElementById(this.input_id);
+       if (hidden != null) {
+               hidden.value = url;
+       } else {
+               $('#openid_form').append('<input type="hidden" id="' + this.input_id + '" name="' + this.input_id + '" value="'+url+'"/>');
+       }
+    },
+    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('<div id="openid_highlight"></div>');
+    },
+    setCookie: function (value) {
+    
+               var date = new Date();
+               date.setTime(date.getTime()+(this.cookie_expires*24*60*60*1000));
+               var expires = "; expires="+date.toGMTString();
+               
+               document.cookie = this.cookie_name+"="+value+expires+"; path=" + this.cookie_path;
+    },
+    readCookie: function () {
+               var nameEQ = this.cookie_name + "=";
+               var ca = document.cookie.split(';');
+               for(var i=0;i < ca.length;i++) {
+                       var c = ca[i];
+                       while (c.charAt(0)==' ') c = c.substring(1,c.length);
+                       if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+               }
+               return null;
+    },
+    useInputBox: function (provider) {
+       
+               var input_area = $('#openid_input_area');
+               
+               var html = '';
+               var id = 'openid_username';
+               var value = '';
+               var label = provider['label'];
+               var style = '';
+               
+               if (label) {
+                       html = '<p>' + label + '</p>';
+               }
+               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 id="'+id+'" type="text" style="'+style+'" name="'+id+'" value="'+value+'" />' + 
+                                       '<input id="openid_submit" type="submit" value="Sign-In"/>';
+               
+               input_area.empty();
+               input_area.append(html);
+
+               $('#'+id).focus();
+    },
+    setDemoMode: function (demoMode) {
+       this.demo = demoMode;
+    },
+    setAjaxHandler: function (ajaxFunction) {
+       this.ajaxHandler = ajaxFunction;
+    }
+};