/* Copyright (C) 2013 by Bundesamt fuer Strahlenschutz
 * Software engineering by Intevation GmbH
 *
 * This file is Free Software under the GNU GPL (v>=3)
 * and comes with ABSOLUTELY NO WARRANTY! Check out
 * the documentation coming with IMIS-Labordaten-Application for details.
 */

/**
 * Panel to show available search queries
 */
Ext.define('Lada.view.FilterPanel', {
    extend: 'Ext.form.FieldSet',
    alias: 'widget.filterpanel',

    require: [
        'Ext.layout.container.Column'
    ],

    title: 'Filter',
    initComponent: function() {
        this.layout = {
            type: 'vbox',
            align: 'stretch'
        };
        var me = this;
        this.items = [{
            layout: 'hbox',
            border: false,
            items: [{
                xtype: 'combobox',
                name: 'filter',
                editable: false,
                flex: 1,
                displayField: 'name',
                valueField: 'id',
                queryMode: 'local',
                emptyText: 'Wählen Sie eine Abfrage'
            }, {
                xtype: 'button',
                action: 'details',
                enableToggle: true,
                text: 'Details',
                margin: '0 0 0 10'
            }]
        }, {
            layout: {
                type: 'hbox'
            },
            border: false,
            items: [{
                xtype: 'checkbox',
                name: 'favorites',
                boxLabel: 'nur Favoriten',
                checked: true
            }, {
                xtype: 'button',
                action: 'manage',
                text: 'Filterauswahl bearbeiten',
                margin: '0 0 0 20'
            }]
        }, {
            xtype: 'displayfield',
            name: 'description',
            shrinkWrap: 3,
            margin: '0, 0, 0 ,5',
            value: '-/-'
        }, {
            xtype: 'panel',
            border: false,
            margin: '10 0 10 0',
            items: [{
                xtype: 'button',
                action: 'search',
                icon: 'resources/img/Find.png',
                text: 'Suchen',
                margin: '0 10 0 0'
            }, {
                xtype: 'button',
                action: 'reset',
                text: 'Zurücksetzen',
                margin: '0 10 0 0'
            }],
            hidden: false
        }, {
            xtype: 'panel',
            border: false,
            name: 'filtervariables',
            hidden: true,
            margin: '10, 0, 10, 0',
            items: [{
                xtype: 'panel',
                border: false,
                name: 'filtervalues',
                items: []
            }, {
                layout: {
                    type: 'hbox',
                    pack: 'end'
                },
                border: false,
                items: [{
                    xtype: 'button',
                    action: 'savedefault',
                    text: 'Vorbelegung speichern',
                    margin: '0, 10, 0, 0'
                }, {
                    xtype: 'button',
                    action: 'resetdefault',
                    text: 'Vorbelegung zurücksetzen'
                }]
            }]
        }];
        this.callParent(arguments);
        var combo = me.down('combobox[name=filter]');
        combo.store = Ext.create('Ext.data.Store', {
            model: 'Lada.model.Query'
        });
        var store = Ext.StoreManager.get('probequeries');
        store.on('load', function storeLoad () {
            var entries = store.queryBy(function(record) {
                if (record.get('favorite')) {
                    return true;
                }
            });
            if (entries.getCount() === 0) {
                var cb = me.down('checkbox[name=favorites]');
                cb.setValue(false);
            }
            combo.store.add(entries.items);
            combo.select(combo.store.getAt(0));
            combo.fireEvent('select', combo, [combo.store.getAt(0)]);
            store.un('load', storeLoad);
        });
    }
});