JSFiddle - React, Tailwind, and code Playground

by chrisguzman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
<div id="loginDiv">
  <a href="#" onclick="onLoginButtonClicked()" id="login">Login</a>
</div>

<div ng-app="MyApp" ng-controller="MyCtrl">
    <div ng-repeat="(id,item) in data">
        <input ng-model="item.comment"></input>
        <button type="submit" ng-click="AddComment(id,item.comment)">Comment</button>
         <h2>{{item.title}}</h2>

    </div>
</div>

JavaScript

angular.module('MyApp', ['firebase'])
    .controller('MyCtrl',

function MyCtrl($scope, $firebase) {
    var ref = new Firebase("https://helloworldtest.firebaseio.com");
    $scope.data = $firebase(ref);



    $scope.AddComment = function (id, item) {
        var ref = new Firebase("https://helloworldtest.firebaseio.com/" + id + "/comments");
        $scope.comments = $firebase(ref);
        $scope.comments.$add({
            comment: item
        });

    };





});


    var auth = new FirebaseSimpleLogin(commentsRef, function (error, user) {
        if (user) {
            myUserID = user.id;
            $("#loginDiv").text(user.first_name + " " + user.last_name);
        }
    });


function onLoginButtonClicked() {
     alert("working")
  auth.login("facebook");
}