Mercurial > lada > lada-client
annotate app/view/widget/DayOfYear.js @ 1200:e9efd2edb50f
Add error code for values outside a validity range.
author | Tom Gottfried <tom@intevation.de> |
---|---|
date | Fri, 23 Sep 2016 17:20:22 +0200 |
parents | 0a7f0a09151c |
children | 05c8bd380fd5 |
rev | line source |
---|---|
1199
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
1 /* Copyright (C) 2013 by Bundesamt fuer Strahlenschutz |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
2 * Software engineering by Intevation GmbH |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
3 * |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
4 * This file is Free Software under the GNU GPL (v>=3) |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
5 * and comes with ABSOLUTELY NO WARRANTY! Check out |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
6 * the documentation coming with IMIS-Labordaten-Application for details. |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
7 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
8 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
9 var monthsStore = Ext.create('Ext.data.Store', { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
10 fields: ['id', 'name'], |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
11 data: [{ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
12 'id': 0, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
13 'name': 'Januar' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
14 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
15 'id': 1, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
16 'name': 'Februar' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
17 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
18 'id': 2, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
19 'name': 'März' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
20 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
21 'id': 3, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
22 'name': 'April' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
23 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
24 'id': 4, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
25 'name': 'Mai' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
26 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
27 'id': 5, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
28 'name': 'Juni' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
29 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
30 'id': 6, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
31 'name': 'Juli' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
32 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
33 'id': 7, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
34 'name': 'August' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
35 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
36 'id': 8, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
37 'name': 'September' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
38 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
39 'id': 9, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
40 'name': 'Oktober' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
41 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
42 'id': 10, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
43 'name': 'November' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
44 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
45 'id': 11, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
46 'name': 'Dezember' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
47 }] |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
48 }); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
49 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
50 /** |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
51 * Panel to select month and day of month, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
52 * that can be serialized to day of year |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
53 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
54 Ext.define('Lada.view.widget.DayOfYear', { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
55 extend: 'Ext.panel.Panel', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
56 alias: 'widget.dayofyear', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
57 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
58 layout: { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
59 type: 'hbox', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
60 pack: 'end', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
61 defaultMargins: '3' |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
62 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
63 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
64 initComponent: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
65 var me = this; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
66 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
67 /* |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
68 * Create hidden field to hold the day of year value |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
69 * for/of the record of the form. |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
70 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
71 var DOYField = Ext.create('Ext.form.field.Number', { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
72 name: this.name, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
73 hidden: true, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
74 listeners: this.listeners |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
75 }); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
76 /* Use dirtychange to avoid endless loop with change listeners on |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
77 * visible items. This one is for initialisation by the form. */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
78 DOYField.addListener('dirtychange', me.setFields); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
79 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
80 /* |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
81 * Add hidden field and visible fields to let the user choose |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
82 * day and month to the panel. |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
83 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
84 this.items = [{ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
85 xtype: 'numberfield', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
86 isFormField: false, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
87 fieldLabel: this.fieldLabel, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
88 labelWidth: this.labelWidth, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
89 width: 50 + this.labelWidth, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
90 msgTarget: 'none', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
91 allowDecimals: false, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
92 maxLength: 2, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
93 enforceMaxLength: true, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
94 allowBlank: this.allowBlank, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
95 minValue: 1, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
96 maxValue: 31, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
97 emptyText: 'Tag', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
98 listeners: { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
99 /* we have to listen on change because checkMaxDay() might |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
100 * change the value. UI events like blur do not track this. */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
101 change: { fn: me.setDOY } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
102 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
103 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
104 xtype: 'combobox', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
105 isFormField: false, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
106 width: 100, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
107 msgTarget: 'none', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
108 store: monthsStore, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
109 allowBlank: this.allowBlank, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
110 forceSelection: true, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
111 valueField: 'id', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
112 displayField: 'name', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
113 emptyText: 'Monat', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
114 queryMode: 'local', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
115 listeners: { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
116 collapse: { fn: me.setDOY }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
117 change: { fn: me.checkMaxDay } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
118 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
119 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
120 xtype: 'image', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
121 name: 'warnImg', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
122 src: 'resources/img/dialog-warning.png', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
123 width: 14, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
124 height: 14, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
125 hidden: true |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
126 }, { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
127 xtype: 'image', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
128 name: 'errorImg', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
129 src: 'resources/img/emblem-important.png', |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
130 width: 14, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
131 height: 14, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
132 hidden: true |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
133 }, DOYField]; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
134 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
135 this.callParent(arguments); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
136 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
137 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
138 /* |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
139 * Set values in panel items for day and month |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
140 * from hidden day of year field |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
141 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
142 setFields: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
143 var panel = this.up('panel'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
144 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
145 // create a date object with arbitrary non-leap year |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
146 var doy = panel.down('numberfield[hidden]').getValue(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
147 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
148 if (doy != null) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
149 var date = Ext.Date.subtract( |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
150 new Date(1970, 0, 1), Ext.Date.DAY, -doy); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
151 var month = date.getMonth(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
152 var day = date.getDate(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
153 panel.down('combobox').setValue(month); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
154 panel.down('numberfield[hidden=false]').setValue(day); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
155 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
156 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
157 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
158 /* |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
159 * Function to be called from listeners of visible items |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
160 * to set the value of the hidden day of year field. |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
161 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
162 setDOY: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
163 var panel = this.up('panel'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
164 var month = panel.down('combobox').getValue(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
165 var day = panel.down('numberfield[hidden=false]').getValue(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
166 var maxDay = panel.down('numberfield[hidden=false]').maxValue; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
167 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
168 if (month != null && day != null && day <= maxDay) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
169 // create a date object with arbitrary non-leap year |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
170 var date = new Date(1970, month, day); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
171 var doy = Ext.Date.getDayOfYear(date); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
172 panel.down('numberfield[hidden]').setValue(doy); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
173 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
174 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
175 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
176 /* |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
177 * Call from listener of month selection widget to set maximum and |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
178 * validate associated day value. |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
179 */ |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
180 checkMaxDay: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
181 this.up('panel').down('numberfield[hidden=false]') |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
182 .clearInvalid(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
183 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
184 // create a date object with arbitrary non-leap year |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
185 var maxDay = Ext.Date.getDaysInMonth( |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
186 new Date(1970, this.getValue())); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
187 this.up('panel').down('numberfield[hidden=false]') |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
188 .setMaxValue(maxDay); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
189 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
190 var curDay = this.up('panel') |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
191 .down('numberfield[hidden=false]').getValue(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
192 if (curDay > maxDay) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
193 this.up('panel').down('numberfield[hidden=false]') |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
194 .setValue(maxDay); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
195 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
196 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
197 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
198 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
199 showWarnings: function(warnings) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
200 var img = this.down('image[name=warnImg]'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
201 Ext.create('Ext.tip.ToolTip', { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
202 target: img.getEl(), |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
203 html: warnings |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
204 }); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
205 img.show(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
206 this.down('numberfield[hidden=false]').invalidCls = 'x-lada-warning'; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
207 this.down('numberfield[hidden=false]').markInvalid(''); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
208 this.down('combobox').markInvalid(''); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
209 var fieldset = this.up('fieldset[collapsible=true]'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
210 if (fieldset) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
211 var i18n = Lada.getApplication().bundle; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
212 var warningText = i18n.getMsg(this.name) + ': ' + warnings; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
213 fieldset.showWarningOrError(true, warningText); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
214 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
215 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
216 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
217 showErrors: function(errors) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
218 var img = this.down('image[name=errorImg]'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
219 var warnImg = this.down('image[name=warnImg]'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
220 warnImg.hide(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
221 Ext.create('Ext.tip.ToolTip', { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
222 target: img.getEl(), |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
223 html: errors |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
224 }); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
225 this.down('numberfield[hidden=false]').invalidCls = 'x-lada-error'; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
226 this.down('numberfield[hidden=false]').markInvalid(''); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
227 this.down('combobox').markInvalid(''); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
228 img.show(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
229 var fieldset = this.up('fieldset[collapsible=true]'); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
230 if (fieldset) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
231 var i18n = Lada.getApplication().bundle; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
232 var errorText = i18n.getMsg(this.name) + ': ' + errors; |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
233 fieldset.showWarningOrError(false, '', true, errorText); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
234 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
235 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
236 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
237 clearWarningOrError: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
238 this.down('image[name=errorImg]').hide(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
239 this.down('image[name=warnImg]').hide(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
240 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
241 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
242 getValue: function() { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
243 this.down('numberfield[hidden]').getValue(); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
244 }, |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
245 |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
246 setValue: function(value) { |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
247 this.down('numberfield[hidden]').setValue(value); |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
248 } |
0a7f0a09151c
Replace date-time picker with appropriate widget to select day of year.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
249 }); |