Mercurial > pumpbridge
comparison views/index.jade @ 15:c5bf4e02958e
add/delete credentials, new layout, alpha version ribbon, contact
author | Mathias Gebbe <mgebbe@intevation.de> |
---|---|
date | Thu, 12 Jun 2014 20:51:10 +0200 |
parents | f190abf340ef |
children | 3e3fa35e3ce2 |
comparison
equal
deleted
inserted
replaced
14:c1b736a859c9 | 15:c5bf4e02958e |
---|---|
35 /* Executed when the APIs finish loading */ | 35 /* Executed when the APIs finish loading */ |
36 function render() { | 36 function render() { |
37 | 37 |
38 gapi.signin.render('gp-root', { | 38 gapi.signin.render('gp-root', { |
39 'callback': 'signinCallback', | 39 'callback': 'signinCallback', |
40 'clientid': 'GOOGLEPLUSCLIENTID.apps.googleusercontent.com', | 40 'clientid': 'GOOGLEPLUSID.apps.googleusercontent.com', |
41 'redirecturi': 'postmessage', | 41 'redirecturi': 'postmessage', |
42 'response_type' : 'code', | 42 'response_type' : 'code', |
43 'accesstype': 'offline', | 43 'accesstype': 'offline', |
44 'approvalprompt': 'force', | 44 'approvalprompt': 'force', |
45 'cookiepolicy': "https://pumpbridge.me", | 45 'cookiepolicy': "https://server.example", |
46 'requestvisibleactions': 'http://schemas.google.com/AddActivity', | 46 'requestvisibleactions': 'http://schemas.google.com/AddActivity', |
47 'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email' | 47 'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email' |
48 }); | 48 }); |
49 } | 49 } |
50 | 50 |
94 } | 94 } |
95 return ""; | 95 return ""; |
96 } | 96 } |
97 | 97 |
98 | 98 |
99 | |
100 // load facebook api | 99 // load facebook api |
101 script. | 100 script. |
102 $(document).ready(function () { | 101 $(document).ready(function () { |
102 var usermapfb="#{usermapfb}"; | |
103 var usermaptw="#{usermaptw}"; | |
104 var usermapgp="#{usermapgp}"; | |
105 | |
106 if(usermapfb == 'true'){ | |
107 $('#fbloginbutton2').addClass('hide'); | |
108 $('#fbdeletebutton').removeClass('hide'); | |
109 }else{ | |
110 $('#fbloginbutton2').removeClass('hide'); | |
111 $('#fbdeletebutton').addClass('hide'); | |
112 } | |
113 if(usermaptw == 'true'){ | |
114 $('#twloginbutton2').addClass('hide'); | |
115 $('#twdeletebutton').removeClass('hide'); | |
116 }else{ | |
117 $('#twloginbutton2').removeClass('hide'); | |
118 $('#twdeletebutton').addClass('hide'); | |
119 } | |
120 if(usermapgp == 'true'){ | |
121 $('#gploginbutton2').addClass('hide'); | |
122 $('#gpdeletebutton').removeClass('hide'); | |
123 }else{ | |
124 $('#gploginbutton2').removeClass('hide'); | |
125 $('#gpdeletebutton').addClass('hide'); | |
126 } | |
103 | 127 |
104 var twstatus = getCookie('twitterid') | 128 var twstatus = getCookie('twitterid') |
105 if (twstatus != "") $('#twstatus').html('<a href=https://twitter.com/account/redirect_by_id/' + twstatus + '> ' + getCookie('twitteruser') + '</a>'); | 129 if (twstatus != "") $('#twstatus').html('<a href=https://twitter.com/account/redirect_by_id/' + twstatus + '> ' + getCookie('twitteruser') + '</a>'); |
106 | 130 |
107 $.ajaxSetup({ | 131 $.ajaxSetup({ |
108 cache: true | 132 cache: true |
109 }); | 133 }); |
110 | 134 |
111 $.getScript('//connect.facebook.net/de_DE/all.js', function () { | 135 $.getScript('//connect.facebook.net/de_DE/all.js', function () { |
112 FB.init({ | 136 FB.init({ |
113 appId: 'FACEBOOKCLIENTID', | 137 appId: 'FACEBOOKID', |
114 status: true | 138 status: true |
115 }); | 139 }); |
116 | 140 |
117 FB.getLoginStatus(function(response) { | 141 FB.getLoginStatus(function(response) { |
118 if (response.status === 'connected') { | 142 if (response.status === 'connected') { |
159 }); | 183 }); |
160 | 184 |
161 body | 185 body |
162 block content | 186 block content |
163 .main | 187 .main |
164 h1(class='headline') pumpbridge.<br>connecting social networks | 188 .headlinebox |
189 img(class="ribbon", src="/images/ribbonl.png") | |
190 h1(class='headline') pumpbridge.<br>connecting social networks | |
165 #pump-root.pump-root | 191 #pump-root.pump-root |
166 h4 | 192 h4 |
167 | logged in as: | 193 | logged in as: |
168 a(id='pumpstatus',class='pumpstatus',href=user.homepage)=user.id | 194 a(id='pumpstatus',class='pumpstatus',href=user.homepage)=user.id |
169 #fb.fb | 195 #fb.fb |
170 #fb-root.fb-root | 196 #fb-root.fb-root |
171 input(id='fbloginbutton',type='image',class='fbloginbutton',value='fbLogin',src='images/fb.svg',width='100px',height='100px') | 197 input(id='fbloginbutton',type='image',class='fbloginbutton',value='fbLogin',src='images/fb.svg',width='100px',height='100px') |
172 #fb-info.fb-info | 198 #fb-info.fb-info |
173 i(id='fbstatus') not logged in | 199 i(id='fbstatus') not logged in |
174 br | 200 br |
175 form(class='',action='/bridge',method='post') | 201 form(class='',action='/bridge',method='post') |
176 input(id='fbdeleted',name='fbdelete',hidden='true',value=user.id) | 202 input(id='fbdeleted',name='fbdelete',hidden='true',value=user.id) |
177 button(type='submit',class='btn btn-default btn-xs') | 203 button(id='fbdeletebutton',type='submit',class='btn btn-default btn-xs',hidden='true') |
178 | delete credentials | 204 | delete credentials |
205 button(id='fbloginbutton2',name='fbloginbutton2',class='btn btn-default btn-xs',onClick='$("#fbloginbutton").click()') | |
206 | add credentials | |
179 #gp.gp | 207 #gp.gp |
180 #gp-root.gp-root | 208 #gp-root.gp-root |
181 input(id='gploginbutton',type='image',class='gploginbutton',value='gpLogin',src='images/gp.svg',width='100px',height='100px') | 209 input(id='gploginbutton',type='image',class='gploginbutton',value='gpLogin',src='images/gp.svg',width='100px',height='100px') |
182 #gp-info.gp-info | 210 #gp-info.gp-info |
183 i(id='gpstatus') not logged in | 211 i(id='gpstatus') not logged in |
184 br | 212 br |
185 form(class='',action='/bridge',method='post') | 213 form(class='',action='/bridge',method='post') |
186 input(id='gpdeleted',name='gpdelete',hidden='true',value=user.id) | 214 input(id='gpdeleted',name='gpdelete',hidden='true',value=user.id) |
187 button(type='submit',class='btn btn-default btn-xs') | 215 button(name='gpdeletebutton',id='gpdeletebutton',type='submit',class='btn btn-default btn-xs') |
188 | delete credentials | 216 | delete credentials |
217 button(id='gploginbutton2',name='gploginbutton2',class='btn btn-default btn-xs',onClick='$("#gploginbutton").click()') | |
218 | add credentials | |
189 #tw.tw | 219 #tw.tw |
190 #tw-root.tw-root | 220 #tw-root.tw-root |
191 a(href='/add-account'): input(type='image',value='twitterlogin',src='images/twitter.svg',width='100px',height='100px') | 221 a(href='/add-account'): input(type='image',value='twitterlogin',src='images/twitter.svg',width='100px',height='100px') |
192 #tw-info.tw-info | 222 #tw-info.tw-info |
193 i(id='twstatus') not logged in | 223 i(id='twstatus') not logged in |
194 br | 224 br |
195 form(class='',action='/bridge',method='post') | 225 form(class='',action='/bridge',method='post') |
196 input(id='twdeleted',name='twdelete',hidden='true',value=user.id) | 226 input(id='twdeleted',name='twdelete',hidden='true',value=user.id) |
197 button(type='submit',class='btn btn-default btn-xs') | 227 button(id='twdeletebutton',type='submit',class='btn btn-default btn-xs') |
198 | delete credentials | 228 | delete credentials |
229 button(id='twloginbutton2',name='twloginbutton2',type='submit',class='btn btn-default btn-xs',onClick='location.href="/add-account"') | |
230 | add credentials | |
199 form(class='',action='/bridge',method='post') | 231 form(class='',action='/bridge',method='post') |
200 input(id='pumpid',name='pumpid',hidden='true',value=user.id) | 232 input(id='pumpid',name='pumpid',hidden='true',value=user.id) |
201 input(id='pumptoken',name='pumptoken',hidden='true', value=user.token) | 233 input(id='pumptoken',name='pumptoken',hidden='true', value=user.token) |
202 input(id='pumpsecret',name='pumpsecret',hidden='true', value=user.secret) | 234 input(id='pumpsecret',name='pumpsecret',hidden='true', value=user.secret) |
203 input(id='pumpobj',name='pumpobj', hidden='true' value='') | 235 input(id='pumpobj',name='pumpobj', hidden='true' value='') |
204 input(id='fbid',name='fbid',hidden='true') | 236 input(id='fbid',name='fbid',hidden='true') |
205 input(id='fbtoken',name='fbtoken',hidden='true') | 237 input(id='fbtoken',name='fbtoken',hidden='true') |
206 input(id='gpid',name='gpid',hidden='true') | 238 input(id='gpid',name='gpid',hidden='true') |
207 input(id='gptoken',name='gptoken',hidden='true',size=100) | 239 input(id='gptoken',name='gptoken',hidden='true',size=100) |
208 br | 240 br |
241 | you need to extra save the credentials | |
242 br | |
243 | for facebook and googleplus | |
244 br | |
209 input(type='submit',class='btn btn-default',value='save credentials') | 245 input(type='submit',class='btn btn-default',value='save credentials') |
210 .footer | 246 .footer |
211 #logout.logout | 247 #logout.logout |
212 //input(id='logoutbutton',type='button',class='logoutbutton',value='Logout',disabled) | 248 //input(id='logoutbutton',type='button',class='logoutbutton',value='Logout',disabled) |
213 form(class='',action='/logout',method='post') | 249 form(class='',action='/logout',method='post') |
214 input(type='submit',class='btn btn-default',value='logout') | 250 input(type='submit',class='btn btn-default',value='logout') |
215 br | 251 br |
216 p. | 252 p. |
217 here our bridge will be. | 253 <a href=https://wald.intevation.org/hg/pumpbridge/>pumpbridge</a> is Free Software and available under the Apache License 2.0. |
218 <br> visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge/</a> | 254 <br> |
219 | 255 visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge</a> for more informations! |
256 <br> | |
257 pumpbridge is hosted and operated by <a href=https://io.intevation.de/mgebbe>Mathias Gebbe</a> <a href=/contact.html>(Contact)</a> <br> |