dss/static/js/app/views/event.js

/** @license

 ----------------------------------------------

 Copyright (c) 2012, Fergal Moran. All rights reserved.
 Code provided under the BSD License:

 */
var EventListItemView = Backbone.View.extend({
    tagName:"tr",
    initialize:function () {
        $(this.el).addClass("rowlink");
        $(this.el).data("id", this.model.get("id"));
        this.render();
    },
    render:function () {
        $(this.el).html(this.template({"item":this.model.toJSON()}));
        return this;
    }
});
var EventListView = Backbone.View.extend({
    events:{
        "click tr":"showDetails"
    },
    initialize:function () {
        this.render();
    },
    render:function () {
        $(this.el).html(this.template());
        var el = this.el;
        this.collection.each(function (item) {
            $('#event-list-container', el).append(new EventListItemView({model:item}).render().el);
        });
        $("#event-table", this.el).tablesorter({
            sortList:[
                [0, 0],
                [1, 0]
            ]
        });
        $('tr.rowlink', this.el).rowlink();
        $('#tablesorter-fix', this.el).hide();

        return this;
    },
    showDetails:function (row) {
        Backbone.history.navigate('event/' + $(row.currentTarget).data("id"), {trigger:true});
    }
});
var EventItemView = Backbone.View.extend({
    tagName:"li",
    initialize:function () {
        this.render();
    },
    render:function () {
        $(this.el).html(this.template({"item":this.model.toJSON()}));
        return this;
    }
});
var EventView = Backbone.View.extend({
    initialize:function () {
        this.render();
    },
    render:function () {
        $(this.el).html(this.template());
        var item = new EventItemView({model:this.model}).render();
        $('.event-listing', this.el).append(item.el);
        $('#event-description', this.el).html(this.model.get("description"));
        return this;
    }
});
var EventCreateView = DSSEditableView.extend({
    events:{
        "click #save-changes":"saveChanges",
        "change input":"changed",
        "change textarea":"changed",
        "change select":"changeSelect"
    },
    initialize:function () {
        this.render();
        this._bakeForm(this.el, 'venue');
    },
    render:function () {
        $(this.el).html(this.template({"item":this.model.toJSON()}));
        return this;
    },
    saveChanges:function () {
        var model = this.model;
        this.model.set('event_description', $('#event-description', this.el).html());
        this.model.set('event_date', $('#event_date', this.el).val());
        this._saveChanges({
            success:function () {
                com.podnoms.utils.showAlert("Success", "Event successfully added", "alert-info", true);
                Backbone.router.navigate('/event/' + model.get('id'));
            }
        });
        return false;
    }
});