diff options
author | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
commit | e4255279ff72e5438d297888d808851cdf2178ed (patch) | |
tree | 52fbae2c67f65376eae97025b433038d9f4a0e35 /tpl/objects/text-field.pug | |
parent | Split demo in :target views (diff) | |
download | iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.gz iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.bz2 iro-design-e4255279ff72e5438d297888d808851cdf2178ed.zip |
Lots of updates, especially dialog
Diffstat (limited to 'tpl/objects/text-field.pug')
-rw-r--r-- | tpl/objects/text-field.pug | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug index cbdb8c4..673aa27 100644 --- a/tpl/objects/text-field.pug +++ b/tpl/objects/text-field.pug | |||
@@ -10,23 +10,33 @@ mixin text-field | |||
10 | block ? block() : undefined | 10 | block ? block() : undefined |
11 | 11 | ||
12 | let classes = { | 12 | let classes = { |
13 | 'o-text-field': true, | 13 | 'o-text-field': true, |
14 | 'o-text-field--ext': attributes.ext, | 14 | 'o-text-field--extended': !!block, |
15 | 'is-invalid': attributes.invalid, | 15 | 'is-invalid': attributes.invalid, |
16 | 'is-disabled': attributes.disabled, | 16 | 'is-disabled': attributes.disabled, |
17 | 'l-card': !!block, | 17 | 'l-card': !!block, |
18 | 'l-card--flush': !!block, | 18 | 'l-card--flush': !!block, |
19 | 'l-card--gapless': !!block | 19 | 'l-card--gapless': !!block |
20 | } | ||
21 | if (attributes.class) { | ||
22 | classes[attributes.class] = true; | ||
23 | } | ||
24 | |||
25 | const attr = { | ||
26 | placeholder: attributes.placeholder, | ||
27 | disabled: attributes.disabled | ||
20 | } | 28 | } |
21 | 29 | ||
22 | div(class=classes aria-disabled=attributes.disabled && String(attributes.disabled)) | 30 | div(class=classes aria-disabled=attributes.disabled && String(attributes.disabled)) |
23 | if !!block | 31 | if !!block |
24 | if slots.pre | 32 | if slots.pre |
25 | - slots.pre() | 33 | .u-d-contents.t-raised |
26 | input.o-text-field__native.l-card__block.l-card__block--main&attributes(attributes) | 34 | - slots.pre() |
35 | input.o-text-field__native.l-card__block.l-card__block--main&attributes(attr) | ||
27 | if slots.post | 36 | if slots.post |
28 | - slots.post() | 37 | .u-d-contents.t-raised |
38 | - slots.post() | ||
29 | .o-text-field__bg | 39 | .o-text-field__bg |
30 | else | 40 | else |
31 | input.o-text-field__native&attributes(attributes) | 41 | input.o-text-field__native&attributes(attr) |
32 | .o-text-field__bg | 42 | .o-text-field__bg |