[Lada-commits] [PATCH] changed layout of Probe form
Wald Commits
scm-commit at wald.intevation.org
Wed Aug 26 15:33:12 CEST 2015
# HG changeset patch
# User Michael Stanko <mstanko at bfs.de>
# Date 1440595769 -7200
# Node ID 9265637fe6c03c3a98fb7f7381ccbea83ee537d4
# Parent 7cbbe0485d0d0e9169fd5a4dff3cd18bf540e965
changed layout of Probe form
diff -r 7cbbe0485d0d -r 9265637fe6c0 app/model/Probe.js
--- a/app/model/Probe.js Thu Aug 20 14:37:37 2015 +0200
+++ b/app/model/Probe.js Wed Aug 26 15:29:29 2015 +0200
@@ -24,7 +24,8 @@
}, {
name: 'hauptprobenNr'
}, {
- name: 'test'
+ name: 'test',
+ type: 'boolean'
}, {
name: 'netzbetreiberId',
serialize: function(value) {
diff -r 7cbbe0485d0d -r 9265637fe6c0 app/view/form/Probe.js
--- a/app/view/form/Probe.js Thu Aug 20 14:37:37 2015 +0200
+++ b/app/view/form/Probe.js Wed Aug 26 15:29:29 2015 +0200
@@ -6,18 +6,18 @@
* the documentation coming with IMIS-Labordaten-Application for details.
*/
-/**
- * Form to edit a Probe
+/*
+ * Formular to edit a Probe
*/
Ext.define('Lada.view.form.Probe', {
extend: 'Ext.form.Panel',
alias: 'widget.probeform',
requires: [
'Lada.view.widget.Datenbasis',
+ 'Lada.view.widget.base.CheckBox',
'Lada.view.widget.Messstelle',
'Lada.view.widget.Netzbetreiber',
'Lada.view.widget.Betriebsart',
- 'Lada.view.widget.Testdatensatz',
'Lada.view.widget.Probenart',
'Lada.view.widget.Umwelt',
'Lada.view.widget.Deskriptor',
@@ -69,166 +69,177 @@
}]
}],
items: [{
- layout: 'hbox',
+ layout: 'vbox',
border: 0,
items: [{
- border: 0,
- width: '50%',
- minWidth: 290,
- layout: {
- type: 'vbox',
- align: 'stretch'
- },
- margin: '0, 10, 0, 0',
- items: [{
- xtype: 'messstelle',
- name: 'mstId',
- fieldLabel: 'Messstelle',
- labelWidth: 135,
- allowBlank: false,
- editable: true
- }, {
- xtype: 'tfield',
- name: 'hauptprobenNr',
- maxLength: 20,
- fieldLabel: 'Hauptprobennr.',
- labelWidth: 135
- }]
- }, {
- border: 0,
- width: '50%',
- minWidth: 300,
- margin: '0, 1, 0, 0',
- items: [{
- xtype: 'fset',
- title: 'Erweiterte Angaben',
- name: 'erwAngaben',
- collapsible: true,
- collapsed: true,
+ layout: {
+ type: 'hbox',
+ align: 'stretch'
+ },
+ border: 0,
+ width: '100%',
items: [{
- xtype: 'datenbasis',
- editable: false,
- name: 'datenbasisId',
- fieldLabel: 'Datenbasis',
- anchor: '100%',
- labelWidth: 105
- }, {
- xtype: 'betriebsart',
- name: 'baId',
- fieldLabel: 'Betriebsart',
- anchor: '100%',
- labelWidth: 105
- }, {
- xtype: 'testdatensatz',
- name: 'test',
- fieldLabel: 'Testdatensatz',
- anchor: '100%',
- labelWidth: 105,
- allowBlank: false
- }, {
- xtype: 'probenart',
- editable: false,
- name: 'probenartId',
- fieldLabel: 'Probenart',
- anchor: '100%',
- labelWidth: 105,
- allowBlank: false
- }, {
- xtype: 'numberfield',
- allowDecimals: false,
- name: 'probeNehmerId',
- fieldLabel: 'Probennehmer',
- minValue: 0,
- anchor: '100%',
- labelWidth: 105
+ xtype: 'messstelle',
+ name: 'mstId',
+ fieldLabel: 'Messstelle',
+ margin: '0, 5, 5, 5',
+ width: '35%',
+ labelWidth: 90,
+ allowBlank: false,
+ editable: true
}, {
xtype: 'netzbetreiber',
name: 'netzbetreiberId',
editable: false,
readOnly: true,
fieldLabel: 'Netzbetreiber',
+ margin: '0, 5, 5, 5',
+ width: '35%',
+ labelWidth: 80,
+ allowBlank: false
+ }, {
+ xtype: 'datenbasis',
+ editable: false,
+ name: 'datenbasisId',
+ fieldLabel: 'Datenbasis',
+ margin: '0, 5, 5, 5',
+ width: '20%',
+ labelWidth: 65
+ }, {
+ xtype: 'chkbox',
+ name: 'test',
+ fieldLabel: 'Test',
+ margin: '0, 5, 5, 5',
+ width: '10%',
anchor: '100%',
- labelWidth: 105,
+ labelWidth: 30
+ }]
+ }, {
+ layout: {
+ type: 'hbox',
+ align: 'stretch'
+ },
+ border: 0,
+ width: '100%',
+ items: [{
+ xtype: 'tfield',
+ name: 'hauptprobenNr',
+ fieldLabel: 'Hauptprobennr.',
+ margin: '0, 5, 5, 5',
+ width: '35%',
+ labelWidth: 90,
+ maxLength: 20,
+ allowBlank: true
+ }, {
+ xtype: 'betriebsart',
+ name: 'baId',
+ fieldLabel: 'Messregime',
+ margin: '0, 5, 5, 5',
+ width: '35%',
+ labelWidth: 80
+ }, {
+ xtype: 'probenart',
+ editable: false,
+ name: 'probenartId',
+ fieldLabel: 'Probenart',
+ margin: '0, 15, 5, 5',
+ width: '20%',
+ labelWidth: 65,
allowBlank: false
+ }]
+ }, {
+ layout: {
+ type: 'hbox',
+ align: 'stretch'
+ },
+ border: 0,
+ width: '100%',
+ items: [{
+ xtype: 'numberfield',
+ allowDecimals: false,
+ name: 'probeNehmerId',
+ fieldLabel: 'Probennehmer',
+ margin: '0, 5, 5, 5',
+ width: '50%',
+ minValue: 0,
+ anchor: '100%',
+ labelWidth: 90
}, {
xtype: 'tfield',
name: 'x11',
fieldLabel: 'Datensatzerzeuger',
+ margin: '0, 5, 5, 5',
+ width: '50%',
anchor: '100%',
- labelWidth: 105
+ labelWidth: 90
}]
}]
- }]
}, {
// Zeit
xtype: 'fieldset',
title: 'Zeit',
layout: {
- type: 'hbox',
- pack: 'center',
+ type: 'vbox',
align: 'stretch'
},
items: [{
xtype: 'fset',
- title: 'Probenentnahme',
- name: 'entnahmePeriod',
- anchor: '100%',
- width: '50%',
- margin: '0, 5, 5, 5',
+ name: 'sollzeitPeriod',
+ width: '100%',
+ border: 0,
+ margin: 0,
layout: {
- type: 'vbox',
- align: 'stretch'
+ type: 'hbox',
},
items: [{
xtype: 'datetime',
- fieldLabel: 'Beginn',
- labelWidth: 90,
- anchor: '100%',
+ fieldLabel: 'Sollzeitraum von',
+ labelWidth: 120,
+ margin: '0, 5, 5, 5',
+ name: 'solldatumBeginn',
+ format: 'd.m.Y H:i',
+ period: 'start'
+ }, {
+ xtype: 'datetime',
+ fieldLabel: 'bis',
+ labelWidth: 10,
+ margin: '0, 5, 5, 5',
+ name: 'solldatumEnde',
+ format: 'd.m.Y H:i',
+ period: 'end'
+ }]
+ }, {
+ xtype: 'fset',
+ name: 'entnahmePeriod',
+ width: '100%',
+ border: 0,
+ margin: 0,
+ layout: {
+ type: 'hbox',
+ },
+ items: [{
+ xtype: 'datetime',
+ fieldLabel: 'Probenentnahme von',
+ labelWidth: 120,
+ margin: '0, 5, 5, 5',
name: 'probeentnahmeBeginn',
format: 'd.m.Y H:i',
period: 'start'
}, {
xtype: 'datetime',
- fieldLabel: 'Ende',
- labelWidth: 90,
- anchor: '100%',
+ fieldLabel: 'bis',
+ labelWidth: 10,
+ margin: '0, 5, 5, 5',
name: 'probeentnahmeEnde',
format: 'd.m.Y H:i',
period: 'end'
}]
- }, {
- xtype: 'fset',
- title: 'Sollzeitraum',
- name: 'sollzeitPeriod',
- anchor: '100%',
- width: '50%',
- margin: '0, 5, 5, 5',
- layout: {
- type: 'vbox',
- align: 'stretch'
- },
- items: [{
- xtype: 'datetime',
- fieldLabel: 'Von',
- labelWidth: 90,
- anchor: '100%',
- name: 'solldatumBeginn',
- format: 'd.m.Y H:i',
- period: 'start'
- }, {
- xtype: 'datetime',
- fieldLabel: 'Bis',
- labelWidth: 90,
- anchor: '100%',
- name: 'solldatumEnde',
- format: 'd.m.Y H:i',
- period: 'end'
- }]
}]
}, {
// Medium
xtype: 'fieldset',
title: 'Medium',
+ width: '100%',
items: [{
border: 0,
layout: {
@@ -237,33 +248,6 @@
},
width: '100%',
items: [{
- xtype: 'textfield',
- name: 'media',
- labelWidth: 125,
- fieldLabel: 'Medienbezeichnung',
- listeners: {
- dirtychange: {
- fn: this.updateOnChange,
- scope: me
- }
- }
- }, {
- xtype: 'tfield',
- maxLength: 38,
- enforceMaxLength: true,
- name: 'mediaDesk',
- labelWidth: 125,
- fieldLabel: 'Deskriptoren',
- regex: new RegExp('(?:D: ){1}(?:[0-9]{2} ){11}[0-9]{2}'),
- regexText: 'Die Deskriptoren haben das falsche Format.<br />'+
- 'Richtig wäre: D: 99 99 99 99 99 99 99 99 99 99 99 99',
- listeners: {
- dirtychange: {
- fn: this.updateOnChange,
- scope: me
- }
- }
- }, {
xtype: 'umwelt',
name: 'umwId',
fieldLabel: 'Umweltbereich',
@@ -277,6 +261,45 @@
}
}
}, {
+ border: 0,
+ layout: {
+ type: 'hbox',
+ align: 'stretch'
+ },
+ width: '100%',
+ items: [{
+ xtype: 'tfield',
+ maxLength: 38,
+ enforceMaxLength: true,
+ name: 'mediaDesk',
+ width: '60%',
+ minWidth: 290,
+ labelWidth: 125,
+ fieldLabel: 'Deskriptoren',
+ regex: new RegExp('(?:D: ){1}(?:[0-9]{2} ){11}[0-9]{2}'),
+ regexText: 'Die Deskriptoren haben das falsche Format.<br />'+
+ 'Richtig wäre: D: 99 99 99 99 99 99 99 99 99 99 99 99',
+ listeners: {
+ dirtychange: {
+ fn: this.updateOnChange,
+ scope: me
+ }
+ }
+ }, {
+ xtype: 'textfield',
+ name: 'media',
+ margin: '0, 10, 5, 10',
+ enforceMaxLength: true,
+ editable: false,
+ readOnly: true,
+ listeners: {
+ dirtychange: {
+ fn: this.updateOnChange,
+ scope: me
+ }
+ }
+ }]
+ }, {
xtype: 'fieldset',
title: 'Details Deskriptoren',
collapsible: true,
@@ -376,7 +399,7 @@
this.down('tfield[name=hauptprobenNr]').clearWarningOrError();
this.down('cbox[name=datenbasisId]').clearWarningOrError();
this.down('cbox[name=baId]').clearWarningOrError();
- this.down('cbox[name=test]').clearWarningOrError();
+ this.down('chkbox[name=test]').clearWarningOrError();
this.down('cbox[name=probenartId]').clearWarningOrError();
this.down('cbox[name=netzbetreiberId]').clearWarningOrError();
this.down('tfield[name=x11]').clearWarningOrError();
@@ -386,7 +409,6 @@
this.down('datetime[name=solldatumBeginn]').clearWarningOrError();
this.down('datetime[name=solldatumEnde]').clearWarningOrError();
//this.down('numberfield[name=probeNehmerId]').clearWarningOrError();
- this.down('fset[name=erwAngaben]').clearMessages();
this.down('fset[name=entnahmePeriod]').clearMessages();
this.down('fset[name=sollzeitPeriod]').clearMessages();
},
@@ -396,7 +418,7 @@
this.down('tfield[name=hauptprobenNr]').setReadOnly(value);
this.down('cbox[name=datenbasisId]').setReadOnly(value);
this.down('cbox[name=baId]').setReadOnly(value);
- this.down('cbox[name=test]').setReadOnly(value);
+ this.down('chkbox[name=test]').setReadOnly(value);
this.down('cbox[name=probenartId]').setReadOnly(value);
//this.down('cbox[name=netzbetreiberId]').setReadOnly(value);
this.down('tfield[name=x11]').setReadOnly(value);
More information about the Lada-commits
mailing list