diff app/view/form/Probe.js @ 924:9265637fe6c0

changed layout of Probe form
author Michael Stanko <mstanko@bfs.de>
date Wed, 26 Aug 2015 15:29:29 +0200
parents a1d72228af00
children c75f13578315
line wrap: on
line diff
--- 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);

http://lada.wald.intevation.org