]> git.openstreetmap.org Git - osqa.git/blob - forum/modules/template_loader.py/forum/skins/default/media/js/jquery.openid.js
a1316c191d10d346b546536cb09e595e58324cba
[osqa.git] / forum / modules / template_loader.py / forum / skins / default / media / js / jquery.openid.js
1 /*
2 openid login boxes
3 */
4 var providers_large = {
5     google: {
6         name: 'Google',
7         url: 'https://www.google.com/accounts/o8/id'
8     },
9     yahoo: {
10         name: 'Yahoo',      
11         url: 'http://yahoo.com/'
12     },    
13     aol: {
14         name: 'AOL',     
15         label: 'Enter your AOL screenname.',
16         url: 'http://openid.aol.com/{username}'
17     },
18     openid: {
19         name: 'OpenID',     
20         label: 'Enter your OpenID.',
21         url: 'http://'
22     }
23 };
24 var providers_small = {
25     myopenid: {
26         name: 'MyOpenID',
27         label: 'Enter your MyOpenID username.',
28         url: 'http://{username}.myopenid.com/'
29     },
30     livejournal: {
31         name: 'LiveJournal',
32         label: 'Enter your Livejournal username.',
33         url: 'http://{username}.livejournal.com/'
34     },
35     flickr: {
36         name: 'Flickr',        
37         label: 'Enter your Flickr username.',
38         url: 'http://flickr.com/{username}/'
39     },
40     technorati: {
41         name: 'Technorati',
42         label: 'Enter your Technorati username.',
43         url: 'http://technorati.com/people/technorati/{username}/'
44     },
45     wordpress: {
46         name: 'Wordpress',
47         label: 'Enter your Wordpress.com username.',
48         url: 'http://{username}.wordpress.com/'
49     },
50     blogger: {
51         name: 'Blogger',
52         label: 'Your Blogger account',
53         url: 'http://{username}.blogspot.com/'
54     },
55     verisign: {
56         name: 'Verisign',
57         label: 'Your Verisign username',
58         url: 'http://{username}.pip.verisignlabs.com/'
59     },
60     verisign: {
61         name: 'Verisign',
62         label: 'Your Verisign username',
63         url: 'http://{username}.pip.verisignlabs.com/'
64     },
65     claimid: {
66         name: 'ClaimID',
67         label: 'Your ClaimID username',
68         url: 'http://claimid.com/{username}'
69     }
70 };
71 var providers = $.extend({}, providers_large, providers_small);
72
73 var openid = {
74
75         cookie_expires: 6*30,   // 6 months.
76         cookie_name: 'openid_provider',
77         cookie_path: '/',
78         
79         img_path: '/media/images/openid/',
80         
81         input_id: null,
82         provider_url: null,
83         
84     init: function(input_id) {
85
86         var openid_btns = $('#openid_btns');
87         this.input_id = input_id;
88         
89         $('#openid_choice').show();
90         //$('#openid_input_area').empty();
91         
92         // add box for each provider
93         for (id in providers_large) {
94                 openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
95         }
96         if (providers_small) {
97                 openid_btns.append('<br/>');
98                 for (id in providers_small) {       
99                         openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.png'));
100                 }
101         }
102
103         var box_id = this.readCookie();
104         if (box_id) {
105                 this.signin(box_id, true);
106         }  
107     },
108     getBoxHTML: function(provider, box_size, image_ext) {
109             
110         var box_id = provider["name"].toLowerCase();
111         return '<a title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
112                         ' style="background: #FFF url(' + this.img_path + box_id + image_ext+') no-repeat center center" ' + 'class="' + box_id + ' openid_' + box_size + '_btn"></a>';    
113     
114     },
115     /* Provider image click */
116     signin: function(box_id, onload) {
117         var provider = providers[box_id];
118                 if (! provider) {
119                         return;
120                 }
121                 this.highlight(box_id);
122                 this.setCookie(box_id);
123                 
124         $('#'+this.input_id).val(provider['url']);
125         var input = $('#'+this.input_id);
126         if(document.selection){
127             var r = document.all.openid_url.createTextRange();
128             var res = r.findText("{username}");
129             if(res)
130                 r.select();
131             
132         }
133         else {
134             var text  = input.val();
135             var searchText = "{username}";
136             var posStart = text.indexOf(searchText);
137             if(posStart > -1){
138                 input.focus();
139                 document.getElementById(this.input_id).setSelectionRange(posStart, posStart + searchText.length);
140             }
141         } 
142     },
143
144     highlight: function (box_id) {
145         // remove previous highlight.
146         var highlight = $('#openid_highlight');
147         if (highlight) {
148                 highlight.replaceWith($('#openid_highlight a')[0]);
149         }
150         // add new highlight.
151         $('.'+box_id).wrap('<div id="openid_highlight"></div>');
152     },
153         
154     setCookie: function (value) {
155                 var date = new Date();
156                 date.setTime(date.getTime()+(this.cookie_expires*24*60*60*1000));
157                 var expires = "; expires="+date.toGMTString();
158                 document.cookie = this.cookie_name+"="+value+expires+"; path=" + this.cookie_path;
159     },
160         
161     readCookie: function () {
162                 var nameEQ = this.cookie_name + "=";
163                 var ca = document.cookie.split(';');
164                 for(var i=0;i < ca.length;i++) {
165                         var c = ca[i];
166                         while (c.charAt(0)==' ') c = c.substring(1,c.length);
167                         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
168                 }
169                 return null;
170     }
171 };