From 743d9412045670ff451deef405aaaa407579029b Mon Sep 17 00:00:00 2001
From: Gene S <or.else@gmail.com>
Date: Thu, 7 Jan 2016 18:18:56 -0800
Subject: [PATCH] hooked up the Tinode bindings, it calls the server now

---
 README.md    |  4 ++--
 css/base.css |  2 +-
 index.html   | 19 +++++++++++++++++--
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 1c3f6e77..6431bb50 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
 # Single-page chat app to show Tinode functionality
 
-License: Apache 2.0
-
 Example using Tinode to build a single-page chat application. The app uses bootstrap, jquery (bootstrap dependency to make it dynamic), react.js.
 
 This is work in progress. So far it's just a JS + HTML shell not hooked up to a server.
 
 Try it at http://api.tinode.co/x/example-react-js/
+
+License: [Apache 2.0](http://www.apache.org/licenses/LICENSE-2.0)
diff --git a/css/base.css b/css/base.css
index f69098b0..f002cddb 100644
--- a/css/base.css
+++ b/css/base.css
@@ -163,7 +163,7 @@ html, body {
   overflow-y: scroll;
   padding-top: 0;
   padding-bottom: 0;
-  background-image: url("../ignasi_pattern_s.png");
+  background-image: url("../img/ignasi_pattern_s.png");
 }
 
 #messagesView {
diff --git a/index.html b/index.html
index 7f9739b6..f70ca8f5 100644
--- a/index.html
+++ b/index.html
@@ -16,11 +16,15 @@
     <!-- Some scripts to make bootstrap more dynamic -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+    <script src="tinode-0.5.1.js"></script>
   </head>
   </head>
   <body>
     <div id="mountPoint"></div>
     <script type="text/babel">
+    var HOST = "api.tinode.co";
+    var API_KEY = "AQEAAAABAAD_rAp4DJh05a1HAwFT3A6K";
+
     function shortDateFormat(then) {
 	    var now = new Date();
       if (then.getFullYear() == now.getFullYear()) {
@@ -504,10 +508,21 @@ dignissim a diam a hendrerit. Nulla vel est ut quam rhoncus pulvinar. In hac hab
     /* The top-level class to hold all fuinctionality together */
     var AppView = React.createClass({
       getInitialState: function() {
-        return {sidePanel: 'login', loggedIn: false, selTopic: ''};
+        return {sidePanel: 'login', loggedIn: false, selTopic: '', tinode: undefined};
+      },
+      componentDidMount: function() {
+        Tinode.enableLogging(true);
+        // Setup with default transport
+        Tinode.setup(HOST, API_KEY);
       },
       handleLogin: function(login, password) {
-        this.setState({sidePanel: 'contacts', loggedIn: true});
+        Tinode.connect().then(function(){
+          return Tinode.loginBasic(login, password);
+        }).then(function(){
+          this.setState({sidePanel: 'contacts', loggedIn: true});
+        }).catch(function(err) {
+          console.log(err);
+        });
       },
       handleNewAccount: function(login_, password_, public_, private_) {