Tim Down
d0010217cd
Migrate SP/CE login page to Bootstrap 5 GitOrigin-RevId: 37fc7cbb453bfef93abde2080faaa0a88116d1f4
97 lines
2.2 KiB
Plaintext
97 lines
2.2 KiB
Plaintext
mixin formMessages()
|
|
div(
|
|
data-ol-form-messages='',
|
|
role="alert"
|
|
)
|
|
|
|
mixin formMessagesNewStyle(extraClass = 'form-messages-bottom-margin')
|
|
- const attrs = extraClass ? { 'class': extraClass } : {}
|
|
div(
|
|
data-ol-form-messages-new-style='',
|
|
role="alert"
|
|
)&attributes(attrs)
|
|
|
|
mixin customFormMessage(key, kind)
|
|
if kind === 'success'
|
|
div.alert.alert-success(
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="polite"
|
|
)
|
|
block
|
|
else if kind === 'danger'
|
|
div.alert.alert-danger(
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="assertive"
|
|
)
|
|
block
|
|
else
|
|
div.alert.alert-warning(
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="polite"
|
|
)
|
|
block
|
|
|
|
mixin customFormMessageNewStyle(key, kind, extraClass = 'mb-3')
|
|
- extraClass = extraClass ? ' ' + extraClass : ''
|
|
if kind === 'success'
|
|
div(
|
|
class="notification notification-type-success" + extraClass,
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="polite"
|
|
)
|
|
div.notification-icon
|
|
span.material-symbols(aria-hidden="true") check_circle
|
|
div.notification-content.text-left
|
|
block
|
|
else if kind === 'danger'
|
|
div(
|
|
class="notification notification-type-error" + extraClass,
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="polite"
|
|
)
|
|
div.notification-icon
|
|
span.material-symbols(aria-hidden="true") error
|
|
div.notification-content.text-left
|
|
block
|
|
else
|
|
div(
|
|
class="notification notification-type-warning" + extraClass,
|
|
hidden,
|
|
data-ol-custom-form-message=key,
|
|
role="alert"
|
|
aria-live="polite"
|
|
)
|
|
div.notification-icon
|
|
span.material-symbols(aria-hidden="true") warning
|
|
div.notification-content.text-left
|
|
block
|
|
|
|
mixin customValidationMessage(key)
|
|
div.invalid-feedback.mt-2(
|
|
hidden,
|
|
data-ol-custom-form-message=key
|
|
)
|
|
i.fa.fa-fw.fa-warning.me-1(aria-hidden="true")
|
|
div
|
|
block
|
|
|
|
mixin customValidationMessageNewStyle(key)
|
|
div.notification.notification-type-error(
|
|
hidden,
|
|
data-ol-custom-form-message=key
|
|
)
|
|
div.notification-icon
|
|
span.material-symbols(aria-hidden="true") error
|
|
div.notification-content.text-left.small
|
|
block
|