terom@6: /**
terom@6:  * jQuery support code for our forms
terom@6:  */
terom@6: 
terom@6: (function($) {
terom@6:     /*
terom@9:      * Form field is empty - i.e. null value
terom@9:      *
terom@9:      * Pure whitespace also counts
terom@9:      */
terom@9:     $.fn.empty = function () {
terom@9:         return !this.val() || $.trim(this.val()) == "";
terom@9:     }
terom@9: 
terom@9:     /**
terom@9:      * Query or set form field disabled state
terom@9:      */
terom@9:     $.fn.disabled = function (flag) {
terom@9:         if (flag == undefined)
terom@9:             // XXX: jQuery returns `true` here?
terom@9:             return !!this.attr("disabled");
terom@9: 
terom@9:         if (flag)
terom@9:             this.attr("disabled", "disabled");
terom@9:         else
terom@9:             this.removeAttr("disabled");
terom@9:     }
terom@9: 
terom@15:     $.fn.checked = function (flag) {
terom@15:         if (flag == undefined)
terom@15:             // XXX: jQuery returns true here?
terom@15:             return !!this.attr("checked");
terom@15: 
terom@15: 
terom@15:         if (flag)
terom@15:             this.attr("checked", "checked");
terom@15:         else
terom@15:             this.removeAttr("checked");
terom@15:     }
terom@15: 
terom@15:     /*
terom@15:      * The given checkbox acts as an enable/disable toggle for this form control
terom@15:      */
terom@15:     $.fn.formEnabledBy = function (checkbox) {
terom@15:         var target = this;
terom@15: 
terom@15:         checkbox.change(function () {
terom@15:             target.disabled(!checkbox.checked());
terom@15:         });
terom@15:         checkbox.change();
terom@15:     }
terom@15: 
terom@9:     /*
terom@6:      * When non-zero <select>/<option> is selected, apply that option as pre-filled values for other form items
terom@6:      */
terom@6:     $.fn.formSelectPreset = function (opts) {
terom@6:         opts = $.extend({
terom@6:             // which option value is the "default", i.e. 'create new'
terom@6:             valueDefault: 0,
terom@6: 
terom@6:             // which element to apply selected option value (id) to
terom@6:             valueTarget: null,
terom@6: 
terom@6:             // which element to apply selected option text to
terom@6:             textTarget: null,
terom@6:         }, opts);
terom@6: 
terom@9:         function update () {
terom@6:             // selected option value (i.e. id)
terom@6:             value = $(this).val();
terom@6: 
terom@6:             // selected option text (i.e. title/name)
terom@6:             text = $.trim($(this).find("option:selected").text());
terom@6: 
terom@6:             // fields to set
terom@6:             field_values = [
terom@6:                 [ opts.valueTarget, value ],
terom@6:                 [ opts.textTarget, text ]
terom@6:             ];
terom@6: 
terom@6:             if (value == opts.valueDefault) {
terom@6:                 // clear and re-enable fields
terom@9:                 if (opts.valueTarget && (opts.valueTarget.disabled() || opts.valueTarget.empty())) {
terom@9:                     opts.valueTarget.disabled(false);
terom@6:                     opts.valueTarget.val("");
terom@6:                 }
terom@6: 
terom@9:                 if (opts.textTarget && (opts.textTarget.disabled() || opts.textTarget.empty())) {
terom@9:                     opts.textTarget.disabled(false);
terom@6:                     opts.textTarget.val("");
terom@6:                 }
terom@6: 
terom@6:                 return;
terom@6:             }
terom@6: 
terom@6:             // set field values
terom@6:             if (opts.valueTarget) {
terom@9:                 opts.valueTarget.disabled(true);
terom@6:                 opts.valueTarget.val(value);
terom@6:             }
terom@6: 
terom@6:             if (opts.textTarget) {
terom@9:                 opts.textTarget.disabled(true);
terom@6:                 opts.textTarget.val(text);
terom@6:             }
terom@9:         }
terom@9:         
terom@9:         // update linked field state on update, and startup..
terom@9:         this.change(update);
terom@9:         this.change()
terom@6:     }
terom@6: })(jQuery);