/*
 * The trigger API.
 *
 * The API allows to change elements' visibility or status (enabled/disabled) basing on 
 * other elements' statuses. Example: enable a button if any checkbox inside another
 * element is checked.
 * 
 * Supported data attributes:
 * - data-trigger-type, values: display, hide, enable, disable
 * - data-trigger: a CSS selector for elements that trigger the action (checkboxes)
 * - data-trigger-condition, values: checked (more conditions to add later) - determines the condition the elements
 *   specified in the data-trigger should satisfy in order the condition to be considered as "true".
 *
 * Example: <input type="button" class="btn disabled" 
 *             data-trigger-type="enable" 
 *             data-trigger="#cblist input[type=checkbox]" 
 *             data-trigger-condition="checked" ... >
 *
 * Supported events:
 * - oc.triggerOn.update - triggers the update. Trigger this event on the element the plugin is bound to to 
 *   force it to check the condition and update itself. This is useful when the page content is updated with AJAX.
 *
 * JavaScript API:
 * $('#mybutton').triggerOn({triggerCondition: 'checked', trigger: '#cblist input[type=checkbox]', triggerType: 'enable'})
 */
+function ($) { "use strict";

    var TriggerOn = function (element, options) {

        var $el = this.$el = $(element);
            
        this.options = options || {};

        if (this.options.triggerCondition === false)
            throw new Error('Trigger condition is not specified.')

        if (this.options.trigger === false)
            throw new Error('Trigger selector is not specified.')

        if (this.options.triggerType === false)
            throw new Error('Trigger type is not specified.')

        if (this.options.triggerCondition == 'checked')
            $(document).on('change', this.options.trigger, $.proxy(this.onConditionChanged, this))

        var self = this;
        $el.on('oc.triggerOn.update', function(e){
            e.stopPropagation()
            self.onConditionChanged()
        })

        self.onConditionChanged()
    }

    TriggerOn.prototype.onConditionChanged = function() {
        if (this.options.triggerCondition == 'checked')
            this.updateTarget($(this.options.trigger + ':checked').length > 0);
    }

    TriggerOn.prototype.updateTarget = function(status) {
        if (this.options.triggerType == 'display')
            this.$el.toggleClass('hide', !status).trigger('hide', [!status])
        else if (this.options.triggerType == 'hide')
            this.$el.toggleClass('hide', status).trigger('hide', [status])
        else if (this.options.triggerType == 'enable')
            this.$el.prop('disabled', !status).trigger('disable', [!status]).toggleClass('control-disabled', !status)
        else if (this.options.triggerType == 'disable')
            this.$el.prop('disabled', status).trigger('disable', [status]).toggleClass('control-disabled', status)

        if (this.options.triggerType == 'display' || this.options.triggerType == 'hide')
            this.fixButtonClasses()

        $(window).trigger('resize')
    }

    TriggerOn.prototype.fixButtonClasses = function() {
        var group = this.$el.closest('.btn-group')

        if (group.length > 0 && this.$el.is(':last-child'))
            this.$el.prev().toggleClass('last', this.$el.hasClass('hide'))
    }

    TriggerOn.DEFAULTS = {
        triggerCondition: false,
        trigger: false,
        triggerType: false
    }

    // TRIGGERON PLUGIN DEFINITION
    // ============================

    var old = $.fn.triggerOn

    $.fn.triggerOn = function (option) {
        return this.each(function () {
            var $this = $(this)
            var data  = $this.data('oc.triggerOn')
            var options = $.extend({}, TriggerOn.DEFAULTS, $this.data(), typeof option == 'object' && option)

            if (!data) $this.data('oc.triggerOn', (data = new TriggerOn(this, options)))
        })
      }

    $.fn.triggerOn.Constructor = TriggerOn

    // TRIGGERON NO CONFLICT
    // =================

    $.fn.triggerOn.noConflict = function () {
        $.fn.triggerOn = old
        return this
    }

    // TRIGGERON DATA-API
    // ===============

    $(document).ready(function(){
        $('[data-trigger]').triggerOn()
    })

}(window.jQuery);