thoughts

[git.ikiwiki.info.git] / underlays / openid-selector / ikiwiki / openid / openid-jquery.js

diff --git a/underlays/openid-selector/ikiwiki/openid/openid-jquery.js b/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
index f39fff842f97a5503c2b9d92e0bbc71bce865fda..2c72f19fb1c20d96d296c063c222cbef09d20f7f 100644 (file)
--- a/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
+++ b/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
@@ -6,71 +6,25 @@ This code is licenced under the New BSD License.
 */
 
 var providers_large = {
 */
 
 var providers_large = {

-    google: {
-        name: 'Google',
-        url: 'https://www.google.com/accounts/o8/id'
+    verisign: {
+        name: 'Verisign',
+        icon: 'ikiwiki/openid/verisign.png',
+        label: 'Enter your Verisign username:',
+        url: 'http://{username}.pip.verisignlabs.com/'

     },
     yahoo: {
         name: 'Yahoo',      
     },
     yahoo: {
         name: 'Yahoo',      

+        icon: 'ikiwiki/openid/goa-account-yahoo.png',

         url: 'http://me.yahoo.com/'
     },    
         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',     
     openid: {
         name: 'OpenID',     

-        label: 'Enter your OpenID.',
+       icon: 'wikiicons/openidlogin-bg.gif',
+        label: 'Enter your OpenID:',

         url: null
     }
 };
 var providers_small = {
         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 providers = $.extend({}, providers_large, providers_small);
 


@@ -87,8 +41,9 @@ var openid = {
        input_id: null,
        provider_url: null,
        provider_id: null,
        input_id: null,
        provider_url: null,
        provider_id: null,

+       localsignin_id: null,

        
        

-    init: function(input_id) {
+    init: function(input_id, localsignin_id, localsignin_label) {

         
         var openid_btns = $('#openid_btns');
         
         
         var openid_btns = $('#openid_btns');
         


@@ -99,15 +54,33 @@ var openid = {
         
         // add box for each provider
         for (id in providers_large) {
         
         // 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 (localsignin_label != "") {
+               this.localsignin_label=localsignin_label;
+       }
+       else {
+               this.localsignin_label="other";
+       }
+       if (localsignin_id != "") {
+               this.localsignin_id=localsignin_id;
+               openid_btns.append(
+                       '<a href="javascript: openid.signin(\'localsignin\');"' +
+                       ' style="background: #FFF" ' +
+                       'class="localsignin openid_large_btn">' +
+                       '<img alt="" width="16" height="16" src="favicon.ico" />' +
+                       ' ' + this.localsignin_label +
+                       '</a>'
+               );
+               $('#'+this.localsignin_id).hide();
+       }
+

         if (providers_small) {
                openid_btns.append('<br/>');
                
                for (id in providers_small) {
                
         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'));

                }
         }
         
                }
         }
         


@@ -116,34 +89,58 @@ var openid = {
         var box_id = this.readCookie();
         if (box_id) {
                this.signin(box_id, true);
         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();
         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) {
     
     },
     /* 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);
        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.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.useInputBox(provider);
                } else {

+                       this.setCookie('');

                        $('#openid_input_area').empty();
                        if (! onload) {
                                $('#openid_form').submit();
                        $('#openid_input_area').empty();
                        if (! onload) {
                                $('#openid_form').submit();


@@ -215,16 +212,16 @@ var openid = {
                var label = provider['label'];
                var style = '';
                
                var label = provider['label'];
                var style = '';
                

-               if (label) {
-                       html = '<p>' + label + '</p>';
-               }

                if (provider['name'] == 'OpenID') {
                        id = this.input_id;
                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;';
+                       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+'" />' + 
                }
                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);
                
                input_area.empty();
                input_area.append(html);