From 1deac8772af9b07c1562c271d79e27f655633289 Mon Sep 17 00:00:00 2001 From: Jake H Date: Thu, 14 Jul 2016 00:35:31 -0600 Subject: [PATCH] Update base.js Update Summary: 1. Added new structure options. 2. Renamed structures for clarity. 3. Changed display order to group similar structures. Screenshot of Structures: http://i.imgur.com/Pi4T9zf.png --- src/base.js | 228 ++++++++++++++++++++++++++++++++-------------------- 1 file changed, 142 insertions(+), 86 deletions(-) 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" }] } + ] + }); });