eliace/ergo-js

Ergo.defineClass('Ergo.layouts.Grid', {

    extends: 'Ergo.core.Layout',

    defaults: {
        name: 'grid',
//        pattern: []
    },


    wrap: function(item) {
        return $('<div autoheight="ignore-siblings" style="overflow-y: initial"/>').append(item.el)[0];
    },


    update: function() {
        Ergo.layouts.Grid.superclass.update.call(this);
//        this._super();


        var self = this;

        var o = this.options;

        var w = this._widget;

        var n = w.children.count();
        var k = (n == 0) ? 1 : (12/n).toFixed();


        w.children.each(function(item, i) {

            if(!item._rendered) return;

            var el = $(item.dom.outerEl);

//            console.log(el._wrapper != null);


            if(w.options.pattern) {

                var offset = 0;
                var n = 0;
                var p = 0;
                for(var j = 0; j < w.options.pattern.length; j++) {
                    p = w.options.pattern[j];
                    // если размер отрицательный, то добавляем его к смещению
                    if(p < 0) {
                        offset += p;
                    }
                    // если размер положительный
                    else {
                        // если размер соответствует элементу с меньшим порядковым номером
                        if(n < i) {
                            offset = 0;
                            n++;
                        }
                        else {
                            break;
                        }
                    }
                }

                if(n == i) {
                    el.addClass('col-'+(item.options.col || p));
                    if(offset < 0)
                        el.addClass('col-offset'+offset);
//                    el.addClass('col-'+(item.options.col || w.options.pattern[i]));
                }
            }
            else {
                el.addClass('col-'+k);
            }


/*
            for(var i in o.pattern) {
                var j = o.pattern[i];

                var k = -1;
                var d = 0;
                // for(var j = 0; j < tmpl.length; j++) {
                    // if( tmpl[j] > 0 ) {
                        // k++;
                    // }
                    // else if( tmpl[j] < 0 ) {
                        // d -= tmpl[j];
                    // }
                    // else {
                        // d++;
                    // }

//                    if( k == item._index ) {
                        el.addClass('col-'+j);
//                        if(d)
//                            el.addClass('col-'+'-offset-'+d);
//                        break;
//                    }

//                    if( j > 0 ) d = 0;

//                }

            }
*/
        });


    }


}, 'layouts:grid');