mirror of
https://github.com/beestat/app.git
synced 2025-11-04 10:53:02 -05:00
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
/**
|
|
* Takes a bunch of rows/columns and lays them out nicely on the page.
|
|
*
|
|
* @param {Array} rows
|
|
*/
|
|
beestat.component.layout = function(rows) {
|
|
this.rows_ = rows;
|
|
beestat.component.apply(this, arguments);
|
|
};
|
|
beestat.extend(beestat.component.layout, beestat.component);
|
|
|
|
beestat.component.layout.prototype.rerender_on_breakpoint_ = false;
|
|
|
|
/**
|
|
* Decorate. Not much thinking to be done here; all the grid layout stuff is
|
|
* built in CSS.
|
|
*
|
|
* @param {rocket.Elements} parent
|
|
*/
|
|
beestat.component.layout.prototype.decorate_ = function(parent) {
|
|
this.rows_.forEach(function(row) {
|
|
var row_element = $.createElement('div').addClass('row');
|
|
parent.appendChild(row_element);
|
|
|
|
// Create the columns
|
|
row.forEach(function(column) {
|
|
var column_element = $.createElement('div')
|
|
.addClass('column')
|
|
.addClass('column_' + column.size);
|
|
row_element.appendChild(column_element);
|
|
|
|
column.card.render(column_element);
|
|
if (column.global !== undefined) {
|
|
beestat.cards[column.global] = column.card;
|
|
}
|
|
});
|
|
});
|
|
};
|