activity.js

define([
    'jquery',
    'underscore',
    'component',
    'intent',
    'tmpl'
], function ($, _, Component, Intent, tmpl) {    
    'use strict';

    // Activity extends Compponent
    var Activity = Component.extend();

    Activity.tmpl       = tmpl;     // Activity has access to renderer
    Activity.el         = null;     // jQuery element
    Activity.template   = null;     // Default template
    Activity.templates  = {};       // Additional templates
    Activity.delegates  = null;     // Delegate bindings to element
    Activity.rendered   = false;    // Is activity rendered at least ONCE

    Activity.extend = function () {
        return Object.create(Activity);
    };

    /**
     * Selects DOM elements from inside of the activity element
     *
     * @param selector Any jQuery selector
     * @returns jQuery
     */
    Activity.sel = function (selector) {
        if (selector) {
            return this.el.find(selector);
        } else {
            return this.el;
        }
    };


    /**
     * Binds jQuery events to callback
     */
    Activity.delegate = function (selector, event, callback) {
        if (!this.delegateDefs) this.delegateDefs = [];

        this.delegateDefs.push({
            event:      event,
            selector:   selector,
            callback:   callback
        });
    };


    /**
     *
     * @returns {Boolean}
     */
    Activity.init = function (intent) {
        var inst = this;

        // Get element before onInit methods
        if (!this.el) {
            // Try to find element
            this.el = $('#' + this.uid);
            if (this.el.length == 0) {
                this.el = $('<div>').attr('id', this.uid).appendTo(this.container);
            }
        }

        // Exexute component init
        Component.init.call(this, intent);


        _.each(this.delegateDefs, function (bind) {
            inst.sel().delegate(bind.selector, bind.event, function() {
                var args = Array.prototype.slice.call(arguments);
                args.splice(0, 0, $(this));
                return bind.callback.apply(inst, args);
            });
        });
    };


    /**
     * Shows element of the activity.
     *
     * @param {Intent} intent
     * @returns {Mixed} True if running
     */
    Activity.start = function (intent) {
        var startSuccess = Component.start.call(this, intent);
        if (startSuccess) {
            this.sel().show();
        }
        return startSuccess;
    };


    Activity.onRender = function (callback) {
        if (!_.isFunction(callback)) throw new TypeError('Not function');

        // Create container
        if (!this._onRender) this._onRender = [];

        this._onRender.push(callback);
    };

    // /**
    //  * 
    //  */
    // activity.addChild = function(uidExt, childComponent, options) {
    //     var parent = this;

    //     var childSelector = options.selector;

    //     childComponent = Component.addChild.call(this, uidExt, childComponent, options);

    //     // Proxy sel method if child is activity
    //     if (childComponent.sel) {
    //         childComponent.sel = function(selector) {
    //             var el = parent.sel(childSelector);
    //             if (selector) {
    //                 return el.find(selector);
    //             } else {
    //                 return el;
    //             }
    //         }
    //     }
    // };


    /**
     * Returns template path of given template
     */
    Activity.getTmpl = function (name) {
        if (!name) {
            return this.template;
        } else if (this.templates && this.templates[name]) {
            return this.templates[name];
        } else if (this.defaultTemplates && this.defaultTemplates[name]) {
            return this.defaultTemplates[name];
        } else {
            throw new Error('Template not found: ' + name);
        }
    };


    /**
     * Simple template rendering
     *
     * @param {Object} renderData Data for template
     */
    Activity.render = function (template, renderData, callback) {
        if (!this.sel()) throw new Error('No element set for ' + this.uid);

        if (_.isObject(template)) {
            callback = renderData;
            renderData = template;
            template = null;
        }

        template = this.getTmpl(template);

        renderData = renderData || {};

        var inst = this;
        tmpl.render(template, renderData, function (content) {
            inst.sel().html(content);
            inst.rendered = true;

            if (inst._onRender) {
                _.each(inst._onRender, function (callback) {
                    callback.call(inst, renderData, template);
                });
            }

            if (_.isFunction(callback)) {
                callback.call(inst);
            }

            // // Also render children with same render data
            // _.forEach(inst.children, function (child) {
            //     child.render(renderData);
            // });
        });
    };

    /**
     * Subtemplate rendering
     *
     * @param {String} selector selector for rendering content
     * @param {String} template
     * @param {Object} renderData data for template
     * @param {Function} callback
     *
     * @TODO selector validation
     */
    Activity.subrender = function (selector, template, renderData, callback) {
        if (!this.sel()) throw new Error('No element set for ' +this.uid);

        if (_.isObject(template)) {
            callback = renderData;
            renderData = template;
            template = null;
        }

        renderData = renderData || {};

        template = this.getTmpl(template);

        var inst = this;
        tmpl.render(template, renderData, function(content) {
            inst.sel(selector).html(content);

            if (_.isFunction(callback)) {
                callback.call(inst);
            }
        });
    }


    Activity.sendIdIntent = function (intentType) {
        return function (el, e) {
            var intent = Intent.create(intentType, el.data('id'));
            intent.send(this);
            e.preventDefault();
            // return false;
        };
    };


    /**
     * Hides element of the activity
     * 
     */
    Activity.stop = function () {
        if (this.DEBUG) console.info('ACT stop: ' + this.uid);
        var stopState = Component.stop.call(this);
        this.sel().hide();
        return stopState;
    };


    /**
     * [loading description]
     * @return {[type]}
     */
    Activity.loading = function () {
        
    };

    Activity.error = function (err) {
        throw err;
    };


    return Activity;
});