Alamantus/Readlebee
1
0
Fork 0
mirror of https://gitlab.com/Alamantus/Readlebee.git synced 2025-10-25 22:46:49 +02:00
Code Issues Releases Wiki Activity

Add buttonClasses option to modals

Browse source
This commit is contained in:
Robbie Antenesse 2019-09-26 10:38:55 -06:00
parent 9823ae8290
commit 69563eb74e
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/views/partials/modal.js
View file

@ -5,6 +5,7 @@ export const modal = (modalId, controller, contentHTML, options = {}) => {
* controller <class>: Pass the controller class with state; Requires get/set for openModal in state. * controller <class>: Pass the controller class with state; Requires get/set for openModal in state.
* buttonHTML <choo/html>: Displayed in place of the default button to open the modal * buttonHTML <choo/html>: Displayed in place of the default button to open the modal
* buttonText <string>: Displayed if no buttonHTML is specified * buttonText <string>: Displayed if no buttonHTML is specified
* buttonClasses <string>: Used with buttonText. If excluded, 'button' is used.
* noHeader <bool>: Set to `true` and exclude headerHTML to not include a modal header * noHeader <bool>: Set to `true` and exclude headerHTML to not include a modal header
* headerHTML <choo/html>: Displayed in place of the default header; Recommended to use `<header>` tag * headerHTML <choo/html>: Displayed in place of the default header; Recommended to use `<header>` tag
* headerText <string>: Displayed in an `<h3>` if no header is specified * headerText <string>: Displayed in an `<h3>` if no header is specified
@ -19,7 +20,9 @@ export const modal = (modalId, controller, contentHTML, options = {}) => {
return [ return [
( (
typeof options.buttonHTML === 'undefined' typeof options.buttonHTML === 'undefined'
? html`<label for=${modalId} class="button">${options.buttonText}</label>` ? html`<label for=${modalId} class=${typeof options.buttonClasses === 'undefined' ? 'button' : options.buttonClasses}>
${options.buttonText}
</label>`
: options.buttonHTML : options.buttonHTML
), ),