mstats.fillupsPane.js

; $(function (mstats, $) {
    $.widget('mstats.fillupsPane', {
        options: {
            active: false,
            id: null
        },
        _init: function () {
            mstats.fillupsPane = this;
            mstats.pubsub.subscribe(mstats.events.vehicle.fillups.data, this._newFillupsDataHandler, this);
            this._fetchData();
        },
        fetchData: function (vid) {
            this.options.id = vid;
            this._fetchData();
        },
        _fetchData: function () {
            var vid = (this.options.id) ? '/' + this.options.id : '';
            mstats.dataManager.fetchData(mstats.endpoint.fillup.data + vid);
        },

        // Large bulk of code excluded...

        destroy: function () {
            $.Widget.prototype.destroy.apply(this, arguments); // default destroy
            mstats.pubsub.unsubscribe(mstats.events.vehicle.fillups.data, this._newFillupsDataHandler, this);
        }
    });

} (this.mstats = this.mstats || {}, jQuery));