SITools2

/***************************************

* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES

* 

* This file is part of SITools2.

* 

* SITools2 is free software: you can redistribute it and/or modify

* it under the terms of the GNU General Public License as published by

* the Free Software Foundation, either version 3 of the License, or

* (at your option) any later version.

* 

* SITools2 is distributed in the hope that it will be useful,

* but WITHOUT ANY WARRANTY; without even the implied warranty of

* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

* GNU General Public License for more details.

* 

* You should have received a copy of the GNU General Public License

* along with SITools2.  If not, see <http://www.gnu.org/licenses/>.

***************************************/

/*global Ext, sitools, projectGlobal, i18n*/

Ext.namespace('sitools.user.modules');

/**

 * Feeds Reader Module.

 * @class sitools.user.modules.feedsReaderProject

 * @extends Ext.Panel

 */

sitools.user.modules.feedsReaderProject = Ext.extend(Ext.Panel, {

    layout : "fit",

    initComponent : function () {

        this.storeFeeds = new Ext.data.JsonStore({

            fields : [ 'id', 'feedType', 'title', 'feedSource', 'name', 'url' ],

            url : projectGlobal.sitoolsAttachementForUsers + "/feeds",

            root : "data",

            autoLoad : true

        });

        this.cb = new Ext.form.ComboBox({

            // all of your config options

            store : this.storeFeeds,

            displayField : 'name',

            valueField : 'name',

            typeAhead : true,

            mode : 'local',

            forceSelection : true,

            triggerAction : 'all',

            emptyText : i18n.get('label.selectAFeed'),

            selectOnFocus : true,

            scope : this,

            listeners : {

                scope : this,

                select : this.selectProject,

                render : function (cb) {

                    this.storeFeeds.on('load', function (store) {

                        if (this.storeFeeds.getTotalCount() > 0) {

                            var firstRec = store.getAt(0);

                            cb.setValue(firstRec.data.name);

                            this.selectProject(cb, firstRec, 0);

                        }

                    }, this);

                }

            }

        });

        this.buttonDate = this.createSorterButton({

            text: i18n.get("label.feedDate"),

            sortData: {

                //direction: 'ASC'

                direction: 'DESC'

            }

        });

        this.tbar = {

            xtype : 'toolbar',

            cls : 'services-toolbar-feeds',

            defaults : {

                scope : this,

                cls : 'services-toolbar-btn'

            },

            items : [ this.cb, '-' , this.buttonDate]

        };

        /**/

        sitools.user.modules.feedsReaderProject.superclass.initComponent.call(this);

    },

    selectProject : function (combo, rec, index) {

        this.remove(this.feedsReader);

        var url = projectGlobal.sitoolsAttachementForUsers + "/clientFeeds/" + rec.data.name;

        this.feedsReader = new sitools.widget.FeedGridFlux({

            urlFeed : url,

            feedType : rec.data.feedType,

            feedSource : rec.data.feedSource,

            autoLoad : true

        });

        this.add(this.feedsReader);

        this.doSort();

        this.doLayout();

    },

    /** SPECIFIC METHOD FOR SORT BUTTON **/ 

    /**

     * Tells the store to sort itself according to our sort data

     */

    doSort : function () {

        this.feedsReader.items.items[0].sortByDate(this.buttonDate.sortData.direction);

    },

    /**

     * Convenience function for creating Toolbar Buttons that are tied to sorters

     * @param {Object} config Optional config object

     * @return {Ext.Button} The new Button object

     */

    createSorterButton : function (config) {

        config = config || {};

        Ext.applyIf(config, {

            listeners: {

                scope : this,

                click: function (button, e) {

                    this.changeSortDirection(button, true);                    

                }

            },

            iconCls: 'sort-asc',// + config.sortData.direction.toLowerCase(),

            reorderable: true

        });

        return new Ext.Button(config);

    },

    /**

     * Callback handler used when a sorter button is clicked or reordered

     * @param {Ext.Button} button The button that was clicked

     * @param {Boolean} changeDirection True to change direction (default). Set to false for reorder

     * operations as we wish to preserve ordering there

     */

    changeSortDirection : function (button, changeDirection) {

        var sortData = button.sortData,

            iconCls  = button.iconCls;

        if (sortData != undefined) {

            if (changeDirection !== false) {

                button.sortData.direction = button.sortData.direction.toggle("ASC", "DESC");

                button.setIconClass(iconCls.toggle("sort-asc", "sort-desc"));

            }

            this.doSort();

        }

    },

    /**

     * Returns an array of sortData from the sorter buttons

     * @return {Array} Ordered sort data from each of the sorter buttons

     */

    getSorters : function () {

        var sorters = [];

        Ext.each(this.getTopToolbar().findByType('button'), function (button) {

            if (!Ext.isEmpty(button.sortData)) {

                sorters.push(button.sortData);

            }

        }, this);

        return sorters;

    }, 

    /**

     * method called when trying to save preference

     * @returns

     */

    _getSettings : function () {

                return {

            preferencesPath : "/modules", 

            preferencesFileName : this.id

        };

    }

});

Ext.reg('sitools.user.modules.feedsReaderProject', sitools.user.modules.feedsReaderProject);