JSFiddle - React, Tailwind, and code Playground
by digish_gabhawala
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<!-- Firebase -->
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/1.1.2/angularfire.min.js"></script>
<script>
angular.module('todoApp', ["firebase"])
.controller('TodoListController', function($scope, $firebaseObject) {
var todoList = this;
var currentAuthData ;
var authRef = new Firebase("https://testdg.firebaseio.com");
todoList.handleLogin = function(){
if(todoList.email.length > 0 && todoList.password.length > 0){
authRef.authWithPassword({
email : todoList.email,
password : todoList.password
}, function(error, authData) {
if (error) {
alert('invalid login... new user? try registering');
$('#regBtn').show();
console.log("Login Failed!", error);
} else {
console.log("Authenticated successfully with payload:", authData);
console.log("User " + authData.uid + " is logged in with " + authData.provider);
authRef.child("users").child(authData.uid).set({
provider: authData.provider,
group:'default',
name: authData.password.email.replace(/@.*/, '')
});
currentAuthData = authData;
authRef.child("groups").child("default").push({
user : currentAuthData.uid
});
var syncGroupObject = $firebaseObject(authRef.child("groups").child("default"));
//authRef.child("groups").child("default").once("value", function(snapshot) {
// console.log(snapshot.val());
//
// }, function (errorObject) {
// console.log("The read failed: " + errorObject.code);
// });
var syncObject =...