diff options
Diffstat (limited to 'tpl/objects/dialog.pug')
-rw-r--r-- | tpl/objects/dialog.pug | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 2823e41..2474cc3 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
@@ -1,7 +1,6 @@ | |||
1 | include rule.pug | ||
2 | include button.pug | ||
3 | include heading.pug | 1 | include heading.pug |
4 | include action-button.pug | 2 | include header.pug |
3 | include sidebar.pug | ||
5 | 4 | ||
6 | mixin dialog(title) | 5 | mixin dialog(title) |
7 | - const slots = {} | 6 | - const slots = {} |
@@ -13,9 +12,7 @@ mixin dialog(title) | |||
13 | block ? block() : undefined | 12 | block ? block() : undefined |
14 | 13 | ||
15 | let classes = { | 14 | let classes = { |
16 | 'o-dialog': true, | 15 | 'o-dialog': true, |
17 | 't-raised': true, | ||
18 | 'o-dialog--split': !!slots.sidebar, | ||
19 | } | 16 | } |
20 | 17 | ||
21 | let bodyClass = { | 18 | let bodyClass = { |
@@ -26,16 +23,26 @@ mixin dialog(title) | |||
26 | } | 23 | } |
27 | 24 | ||
28 | div(class=classes) | 25 | div(class=classes) |
26 | if slots['sidebar-header'] | ||
27 | +header(class='o-dialog__sidebar-header') | ||
28 | - slots['sidebar-header']() | ||
29 | |||
29 | if slots.sidebar | 30 | if slots.sidebar |
30 | .o-dialog__sidebar | 31 | +sidebar(class='o-dialog__sidebar') |
31 | - slots.sidebar() | 32 | - slots.sidebar() |
32 | header.o-dialog__header | 33 | |
33 | +div-heading('md')(class='o-dialog__title') | 34 | +header(class='o-dialog__header') |
34 | = title | 35 | if slots.header |
35 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') | 36 | - slots.header() |
37 | else | ||
38 | if title | ||
39 | +div-heading('sm')(class='o-dialog__label')= title | ||
40 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn') | ||
41 | |||
36 | section(class=bodyClass) | 42 | section(class=bodyClass) |
37 | if slots.body | 43 | if slots.body |
38 | - slots.body() | 44 | - slots.body() |
45 | |||
39 | footer.o-dialog__footer.l-button-group | 46 | footer.o-dialog__footer.l-button-group |
40 | +a-button(outline=true)= 'Cancel' | 47 | +a-button(outline=true)= 'Cancel' |
41 | = ' ' | 48 | = ' ' |