static/js/forms.js
author Tero Marttila <terom@fixme.fi>
Thu, 20 Jan 2011 23:14:07 +0200
changeset 58 4f4150296cd3
parent 36 d7a159024912
permissions -rw-r--r--
controllers: tidy up PageHandler a little
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($) {
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     6
    /**
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     7
     * 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
     8
     */
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
     9
    $.fn.disabled = function (flag) {
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    10
        if (flag == undefined)
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    11
            // 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
    12
            return !!this.attr("disabled");
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
        if (flag)
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    15
            this.attr("disabled", "disabled");
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    16
        else
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    17
            this.removeAttr("disabled");
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    18
    }
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    19
36
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    20
    /**
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    21
     * Query or set form field checked state
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    22
     */
15
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    23
    $.fn.checked = function (flag) {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    24
        if (flag == undefined)
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    25
            // XXX: jQuery returns true here?
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    26
            return !!this.attr("checked");
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    27
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    28
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    29
        if (flag)
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    30
            this.attr("checked", "checked");
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    31
        else
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    32
            this.removeAttr("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
36
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    35
    /**
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    36
     * Redirect browser to another URL
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    37
     *
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    38
     * XXX: Can I do a global function like this?
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    39
     */
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    40
    $.redirect = function (url) {
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    41
        window.location.href = url;
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    42
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    43
        return false;
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    44
    }
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    45
d7a159024912 forms: Add a reset/return button to separate-page forms
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    46
15
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    47
    /*
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    48
     * 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
    49
     */
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    50
    $.fn.formEnabledBy = function (checkbox) {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    51
        var target = this;
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    52
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    53
        checkbox.change(function () {
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    54
            target.disabled(!checkbox.checked());
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    55
        });
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    56
        checkbox.change();
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    57
    }
e098ee83b363 Implement OrderContractDocument
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    58
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    59
    /*
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    60
     * 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
    61
     */
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    62
    $.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
    63
        opts = $.extend({
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    64
            // 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
    65
            valueDefault: 0,
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    66
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    67
            // 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
    68
            valueTarget: null,
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    69
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    70
            // 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
    71
            textTarget: null,
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    72
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    73
            // 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
    74
            mapTargets: null
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    75
        }, opts);
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    76
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
    77
        function update () {
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    78
            // 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
    79
            value = $(this).val();
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    80
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    81
            // 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
    82
            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
    83
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    84
            // fields to set
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    85
            field_values = [];
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    86
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    87
            if (opts.valueTarget)
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    88
                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
    89
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    90
            if (opts.textTarget)
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    91
                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
    92
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    93
            if (opts.mapTargets) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    94
                $.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
    95
                    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
    96
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    97
                    // entry
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
    98
                    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
    99
                });
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   100
            }
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   101
            
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   102
            // apply new value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   103
            if (value == opts.valueDefault) {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   104
                // 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
   105
                $.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
   106
                    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
   107
18
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   108
                    if (!field.disabled())
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   109
                        // 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
   110
                        // 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
   111
                        return;
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   112
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   113
                    // reset
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   114
                    field.val("");
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   115
                    field.disabled(false);
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
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   118
            } else {
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   119
                // 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
   120
                $.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
   121
                    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
   122
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   123
                    // contant value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   124
                    field.disabled(true);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   125
                    
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   126
                    // display the read-only value
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   127
                    field.val(value);
5d06a3658699 order: Implement correct form preset values for phone/email
Tero Marttila <terom@fixme.fi>
parents: 15
diff changeset
   128
                });
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   129
            }
9
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   130
        }
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   131
        
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   132
        // 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
   133
        this.change(update);
0327b83959e9 Implement working NewOrderView, and start restructuring it again right away...
Tero Marttila <terom@fixme.fi>
parents: 6
diff changeset
   134
        this.change()
6
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   135
    }
72c73df76db2 Split wsgi.py into controllers/customers/urls for now; start orders form
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   136
})(jQuery);