History.js

/**
 * Cron History Panel
 *
 * @module package/quiqqer/cron/bin/History
 * @author www.pcsg.de (Henning Leutz)
 *
 * @require qui/QUI
 * @require qui/controls/desktop/Panel
 * @require qui/controls/windows/Confirm
 * @require qui/controls/buttons/Button
 * @require qui/controls/buttons/Seperator
 * @require controls/grid/Grid
 * @require Ajax
 * @require Locale
 */

define('package/quiqqer/cron/bin/History', [

    'qui/QUI',
    'qui/controls/desktop/Panel',
    'qui/controls/windows/Confirm',
    'qui/controls/buttons/Button',
    'qui/controls/buttons/Seperator',
    'controls/grid/Grid',
    'Ajax',
    'Locale'

], function (QUI, QUIPanel, QUIConfirm, QUIButton, QUIButtonSeperator, Grid, Ajax, QUILocale) {
    "use strict";

    var lg = 'quiqqer/cron';


    return new Class({

        Extends: QUIPanel,
        Type   : 'package/quiqqer/cron/bin/History',

        Binds: [
            '$onCreate',
            '$onResize'
        ],

        options: {
            title: 'Cron-History',
            icon : 'fa fa-long-arrow-right'
        },

        initialize: function (options) {
            this.parent(options);

            this.addEvents({
                onCreate: this.$onCreate,
                onResize: this.$onResize
            });
        },

        /**
         * Load the History list
         */
        loadData: function () {
            var self    = this,
                options = this.$Grid.options;

            this.Loader.show();

            Ajax.get('package_quiqqer_cron_ajax_history_get', function (result) {
                self.$Grid.setData(result);
                self.Loader.hide();
            }, {
                'package': 'quiqqer/cron',
                params   : JSON.encode({
                    perPage: options.perPage,
                    page   : options.page
                })
            });
        },

        /**
         * event : on Create
         */
        $onCreate: function () {
            var self      = this,
                Content   = this.getContent(),

                Container = new Element('div', {
                    'class': 'box',
                    styles : {
                        width : '100%',
                        height: '100%'
                    }
                }).inject(Content);


            this.$Grid = new Grid(Container, {
                columnModel: [{
                    header   : QUILocale.get('quiqqer/system', 'createdate'),
                    dataIndex: 'lastexec',
                    dataType : 'date',
                    width    : 150
                }, {
                    header   : QUILocale.get(lg, 'cron.id'),
                    dataIndex: 'cronid',
                    dataType : 'string',
                    width    : 50
                }, {
                    header   : QUILocale.get(lg, 'cron.title'),
                    dataIndex: 'cronTitle',
                    dataType : 'string',
                    width    : 200
                }, {
                    header   : QUILocale.get('quiqqer/system', 'user_id'),
                    dataIndex: 'uid',
                    dataType : 'string',
                    width    : 100
                }, {
                    header   : QUILocale.get('quiqqer/system', 'username'),
                    dataIndex: 'username',
                    dataType : 'string',
                    width    : 150
                }],
                pagination : true
            });

            this.$Grid.addEvents({
                onRefresh: function () {
                    self.loadData();
                }
            });

            this.$Grid.refresh();
        },

        /**
         * event : on resize
         */
        $onResize: function () {
            if (!this.$Grid) {
                return;
            }

            var Content = this.getContent(),
                size    = Content.getSize();

            this.$Grid.setHeight(size.y - 40);
            this.$Grid.setWidth(size.x - 40);
        }
    });
});