Skip to content

Instantly share code, notes, and snippets.

@pankajpatel
Created March 26, 2015 16:51
Show Gist options
  • Save pankajpatel/b4fa5ab045f65c8047ef to your computer and use it in GitHub Desktop.
Save pankajpatel/b4fa5ab045f65c8047ef to your computer and use it in GitHub Desktop.
Contacts Store Application Javascript with jQuery code
//create firebase reference
var dbRef = new Firebase("https://contactb.firebaseio.com/");
var contactsRef = dbRef.child('contacts')
//load older conatcts as well as any newly added one...
contactsRef.on("child_added", function(snap) {
console.log("added", snap.key(), snap.val());
$('#contacts').append(contactHtmlFromObject(snap.val()));
});
//save contact
$('.addValue').on("click", function( event ) {
event.preventDefault();
if( $('#name').val() != '' || $('#email').val() != '' ){
contactsRef
.push({
name: $('#name').val(),
email: $('#email').val(),
location: {
city: $('#city').val(),
state: $('#state').val(),
zip: $('#zip').val()
}
})
contactForm.reset();
} else {
alert('Please fill atlease name or email!');
}
});
//prepare conatct object's HTML
function contactHtmlFromObject(contact){
console.log( contact );
var html = '';
html += '<li class="list-group-item contact">';
html += '<div>';
html += '<p class="lead">'+contact.name+'</p>';
html += '<p>'+contact.email+'</p>';
html += '<p><small title="'
+contact.location.zip+'">'
+contact.location.city
+', '
+contact.location.state
+'</small></p>';
html += '</div>';
html += '</li>';
return html;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment