hooked up the Tinode bindings, it calls the server now

This commit is contained in:
Gene S
2016-01-07 18:18:56 -08:00
parent f82bd966e0
commit 743d941204
3 changed files with 20 additions and 5 deletions
+2 -2
View File
@@ -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)
+1 -1
View File
@@ -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 {
+16 -1
View File
@@ -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) {
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_) {