Data Adapters

app.js

var app = {

    findByName: function() {
        this.store.findByName($('.search-key').val()).done(function(employees) {
            var l = employees.length;
            var e;
            $('.employee-list').empty();
            for (var i=0; i<l; i++) {
                e = employees[i];
                $('.employee-list').append('<li><a href="#employees/' + e.id + '">' + e.firstName + ' ' + e.lastName + '</a></li>');
            }
        });
    },

    initialize: function() {
        this.store = new MemoryAdapter();
        this.store.initialize().done(function() {
            console.log("Data store initialized");
        });
        $('.search-key').on('keyup', $.proxy(this.findByName, this));
    }

};

app.initialize();

jsonp-adapter.js

var JSONPAdapter = function() {

    this.initialize = function(data) {
        var deferred = $.Deferred();
        url = data;        
        deferred.resolve();
        return deferred.promise();
    }

    this.findById = function(id) {
        return $.ajax({url: url + "/" + id, dataType: "jsonp"});
    }

    this.findByName = function(searchKey) {
        return $.ajax({url: url + "?name=" + searchKey, dataType: "jsonp"});
    }
    
    var url;
    
}

memory-adapter.js

var MemoryAdapter = function() {

    this.initialize = function() {
        // No Initialization required
        var deferred = $.Deferred();
        deferred.resolve();
        return deferred.promise();
    }

    this.findById = function(id) {
        var deferred = $.Deferred();
        var employee = null;
        var l = employees.length;
        for (var i=0; i < l; i++) {
            if (employees[i].id === id) {
                employee = employees[i];
                break;
            }
        }
        deferred.resolve(employee);
        return deferred.promise();
    }

    this.findByName = function(searchKey) {
        var deferred = $.Deferred();
        var results = employees.filter(function(element) {
            var fullName = element.firstName + " " + element.lastName;
            return fullName.toLowerCase().indexOf(searchKey.toLowerCase()) > -1;
        });
        deferred.resolve(results);
        return deferred.promise();
    }

    var employees = [
        {"id": 1, "firstName": "James", "lastName": "King", "title": "President and CEO"},
        {"id": 2, "firstName": "Julie", "lastName": "Taylor", "title": "VP of Marketing"},
        {"id": 3, "firstName": "Eugene", "lastName": "Lee", "title": "CFO"},
        {"id": 4, "firstName": "John", "lastName": "Williams", "title": "VP of Engineering"},
        {"id": 5, "firstName": "Ray", "lastName": "Moore", "title": "VP of Sales"}
    ];

}