static/js/forms.js
author Tero Marttila <terom@fixme.fi>
Thu, 23 Dec 2010 22:31:52 +0200
changeset 18 5d06a3658699
parent 15 e098ee83b363
child 21 3510b9092bc4
permissions -rw-r--r--
order: Implement correct form preset values for phone/email
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     1
/**
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     2
 * jQuery support code for our forms
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     3
 */
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     4
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     5
(function($) {
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     6
    /*
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     7
     * Form field is empty - i.e. null value
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     8
     *
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     9
     * Pure whitespace also counts
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    10
     */
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    11
    $.fn.empty = function () {
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    12
        return !this.val() || $.trim(this.val()) == "";
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    13
    }
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    14
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    15
    /**
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    16
     * Query or set form field disabled state
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    17
     */
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    18
    $.fn.disabled = function (flag) {
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    19
        if (flag == undefined)
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    20
            // XXX: jQuery returns `true` here?
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    21
            return !!this.attr("disabled");
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    22
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    23
        if (flag)
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    24
            this.attr("disabled", "disabled");
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    25
        else
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    26
            this.removeAttr("disabled");
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    27
    }
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    28
15
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    29
    $.fn.checked = function (flag) {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    30
        if (flag == undefined)
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    31
            // XXX: jQuery returns true here?
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    32
            return !!this.attr("checked");
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    33
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    34
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    35
        if (flag)
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    36
            this.attr("checked", "checked");
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    37
        else
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    38
            this.removeAttr("checked");
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    39
    }
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    40
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    41
    /*
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    42
     * The given checkbox acts as an enable/disable toggle for this form control
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    43
     */
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    44
    $.fn.formEnabledBy = function (checkbox) {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    45
        var target = this;
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    46
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    47
        checkbox.change(function () {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    48
            target.disabled(!checkbox.checked());
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    49
        });
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    50
        checkbox.change();
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    51
    }
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    52
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    53
    /*
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    54
     * When non-zero <select>/<option> is selected, apply that option as pre-filled values for other form items
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    55
     */
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    56
    $.fn.formSelectsPreset = function (opts) {
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    57
        opts = $.extend({
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    58
            // which option value is the "default", i.e. 'create new'
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    59
            valueDefault: 0,
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    60
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    61
            // which element to apply selected option value (id) to
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    62
            valueTarget: null,
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    63
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    64
            // which element to apply selected option text to
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    65
            textTarget: null,
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    66
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    67
            // list of targets from external lookup maps
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    68
            mapTargets: null
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    69
        }, opts);
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    70
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    71
        function update () {
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    72
            // selected option value (i.e. id)
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    73
            value = $(this).val();
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    74
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    75
            // selected option text (i.e. title/name)
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    76
            text = $.trim($(this).find("option:selected").text());
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    77
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    78
            // fields to set
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    79
            field_values = [];
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    80
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    81
            if (opts.valueTarget)
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    82
                field_values.push([opts.valueTarget, value]);
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    83
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    84
            if (opts.textTarget)
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    85
                field_values.push([opts.textTarget, text]);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    86
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    87
            if (opts.mapTargets) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    88
                $.each(opts.mapTargets, function (index, entry) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    89
                    var field = entry[0], map = entry[1];
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    90
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    91
                    // entry
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    92
                    field_values.push([field, map[value]]);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    93
                });
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    94
            }
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    95
            
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    96
            // apply new value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    97
            if (value == opts.valueDefault) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    98
                // Re-enable all the fields that we set preset values for earlier
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    99
                $.each(field_values, function (index, entry) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   100
                    var field = entry[0], value = entry[1];
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   101
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   102
                    if (!field.disabled())
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   103
                        // if we didn't lock it down, we shouldn't be resetting it..
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   104
                        // this happens mainly at page load
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   105
                        return;
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   106
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   107
                    // reset
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   108
                    field.val("");
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   109
                    field.disabled(false);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   110
                });
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   111
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   112
            } else {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   113
                // Set preset value and lock down the target fields
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   114
                $.each(field_values, function (index, entry) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   115
                    var field = entry[0], value = entry[1];
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   116
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   117
                    // contant value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   118
                    field.disabled(true);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   119
                    
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   120
                    // display the read-only value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   121
                    field.val(value);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   122
                });
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   123
            }
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   124
        }
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   125
        
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   126
        // update linked field state on update, and startup..
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   127
        this.change(update);
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   128
        this.change()
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   129
    }
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   130
})(jQuery);