​

​

/*************************

 *    Models

 *************************/

​

    /**

     * Model for display page.

     */

    App.Display = Ember.Object.extend({

        identity: 'display',

        loadedItems: false,

        rawJson: [],

​

        /* Simply returns the title of a display page */

        title: function() {

            return this.get('id');

        }.property('id'),

​

        /**

         * Retreives items

         * 

         * It returns a promise that will resolve to be the list of Items from 

         * our server. This load only occurs once and then results are cached.

     */

        loadItems: function() {

            var display = this;

            return Em.Deferred.promise(function (p) {

​

                // check for cached data

                if (display.get('loadedItems')) {

                    p.resolve(display.get('items')); 

                // otherwise retreive data

                } else {

​

                    // If we haven't loaded the items, load them via JSON

                    p.resolve($.getJSON("/game/json").then(function(data) {

                        var clean = data_clean_json(data);

                        var results = data_build_models(clean, display);

                        /* NOT CURRENTLY INCLUDED IN THIS JSBIN */

                        return results;

                    }));

                }

            });

        },

​

        /* Currently broken.  Used when reloading url with popup open (eg http://bpf.vm/#/r/aww/3)

         */

        findItemById: function(id) {

            return this.loadItems().then(function (items) {

                return items.findProperty('id', id);

            });

        }

    });

    /**

     * Adds class methods to Display model

     *

     * Note: `reopenClass` sounds scary but it's pretty simple. We're just defining 

     * class level methods instead of instance methods. That way we can say `App.Display.list()` 

     * to get a list of displays.

     */

    App.Display.reopenClass({

​

        /* This class method returns a list of all our displays. We store them in 

         * a class variable so they will only be created and referenced once.

     */

        list: function(id) {

            // If we've already loaded the list, return it

            if (this._list) {

                return this._list;

            } 

​

            var list = Em.A();

            var defaultPresets = [

                'Custom',

                'Preset 1',

                'Preset 2',

                'Preset 3'

            ];

            defaultPresets.forEach(function (id) {

                list.pushObject(App.Display.create({

                    id: id,

                    title: id

                }));

            });

​

            // Remember what we've created so we don't request it twice.

            this._list = list;

            return list;

        },

​

        /*

      Returns the default display to show if the user hasn't selected one.

    */

        defaultPreset: function() {

            return this.list()[0];

        }

​

    });

    /**

     * Model for Item Popup

     */

    App.Item = Ember.Object.extend({

        identity: 'item',

        title: '',

        cost: '',

        quantity: '',

        options: null,

​

        totalOptionsCost: function(){

            var j = this.get('options').reduce(

                function(prevValue, currentValue, index, array){ 

                    return prevValue + parseInt(currentValue.get('cost'), 10); }, 0);

            return j;

        }.property('options.@each.cost')

    });

​

    /**

     * Model for Item Popup

     */

    App.ItemPopup = Ember.Object.extend({

        identity: 'item popup',

        thumbnailUrl: function() {

            var thumbnail = this.get('thumbnail');

            return ((thumbnail === 'default') || (thumbnail === 'self')) ? null : thumbnail;

        }.property('thumbnail'),

​

        image: function() {

            var url = this.get('url');

            if (!url) {

                return false;

            }

            if (url.match(/\.(jpeg|jpg|gif|png)$/) !== null) {

                return true;

            }

            if (url.match(/imgur\.com\//) !== null) {

                return true;

            }

            return false;

        }.property('url'),

​

        embed: function() {

            var result = this.get('media_embed.content');

            if (!result) return null;

​

            return result.replace(/&lt;/g,'<').replace(/&gt;/g,'>');

        }.property('media_embed.content'),

​

        imageUrl: function() {

            var url = this.get('url');

            if (!url) return false;

            if (url.match(/imgur\.com\//) !== null) return url + ".jpg";

            return url;

        }.property('url')

​

    });

​

/*************************

 *    Ember.js Routes

 *************************/

​

/* Maps urls to resources */

App.Router.map(function() {

    this.resource("display", { path: "/:display_id"}, function() {

        this.resource('itemPopup', { path: '/:item_id' } );

    });

}); 

​

App.ApplicationRoute = Ember.Route.extend({

    setupController: function(applicationController) {

        applicationController.set('displays', App.Display.list());

    }

});

App.IndexRoute = Ember.Route.extend({

    redirect: function() {

        this.transitionTo('display', App.Display.defaultPreset());

    }

});

​

App.DisplayRoute = Ember.Route.extend({

    model: function(params) {

        var list = App.Display.list().findProperty('id', params.display_id);

        return list;

    },

​

    afterModel: function(model) {

        if(typeof model != 'undefined'){

            var items = model.loadItems();

            return items; 

        } else {

            this.transitionTo('display', App.Display.defaultPreset());

        }

    }

});

​

App.ItemPopupRoute = Ember.Route.extend({

    model: function(params) {

        return this.modelFor('display').findItemById(params.item_id);

    }

});