Created
March 2, 2020 17:14
-
-
Save alexsc6955/2a3f4d6e0f002549818b4d0d05c7c6ba to your computer and use it in GitHub Desktop.
modal from pug mixin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| mixin modalForm(params) | |
| //- Subscribe Form Moda | |
| .modal.fade(id=params.modalId, tabindex="-1", role="dialog", aria-labelledby=params.modalId, aria-hidden="true") | |
| .modal-dialog.modal-dialog-centered(role="document") | |
| .modal-content | |
| //- Form | |
| form(id=params.form.id, action=params.form.action, method="POST", data-submit=params.form.attrData.submit, data-disable-submition-btn=params.form.attrData.disableSubmitBtn, data-message=params.form.attrData.message) | |
| //- Modal Header | |
| .modal-header | |
| h5.modal-title(id="subscribeFormModalLongTitle") Recibe nuestras notificaciones | |
| button.close(type="button", data-dismiss="modal", aria-label="Close") | |
| span(aria-hidden="true") × | |
| //- The Modal body contains the form inputs and stuff | |
| .modal-body | |
| case params.form.name | |
| when 'subscribe' | |
| include ../forms/subscribe | |
| when 'transfers' | |
| include ../forms/transfers | |
| //- include form | |
| if params.conditionsWarning | |
| p.alert.alert-warning(role="alert") | |
| small Al subscribirte, aceptas nuestros terminos y condiciones | |
| if params.form.attrData.message != '' | |
| //- This is the message shown when you click the submit button | |
| div(id=params.form.attrData.message).w-100.text-center.d-none | |
| p.alert.alert-info(role="alert") | |
| .spinner-grow(role="status") | |
| span.sr-only Cargando... | |
| //- Modal Footer | |
| .modal-footer | |
| if params.form.attrData.submit != '' | |
| //- Subscribe button | |
| button.btn.btn-primary(id=params.form.attrData.submit, type="submit") Completar |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment