diff --git a/src/base.js b/src/base.js index 7e9edd7..010ffc1 100644 --- a/src/base.js +++ b/src/base.js @@ -27,90 +27,146 @@ angular.module('adf.structures.base', ['adf']) .config(function(dashboardProvider){ dashboardProvider - .structure('6-6', { - rows: [{ - columns: [{ - styleClass: 'col-md-6' - }, { - styleClass: 'col-md-6' - }] - }] - }) - .structure('4-8', { - rows: [{ - columns: [{ - styleClass: 'col-md-4', - widgets: [] - }, { - styleClass: 'col-md-8', - widgets: [] - }] - }] - }) - .structure('12/4-4-4', { - rows: [{ - columns: [{ - styleClass: 'col-md-12' - }] - }, { - columns: [{ - styleClass: 'col-md-4' - }, { - styleClass: 'col-md-4' - }, { - styleClass: 'col-md-4' - }] - }] - }) - .structure('12/6-6', { - rows: [{ - columns: [{ - styleClass: 'col-md-12' - }] - }, { - columns: [{ - styleClass: 'col-md-6' - }, { - styleClass: 'col-md-6' - }] - }] - }) - .structure('12/6-6/12', { - rows: [{ - columns: [{ - styleClass: 'col-md-12' - }] - }, { - columns: [{ - styleClass: 'col-md-6' - }, { - styleClass: 'col-md-6' - }] - }, { - columns: [{ - styleClass: 'col-md-12' - }] - }] - }) - .structure('3-9 (12/6-6)', { - rows: [{ - columns: [{ - styleClass: 'col-md-3' - }, { - styleClass: 'col-md-9', - rows: [{ - columns: [{ - styleClass: 'col-md-12' - }] - }, { - columns: [{ - styleClass: 'col-md-6' - }, { - styleClass: 'col-md-6' - }] - }] - }] - }] - }); - + .structure("Split", { + rows: [ + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] } + ] + }) + .structure("Split with Sidebar Left", { + rows: [ + { + columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-8" }] + } + ] + }) + .structure("Split with Sidebar Right", { + rows: [ + { + columns: [{ styleClass: "col-md-8" }, { styleClass: "col-md-4" }] + } + ] + }) + .structure("One and Two", { + rows: [ + { columns: [{ styleClass: "col-md-12" }] }, + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] } + ] + }) + .structure("Two and One", { + rows: [ + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] }, + { columns: [{ styleClass: "col-md-12" }] } + ] + }) + .structure("One and Three", { + rows: [ + { columns: [{ styleClass: "col-md-12" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + }) + .structure("Two and Two", { + rows: [ + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] }, + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] } + ] + }) + .structure("Thirds Grid", { + rows: [ + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + }) + .structure("Quarter Grid", { + rows: [ + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }] } + ] + }) + .structure("Split Rows", { + rows: [ + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-9" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-9" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-9" }] } + ] + }) + .structure("Split Columns", { + rows: [ + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] }, + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] }, + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }, { styleClass: "col-md-3" }] } + ] + }) + .structure("Split Centered", { + rows: [ + { columns: [{ styleClass: "col-md-3" }, { styleClass: "col-md-6" }, { styleClass: "col-md-3" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + }) + .structure("One Two One", { + rows: [ + { columns: [{ styleClass: "col-md-12" }] }, + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] }, + { columns: [{ styleClass: "col-md-12" }] } + ] + }) + .structure("One and Two with Sidebar", { + rows: [ + { + columns: [ + { styleClass: "col-md-3" }, + { + styleClass: "col-md-9", + rows: [ + { columns: [{ styleClass: "col-md-12" }] }, + { columns: [{ styleClass: "col-md-6" }, { styleClass: "col-md-6" }] } + ] + } + ] + } + ] + }) + .structure("One and Three with Sidebar", { + rows: [ + { + columns: [ + { styleClass: "col-md-3" }, + { + styleClass: "col-md-9", + rows: [ + { columns: [{ styleClass: "col-md-12" }] }, + { + columns: [ + { styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + } + ] + } + ] + } + ] + }) + .structure("Thirds Grid with Hero Left", { + rows: [ + { columns: [{ styleClass: "col-md-8" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + }) + .structure("Thirds Grid with Hero Right", { + rows: [ + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-8" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] }, + { columns: [{ styleClass: "col-md-4" }, { styleClass: "col-md-4" }, { styleClass: "col-md-4" }] } + ] + }) + .structure("One", { + rows: [ + { columns: [{ styleClass: "col-md-12" }] } + ] + }); });