Improved dialog

2 files changed, 36 insertions, 7 deletions

diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 0ee52df..3a47b2f 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -4,15 +4,39 @@ include heading.pug
 include action-button.pug
 
 mixin dialog(title)
-    .o-dialog.t-raised
+    - const slots = {}
+
+    mixin slot(key)
+        - slots[key] = block
+
+    -
+        block ? block() : undefined 
+
+        let classes = {
+            'o-dialog':        true,
+            't-raised':        true,
+            'o-dialog--split': !!slots.sidebar,
+        }
+
+        let bodyClass = {
+            'o-dialog__body': true
+        }
+        if (attributes.bodyClass) {
+            bodyClass[attributes.bodyClass] = true;
+        }
+
+    div(class=classes)
+        if slots.sidebar
+            .o-dialog__sidebar
+                - slots.sidebar()
         header.o-dialog__header
             +div-heading('lg')(class='o-dialog__title')
                 = title
-        +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn')
-        +rule('medium')(class='o-dialog__rule')
-        section.o-dialog__body
-            block
+        section(class=bodyClass)
+            +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn')
+            if slots.body
+                - slots.body()
         footer.o-dialog__footer.l-button-group
             +a-button(outline=true)= 'Cancel'
             = ' '
-            +a-button(outline=true variant='primary')= 'Continue'
+            +a-button(variant='accent')= 'Continue'
diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug
index 0a654ce..84321d7 100644
--- a/tpl/objects/menu.pug
+++ b/tpl/objects/menu.pug
@@ -3,7 +3,12 @@ include status-indicator.pug
 include action-button.pug
 
 mixin menu
-    .o-menu
+    -
+        let classes = {
+            'o-menu': true,
+        }
+
+    div(class=classes)&attributes(attributes)
         block
 
 mixin menu-item