Examples > Organizing Data > Index Example

Example from https://firebase.com/docs/platforms/web/guide/organizing-data.html

by siegesan

HTML

<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.1/firebase-simple-login.js"></script>
<script src="http://firebase.github.io/demo-utils-script/demo-utils.js"></script>
<div>
    <h2>Last Data Saved</h2>
    <pre></pre>
</div>

CSS

pre {
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 10px;
    border-radius: 10px;
    width: auto;
    display: block;
}
div {
    width: 32%;
    margin-right: 1%;
    float: left;
}

JavaScript

function loadData() {
var _jobs = new Firebase("https://cometfieldmanager.firebaseio.com/jobs");
    
    var startDT = Firebase.ServerValue.TIMESTAMP; 
    
    var newJob = _jobs.push({
        homeowner: "Smith",
        address: "601 Charlton Court",
        location: {
            lng:-81.5508276,
            lat:30.1344524            
        },
        city: "Marietta",
        zip: 30064,
        jobtype: "Service",
        problem: "Outlets not working in Living room",
        history: [],
        dateadded:  startDT,
        status: "READY"
    });
    
    newJob.child("history").push({
        dateadded:startDT,
        user: "system",
        status: "PENDING"            
    });
    
    
    newJob.child("history").push({
        dateadded:Firebase.ServerValue.TIMESTAMP,
        user: "system",
        status: "READY"           
    });

    var startDT = Firebase.ServerValue.TIMESTAMP; 
    
    var newJob = _jobs.push({
        homeowner: "Peter Lurtz",
        address: "341 Westwood Circle",
        location: {
            lng:-81.5508276,
            lat:30.1344524            
        },
        city: "West Palm Beach",
        zip: 32153,
        jobtype: "Service",
        problem: "Outlets not working in Living room",
        history: [],
        dateadded:  startDT,
        status: "READY"
    });
    
    newJob.child("history").push({
        dateadded:startDT,
        user: "system",
        status: "PENDING"            
    });
    
    
    newJob.child("history").push({
        dateadded:Firebase.ServerValue.TIMESTAMP,
        user: "system",
        status: "READY"           
    });






    
    function log(snap) {
        $('pre').text(JSON.stringify(snap.val(), null, 2));
    }
}



loadData();



// Dependencies used in this fiddle:
// code.jquery.com/jquery-2.1.0.min.js
// cdn-gh.firebase.com/demo-utils-script/demo-utils.js
//
// This line creates a unique, private Firebase URL 
// you can hack in! Have...