Category.js

/**
 * Area manager for the site object
 *
 * @module package/quiqqer/bricks/bin/Site/Category
 * @author www.pcsg.de (Henning Leutz)
 *
 * @event onLoaded
 */

define('package/quiqqer/bricks/bin/Site/Category', [

    'qui/QUI',
    'qui/controls/Control',
    'qui/controls/loader/Loader',
    'Ajax',
    'Locale',
    'package/quiqqer/bricks/bin/Site/Area',

    'css!package/quiqqer/bricks/bin/Site/Category.css'

], function (QUI, QUIControl, QUILoader, QUIAjax, QUILocale, Area)
{
    "use strict";

    return new Class({

        Extends : QUIControl,
        Type    : 'package/quiqqer/bricks/bin/Site/Category',

        Binds : [
            '$onInject',
            '$onDestroy'
        ],

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

            this.Loader = new QUILoader();
            this.areas  = [];

            this.addEvents({
                onInject  : this.$onInject,
                onDestroy : this.$onDestroy
            });
        },

        /**
         * Return the domnode element
         * @return {HTMLElement}
         */
        create: function ()
        {
            this.$Elm = new Element('div', {
                'class' : 'quiqqer-bricks-site-category'
            });

            this.Loader.inject( this.$Elm );


            return this.$Elm;
        },

        /**
         * event : on inject
         */
        $onInject : function()
        {
            var self = this;

            this.Loader.show();

            this.getBrickAreas(function(bricks)
            {
                if ( !bricks.length )
                {
                    self.$Elm.set(
                        'html',
                        QUILocale.get( 'quiqqer/bricks', 'bricks.message.no.areas.found' )
                    );

                    return;
                }

                var i, len, data, AC;

                var Site  = self.getAttribute( 'Site' ),
                    areas = Site.getAttribute( 'quiqqer.bricks.areas' );

                if ( areas ) {
                    areas = JSON.decode( areas );
                }

                for ( i = 0, len = bricks.length; i < len; i++ )
                {
                    AC = self.$insertBrickAreaEdit( bricks[ i ] );

                    if ( typeof areas[ AC.getAttribute('name') ] === 'undefined' ) {
                        continue;
                    }

                    data = areas[ AC.getAttribute('name') ];

                    data.each(function(brickData) {
                        AC.addBrick( brickData );
                    });
                }

                self.Loader.hide();
                self.fireEvent( 'loaded' );
            });
        },

        /**
         * event : on destroy
         */
        $onDestroy : function()
        {
            this.updateSite();
        },

        /**
         * Update the internal site object
         */
        updateSite : function()
        {
            var i, len, AC;

            var Site  = this.getAttribute( 'Site' ),
                areas = {};

            for ( i = 0, len = this.areas.length; i < len; i++ )
            {
                AC = this.areas[ i ];

                areas[ AC.getAttribute( 'name' ) ] = AC.getData();
            }

            Site.setAttribute( 'quiqqer.bricks.areas', JSON.encode( areas ) );
        },

        /**
         * Return the available areas for the site
         * @param {Function} callback - callback function
         */
        getBrickAreas : function(callback)
        {
            var Site    = this.getAttribute( 'Site' ),
                Project = Site.getProject();

            QUIAjax.get('package_quiqqer_bricks_ajax_project_getAreas', callback, {
                'package' : 'quiqqer/bricks',
                project   : Project.encode(),
                layout    : Site.getAttribute( 'layout' )
            });
        },

        /**
         * Create a brick area edit container
         *
         * @param {Object} area - Data of the area
         * @return Area
         */
        $insertBrickAreaEdit : function(area)
        {
            var Site    = this.getAttribute( 'Site' ),
                Project = Site.getProject(),
                Control = new Area();

            Control.setAttribute( 'Project', Project );
            Control.setAttribute( 'Site', Site );
            Control.setAttributes( area );

            Control.inject( this.$Elm );

            this.areas.push( Control );

            return Control;
        }
    });
});