pumpbridge/pumpbridge: views/index.jade comparison

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

-:c1b736a859c9
+:c5bf4e02958e
 /* Executed when the APIs finish loading */
 function render() {
 gapi.signin.render('gp-root', {
 'callback': 'signinCallback',
-'clientid': 'GOOGLEPLUSCLIENTID.apps.googleusercontent.com',
+'clientid': 'GOOGLEPLUSID.apps.googleusercontent.com',
 'redirecturi': 'postmessage',
 'response_type' : 'code',
 'accesstype': 'offline',
 'approvalprompt': 'force',
-'cookiepolicy': "https://pumpbridge.me",
+'cookiepolicy': "https://server.example",
 'requestvisibleactions': 'http://schemas.google.com/AddActivity',
 'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email'
 });
 }
 }
 return "";
 }
 // load facebook api
 script.
 $(document).ready(function () {
+var usermapfb="#{usermapfb}";
+var usermaptw="#{usermaptw}";
+var usermapgp="#{usermapgp}";
+if(usermapfb == 'true'){
+$('#fbloginbutton2').addClass('hide');
+$('#fbdeletebutton').removeClass('hide');
+}else{
+$('#fbloginbutton2').removeClass('hide');
+$('#fbdeletebutton').addClass('hide');
+}
+if(usermaptw == 'true'){
+$('#twloginbutton2').addClass('hide');
+$('#twdeletebutton').removeClass('hide');
+}else{
+$('#twloginbutton2').removeClass('hide');
+$('#twdeletebutton').addClass('hide');
+}
+if(usermapgp == 'true'){
+$('#gploginbutton2').addClass('hide');
+$('#gpdeletebutton').removeClass('hide');
+}else{
+$('#gploginbutton2').removeClass('hide');
+$('#gpdeletebutton').addClass('hide');
+}
 var twstatus = getCookie('twitterid')
 if (twstatus != "") $('#twstatus').html('<a href=https://twitter.com/account/redirect_by_id/' + twstatus + '> ' + getCookie('twitteruser') + '</a>');
 $.ajaxSetup({
 cache: true
 });
 $.getScript('//connect.facebook.net/de_DE/all.js', function () {
 FB.init({
-appId: 'FACEBOOKCLIENTID',
+appId: 'FACEBOOKID',
 status: true
 });
 FB.getLoginStatus(function(response) {
 if (response.status === 'connected') {
 });
 body
 block content
 .main
-h1(class='headline') pumpbridge.<br>connecting social networks
+.headlinebox
+img(class="ribbon", src="/images/ribbonl.png")
+h1(class='headline') pumpbridge.<br>connecting social networks
 #pump-root.pump-root
 h4
-| logged in as:
+| logged in as:&nbsp;
 a(id='pumpstatus',class='pumpstatus',href=user.homepage)=user.id
 #fb.fb
 #fb-root.fb-root
 input(id='fbloginbutton',type='image',class='fbloginbutton',value='fbLogin',src='images/fb.svg',width='100px',height='100px')
 #fb-info.fb-info
 i(id='fbstatus') not logged in
 br
 form(class='',action='/bridge',method='post')
 input(id='fbdeleted',name='fbdelete',hidden='true',value=user.id)
-button(type='submit',class='btn btn-default btn-xs')
+button(id='fbdeletebutton',type='submit',class='btn btn-default btn-xs',hidden='true')
 | delete credentials
+button(id='fbloginbutton2',name='fbloginbutton2',class='btn btn-default btn-xs',onClick='$("#fbloginbutton").click()')
+| add credentials
 #gp.gp
 #gp-root.gp-root
 input(id='gploginbutton',type='image',class='gploginbutton',value='gpLogin',src='images/gp.svg',width='100px',height='100px')
 #gp-info.gp-info
 i(id='gpstatus') not logged in
 br
 form(class='',action='/bridge',method='post')
 input(id='gpdeleted',name='gpdelete',hidden='true',value=user.id)
-button(type='submit',class='btn btn-default btn-xs')
+button(name='gpdeletebutton',id='gpdeletebutton',type='submit',class='btn btn-default btn-xs')
 | delete credentials
+button(id='gploginbutton2',name='gploginbutton2',class='btn btn-default btn-xs',onClick='$("#gploginbutton").click()')
+| add credentials
 #tw.tw
 #tw-root.tw-root
 a(href='/add-account'): input(type='image',value='twitterlogin',src='images/twitter.svg',width='100px',height='100px')
 #tw-info.tw-info
 i(id='twstatus') not logged in
 br
 form(class='',action='/bridge',method='post')
 input(id='twdeleted',name='twdelete',hidden='true',value=user.id)
-button(type='submit',class='btn btn-default btn-xs')
+button(id='twdeletebutton',type='submit',class='btn btn-default btn-xs')
 | delete credentials
+button(id='twloginbutton2',name='twloginbutton2',type='submit',class='btn btn-default btn-xs',onClick='location.href="/add-account"')
+| add credentials
 form(class='',action='/bridge',method='post')
 input(id='pumpid',name='pumpid',hidden='true',value=user.id)
 input(id='pumptoken',name='pumptoken',hidden='true', value=user.token)
 input(id='pumpsecret',name='pumpsecret',hidden='true', value=user.secret)
 input(id='pumpobj',name='pumpobj', hidden='true' value='')
 input(id='fbid',name='fbid',hidden='true')
 input(id='fbtoken',name='fbtoken',hidden='true')
 input(id='gpid',name='gpid',hidden='true')
 input(id='gptoken',name='gptoken',hidden='true',size=100)
 br
+| you need to extra save the credentials
+br
+| for facebook and googleplus
+br
 input(type='submit',class='btn btn-default',value='save credentials')
 .footer
 #logout.logout
 //input(id='logoutbutton',type='button',class='logoutbutton',value='Logout',disabled)
 form(class='',action='/logout',method='post')
 input(type='submit',class='btn btn-default',value='logout')
 br
 p.
-here our bridge will be.
+<a href=https://wald.intevation.org/hg/pumpbridge/>pumpbridge</a> is Free Software and available under the Apache License 2.0.
-<br> visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge/</a>
+<br>
+visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge</a> for more informations!
+<br>
+pumpbridge is hosted and operated by <a href=https://io.intevation.de/mgebbe>Mathias Gebbe</a> <a href=/contact.html>(Contact)</a>      <br>

Mercurial > pumpbridge > pumpbridge

comparison views/index.jade @ 15:c5bf4e02958e