facebook scripts

apps/web/priv/static/app/channel.html

@@ -0,0 +1 @@
+<script src="//connect.facebook.net/en_US/all.js"></script>

apps/web/priv/static/app/index.htm

@@ -15,6 +15,7 @@
 
     <script src="js/n2o/bert.js"></script>
     <script src="js/n2o/bullet.js"></script>
+    <script src="js/n2o/facebook.js"></script>
 
     <script src="js/selector.js"></script>
     <script src="js/controller.js"></script>

apps/web/priv/static/app/js/n2o/facebook.js

@@ -0,0 +1,32 @@
+//      {fb_id,"154227314626053"},
+//      {fb_secret,"cf9d49958ee536dd75f15bf8ca541965"},
+
+  window.fbAsyncInit = function() {
+  FB.init({ appId: "154227314626053", channelUrl: 'http://kakaranet.com/channel.html', status: true, cookie: true, xfbml: true, oauth: true });
+
+  FB.getLoginStatus(function(response) {
+//    if(setFbIframe){
+      var inIframe= top!=self;
+  //    setFbIframe(inIframe);
+      if(inIframe && response.status == 'connected' && fbLogin)
+        FB.api("/me?fields=id,username,first_name,last_name,email,birthday", function(response){ fbLogin(response);});
+  //  }
+  });
+};
+
+function fb_login(){
+  FB.getLoginStatus(function(response){
+    if(response.status == 'connected'){
+      if(fbLogin) FB.api("/me?fields=id,username,first_name,last_name,email,birthday", function(response){fbLogin(response);});
+    } else FB.login(function(r){
+        if(r.authResponse && fbLogin) FB.api("/me?fields=id,username,first_name,last_name,email,birthday", function(response){fbLogin(response);});
+      }, {scope: 'email,user_birthday'});
+  });
+}
+
+(function(d){
+  var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
+  if (d.getElementById(id)) {return;}
+  js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js?v=2";
+  ref.parentNode.insertBefore(js, ref);
+}(document));

apps/web/src/okey.erl

@@ -133,6 +133,7 @@ body() -> [].
 
 body2() -> 
     wf:wire(#api{name=plusLogin, tag=plus}),
+    wf:wire(#api{name="", tag=fb}),
   [ #panel    { id = history },
     #button   { id = pluslogin,  body = "Login",       postback = login_button },
     #label    { id = nothing,    body = " Google"},    #br{}, #br{},