Skip to content

S
sidekick
Commit 44fa9c11 authored by Kevin Yumang's avatar Kevin Yumang
Browse files
Options

SERV-2286 - modal element documentation

parent d082027a
Show whitespace changes
Inline Side-by-side
Showing with 163 additions and 20 deletions
src/Views/Limitless/Modal/Config.php
View file @ 44fa9c11
......@@ -65,9 +65,10 @@
->withKeyboard($parameters['keyboard'] ?? true)
->withBackdrop($parameters['backdrop'] ?? true)
->withSize($parameters['size'] ?? null)
->withScrollable($parameters['scrollable'] ?? null)
->withScrollable($parameters['scrollable'] ?? false)
->withIcon($parameters['icon'] ?? null)
->withTitle($parameters['title'] ?? 'No title');
->withTitle($parameters['title'] ?? 'No title')
->withSubtitle($parameters['subtitle'] ?? null);
}
......
src/Views/Limitless/Modal/Documentation/Index.blade.php
View file @ 44fa9c11
......@@ -6,7 +6,7 @@
{{-- Description --}}
@Limitless::ElementCardStart(['title' => "Modal", 'icon' => 'icon-stack'])
<p>A styled popup container for dialogs.</p>
<p>A styled container for dialogs.</p>
@Limitless::ElementCardStop
{{-- Elements --}}
......@@ -17,6 +17,7 @@
<p class="mb-3 text-muted">The opening fragment of the modal element.</p>
<p class="font-italic font-size-lg">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -27,12 +28,54 @@
@Limitless::TableAutofillBody([
[
['value' => 'param'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'desc here.']
]
['value' => 'id'],
['value' => '<i>String</i> [Default = <code>null</code>]', 'secure' => false],
['value' => 'The identification of the modal. This is needed to manipulate the modal.']
],
[
['value' => 'animate'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Adds or removes the fading animation of the modal on opening and closing.']
],
[
['value' => 'keyboard'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Disables the closing of the modal by using the <code>Esc</code> key when set to <code>false</code>.', 'secure' => false]
],
[
['value' => 'backdrop'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Disables the backdrop of the modal when set to <code>false</code>. When backdrop is disabled, users will not be able to close the modal by clicking outside it.', 'secure' => false]
],
[
['value' => 'size'],
['value' => '<i>String?</i> [Default = <code>null</code>]', 'secure' => false],
['value' => 'Sets the size of the modal. The default size of the modal will be placed if the parameter is not set. <code>xs | sm | lg | full</code>', 'secure' => false]
],
[
['value' => 'scrollable'],
['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false],
['value' => 'Enables the vertical scrollbar on the body of the modal if set to <code>true</code>', 'secure' => false]
],
[
['value' => 'icon'],
['value' => '<i>String?</i> [Default = <code>null</code>]', 'secure' => false],
['value' => 'The header icon of the modal.']
],
[
['value' => 'title'],
['value' => '<i>String|Array</i> [Default = <code>"No title"</code>]', 'secure' => false],
['value' => 'The header title of the modal. Pass as array with <code>value</code> and <code>secure</code> keys if we want to put HTML tags on the title.', 'secure' => false]
],
[
['value' => 'subtitle'],
['value' => '<i>String?|Array?</i> [Default = <code>null</code>]', 'secure' => false],
['value' => 'The header subtitle of the modal. Pass as array with <code>value</code> and <code>secure</code> keys if we want to put HTML tags on the subtitle.', 'secure' => false]
],
])
@Limitless::TableStop
</div>
</div>
......@@ -42,17 +85,93 @@
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ModalBodyStart</h6>
<p class="mb-3 text-muted">The opening fragment of the modal body.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ModalBodyStop</h6>
<p class="mb-3 text-muted">The closing fragment of the modal body.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ModalFooterStart</h6>
<p class="mb-3 text-muted">The opening fragment of the modal footer.</p>
<p class="font-italic font-size-lg">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'scrollable'],
['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false],
['value' => 'Adds a top padding on the footer container if <code>true</code>', 'secure' => false]
]
])
@Limitless::TableStop
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ModalFooterStop</h6>
<p class="mb-3 text-muted">The closing fragment of the modal footer.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Events", 'icon' => 'icon-power2' ] )
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Name'],
['name' => 'Code'],
['name' => 'Description'],
])
@Limitless::TableAutofillBody([
[
['value' => 'OnShow'],
['value' => '<code>show.bs.modal</code>', 'secure' => false],
['value' => 'Triggers before showing up the modal.']
],
[
['value' => 'OnShown'],
['value' => '<code>shown.bs.modal</code>', 'secure' => false],
['value' => 'Triggers after the modal has been shown.']
],
[
['value' => 'OnHide'],
['value' => '<code>hide.bs.modal</code>', 'secure' => false],
['value' => 'Triggers before the modal will be hidden.']
],
[
['value' => 'OnHidden'],
['value' => '<code>hidden.bs.modal</code>', 'secure' => false],
['value' => 'Triggers after the modal has been hidden.']
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
{{-- Sample Output --}}
@Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
{{-- Modals --}}
@Limitless::ModalStart(['id' => 'modal_lg_test', 'title' => 'Modal Large Sample', 'icon' => 'icon-menu7', 'size' => 'lg'])
@Limitless::ModalStart(['id' => 'modal_lg_test', 'title' => 'Modal Large Sample', 'icon' => 'icon-menu7', 'size' => 'lg', 'subtitle' => 'Subtitle'])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 50])
@Limitless::Divider
......@@ -64,13 +183,13 @@
@Limitless::ModalFooterStop
@Limitless::ModalStop
@Limitless::ModalStart(['id' => 'modal_xs_test', 'title' => 'Modal Extra Small', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalStart(['id' => 'modal_xs_test', 'title' => ['value' => 'Modal Extra Small <b><i>XS</i></b>', 'secure' => false], 'icon' => 'icon-menu7', 'size' => 'xs', 'subtitle' => ['value' => 'Subtitle <b><i>unsercured</i></b>', 'secure' => false]])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 20])
@Limitless::ModalBodyStop
@Limitless::ModalStop
@Limitless::ModalStart(['id' => 'modal_scrollable_test', 'title' => 'Modal Scrollable', 'icon' => 'icon-menu7', 'size' => 'xs', 'scrollable' => true])
@Limitless::ModalStart(['id' => 'modal_scrollable_test', 'title' => 'Modal Scrollable', 'icon' => 'icon-menu7', 'size' => 'xs', 'scrollable' => true, 'subtitle' => ['secure' => false]])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 500])
@Limitless::ModalBodyStop
......@@ -98,26 +217,26 @@
@Limitless::ModalBodyStop
@Limitless::ModalStop
@Limitless::ModalStart(['id' => 'modal_onshow', 'title' => 'Modal Extra Small', 'icon' => 'icon-menu7', 'size' => 'xs'])
{{-- Modal Events --}}
@Limitless::ModalStart(['id' => 'modal_onshow', 'title' => 'Modal Event OnShow', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 20])
@Limitless::ModalBodyStop
@Limitless::ModalStop
{{-- Modal Events--}}
@Limitless::ModalStart(['id' => 'modal_onshown', 'title' => 'Modal Extra Small', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalStart(['id' => 'modal_onshown', 'title' => 'Modal Event OnShown', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 20])
@Limitless::ModalBodyStop
@Limitless::ModalStop
@Limitless::ModalStart(['id' => 'modal_onhide', 'title' => 'Modal Extra Small', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalStart(['id' => 'modal_onhide', 'title' => 'Modal Event OnHide', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 20])
@Limitless::ModalBodyStop
@Limitless::ModalStop
@Limitless::ModalStart(['id' => 'modal_onhidden', 'title' => 'Modal Extra Small', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalStart(['id' => 'modal_onhidden', 'title' => 'Modal Event OnHidden', 'icon' => 'icon-menu7', 'size' => 'xs'])
@Limitless::ModalBodyStart
@Limitless::LoremIpsum(['length' => 20])
@Limitless::ModalBodyStop
......@@ -143,7 +262,7 @@
@Limitless::ElementCardStop
@php
$example = base64_decode("Ly8gTW9kYWxzCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX2xnX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBMYXJnZSBTYW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ2xnJ10pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDUwXSkKCQlATGltaXRsZXNzOjpEaXZpZGVyCgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMTAwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKCUBMaW1pdGxlc3M6Ok1vZGFsRm9vdGVyU3RhcnQKCQk8YnV0dG9uIGNsYXNzPSJidG4gYnRuLWxpbmsiIGRhdGEtZGlzbWlzcz0ibW9kYWwiPjxpIGNsYXNzPSJpY29uLWNyb3NzMiBmb250LXNpemUtYmFzZSBtci0xIj48L2k+IENsb3NlPC9idXR0b24+CgkJPGJ1dHRvbiBjbGFzcz0iYnRuIGJnLXByaW1hcnkiPjxpIGNsYXNzPSJpY29uLWNoZWNrbWFyazMgZm9udC1zaXplLWJhc2UgbXItMSI+PC9pPiBPa2F5PC9idXR0b24+CglATGltaXRsZXNzOjpNb2RhbEZvb3RlclN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF94c190ZXN0JywgJ3RpdGxlJyA9PiAnTW9kYWwgRXh0cmEgU21hbGwnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJ10pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDIwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9zY3JvbGxhYmxlX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBTY3JvbGxhYmxlJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ3NpemUnID0+ICd4cycsICdzY3JvbGxhYmxlJyA9PiB0cnVlXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gNTAwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKCUBMaW1pdGxlc3M6Ok1vZGFsRm9vdGVyU3RhcnQoWydzY3JvbGxhYmxlJyA9PiB0cnVlXSkKCQk8YnV0dG9uIGNsYXNzPSJidG4gYnRuLWxpbmsiIGRhdGEtZGlzbWlzcz0ibW9kYWwiPjxpIGNsYXNzPSJpY29uLWNyb3NzMiBmb250LXNpemUtYmFzZSBtci0xIj48L2k+IENsb3NlPC9idXR0b24+CgkJPGJ1dHRvbiBjbGFzcz0iYnRuIGJnLXByaW1hcnkiPjxpIGNsYXNzPSJpY29uLWNoZWNrbWFyazMgZm9udC1zaXplLWJhc2UgbXItMSI+PC9pPiBPa2F5PC9idXR0b24+CglATGltaXRsZXNzOjpNb2RhbEZvb3RlclN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9iYWNrZHJvcF90ZXN0JywgJ3RpdGxlJyA9PiAnTW9kYWwgTm8gQmFja2Ryb3AnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnYmFja2Ryb3AnID0+IGZhbHNlIF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDIwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9rZXlib2FyZF90ZXN0JywgJ3RpdGxlJyA9PiAnTW9kYWwgTm8gS2V5Ym9hcmQgSW50ZXJhY3Rpb24nLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAna2V5Ym9hcmQnID0+IGZhbHNlIF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDIwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9ub19hbmltYXRpb25fdGVzdCcsICd0aXRsZScgPT4gJ01vZGFsIE5vIEFuaW1hdGlvbicsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdhbmltYXRlJyA9PiBmYWxzZSBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKFsnbGVuZ3RoJyA9PiA1MF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKCi8vIE1vZGFsIGV2ZW50cwpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9vbnNob3cnLCAndGl0bGUnID0+ICdNb2RhbCBFeHRyYSBTbWFsbCcsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uc2hvd24nLCAndGl0bGUnID0+ICdNb2RhbCBFeHRyYSBTbWFsbCcsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uaGlkZScsICd0aXRsZScgPT4gJ01vZGFsIEV4dHJhIFNtYWxsJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ3NpemUnID0+ICd4cyddKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKFsnbGVuZ3RoJyA9PiAyMF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfb25oaWRkZW4nLCAndGl0bGUnID0+ICdNb2RhbCBFeHRyYSBTbWFsbCcsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCgovLyBNb2RhbCBidXR0b25zCjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfbGdfdGVzdCI+TGFyZ2UgbW9kYWw8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF94c190ZXN0Ij5FeHRyYSBzbWFsbCBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX3Njcm9sbGFibGVfdGVzdCI+U2Nyb2xsYWJsZSBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX2JhY2tkcm9wX3Rlc3QiPk5vIGJhY2tkcm9wIG1vZGFsPC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfa2V5Ym9hcmRfdGVzdCI+Tm8ga2V5Ym9hcmQgaW50ZXJhY3Rpb24gbW9kYWw8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9ub19hbmltYXRpb25fdGVzdCI+Tm8gYW5pbWF0aW9uIG1vZGFsPC9idXR0b24+CgpATGltaXRsZXNzOjpEaXZpZGVyCgovLyBNb2RhbCBldmVudCBidXR0b25zCjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfb25zaG93Ij5GaXJlIG1vZGFsIGV2ZW50IG9uU2hvdzwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX29uc2hvd24iPkZpcmUgbW9kYWwgZXZlbnQgb25TaG93bjwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX29uaGlkZSI+RmlyZSBtb2RhbCBldmVudCBvbkhpZGU8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9vbmhpZGRlbiI+RmlyZSBtb2RhbCBldmVudCBvbkhpZGRlbjwvYnV0dG9uPgoKCi8vIEVWRU5UUwoKJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKSB7CgogICAgLy8gb25TaG93IGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25zaG93Jykub24oJ3Nob3cuYnMubW9kYWwnLCBmdW5jdGlvbigpIHsKICAgICAgICBhbGVydCgnb25TaG93IGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCiAgICAvLyBvblNob3duIGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25zaG93bicpLm9uKCdzaG93bi5icy5tb2RhbCcsIGZ1bmN0aW9uKCkgewogICAgICAgIGFsZXJ0KCdvblNob3duIGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCiAgICAvLyBvbkhpZGUgY2FsbGJhY2sKICAgICQoJyNtb2RhbF9vbmhpZGUnKS5vbignaGlkZS5icy5tb2RhbCcsIGZ1bmN0aW9uKCkgewogICAgICAgIGFsZXJ0KCdvbkhpZGUgY2FsbGJhY2sgZmlyZWQuJykKICAgIH0pOwoKICAgIC8vIG9uSGlkZGVuIGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25oaWRkZW4nKS5vbignaGlkZGVuLmJzLm1vZGFsJywgZnVuY3Rpb24oKSB7CiAgICAgICAgYWxlcnQoJ29uSGlkZGVuIGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCn0p");
$example = base64_decode("Ly8gTW9kYWxzCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX2xnX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBMYXJnZSBTYW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ2xnJywgJ3N1YnRpdGxlJyA9PiAnU3VidGl0bGUnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gNTBdKQoJCUBMaW1pdGxlc3M6OkRpdmlkZXIKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKFsnbGVuZ3RoJyA9PiAxMDBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcAoJQExpbWl0bGVzczo6TW9kYWxGb290ZXJTdGFydAoJCTxidXR0b24gY2xhc3M9ImJ0biBidG4tbGluayIgZGF0YS1kaXNtaXNzPSJtb2RhbCI+PGkgY2xhc3M9Imljb24tY3Jvc3MyIGZvbnQtc2l6ZS1iYXNlIG1yLTEiPjwvaT4gQ2xvc2U8L2J1dHRvbj4KCQk8YnV0dG9uIGNsYXNzPSJidG4gYmctcHJpbWFyeSI+PGkgY2xhc3M9Imljb24tY2hlY2ttYXJrMyBmb250LXNpemUtYmFzZSBtci0xIj48L2k+IE9rYXk8L2J1dHRvbj4KCUBMaW1pdGxlc3M6Ok1vZGFsRm9vdGVyU3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX3hzX3Rlc3QnLCAndGl0bGUnID0+IFsndmFsdWUnID0+ICdNb2RhbCBFeHRyYSBTbWFsbCA8Yj48aT5YUzwvaT48L2I+JywgJ3NlY3VyZScgPT4gZmFsc2VdLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJywgJ3N1YnRpdGxlJyA9PiBbJ3ZhbHVlJyA9PiAnU3VidGl0bGUgPGI+PGk+dW5zZXJjdXJlZDwvaT48L2I+JywgJ3NlY3VyZScgPT4gZmFsc2VdXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX3Njcm9sbGFibGVfdGVzdCcsICd0aXRsZScgPT4gJ01vZGFsIFNjcm9sbGFibGUnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJywgJ3Njcm9sbGFibGUnID0+IHRydWUsICdzdWJ0aXRsZScgPT4gWydzZWN1cmUnID0+IGZhbHNlXV0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDUwMF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCglATGltaXRsZXNzOjpNb2RhbEZvb3RlclN0YXJ0KFsnc2Nyb2xsYWJsZScgPT4gdHJ1ZV0pCgkJPGJ1dHRvbiBjbGFzcz0iYnRuIGJ0bi1saW5rIiBkYXRhLWRpc21pc3M9Im1vZGFsIj48aSBjbGFzcz0iaWNvbi1jcm9zczIgZm9udC1zaXplLWJhc2UgbXItMSI+PC9pPiBDbG9zZTwvYnV0dG9uPgoJCTxidXR0b24gY2xhc3M9ImJ0biBiZy1wcmltYXJ5Ij48aSBjbGFzcz0iaWNvbi1jaGVja21hcmszIGZvbnQtc2l6ZS1iYXNlIG1yLTEiPjwvaT4gT2theTwvYnV0dG9uPgoJQExpbWl0bGVzczo6TW9kYWxGb290ZXJTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfYmFja2Ryb3BfdGVzdCcsICd0aXRsZScgPT4gJ01vZGFsIE5vIEJhY2tkcm9wJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ2JhY2tkcm9wJyA9PiBmYWxzZSBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKFsnbGVuZ3RoJyA9PiAyMF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfa2V5Ym9hcmRfdGVzdCcsICd0aXRsZScgPT4gJ01vZGFsIE5vIEtleWJvYXJkIEludGVyYWN0aW9uJywgJ2ljb24nID0+ICdpY29uLW1lbnU3JywgJ2tleWJvYXJkJyA9PiBmYWxzZSBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RhcnQKCQlATGltaXRsZXNzOjpMb3JlbUlwc3VtKFsnbGVuZ3RoJyA9PiAyMF0pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdG9wCkBMaW1pdGxlc3M6Ok1vZGFsU3RvcAoKQExpbWl0bGVzczo6TW9kYWxTdGFydChbJ2lkJyA9PiAnbW9kYWxfbm9fYW5pbWF0aW9uX3Rlc3QnLCAndGl0bGUnID0+ICdNb2RhbCBObyBBbmltYXRpb24nLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnYW5pbWF0ZScgPT4gZmFsc2UgXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gNTBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCi8vIE1vZGFsIEV2ZW50cwpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9vbnNob3cnLCAndGl0bGUnID0+ICdNb2RhbCBFdmVudCBPblNob3cnLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJ10pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDIwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgpATGltaXRsZXNzOjpNb2RhbFN0YXJ0KFsnaWQnID0+ICdtb2RhbF9vbnNob3duJywgJ3RpdGxlJyA9PiAnTW9kYWwgRXZlbnQgT25TaG93bicsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uaGlkZScsICd0aXRsZScgPT4gJ01vZGFsIEV2ZW50IE9uSGlkZScsICdpY29uJyA9PiAnaWNvbi1tZW51NycsICdzaXplJyA9PiAneHMnXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0YXJ0CgkJQExpbWl0bGVzczo6TG9yZW1JcHN1bShbJ2xlbmd0aCcgPT4gMjBdKQoJQExpbWl0bGVzczo6TW9kYWxCb2R5U3RvcApATGltaXRsZXNzOjpNb2RhbFN0b3AKCkBMaW1pdGxlc3M6Ok1vZGFsU3RhcnQoWydpZCcgPT4gJ21vZGFsX29uaGlkZGVuJywgJ3RpdGxlJyA9PiAnTW9kYWwgRXZlbnQgT25IaWRkZW4nLCAnaWNvbicgPT4gJ2ljb24tbWVudTcnLCAnc2l6ZScgPT4gJ3hzJ10pCglATGltaXRsZXNzOjpNb2RhbEJvZHlTdGFydAoJCUBMaW1pdGxlc3M6OkxvcmVtSXBzdW0oWydsZW5ndGgnID0+IDIwXSkKCUBMaW1pdGxlc3M6Ok1vZGFsQm9keVN0b3AKQExpbWl0bGVzczo6TW9kYWxTdG9wCgovLyBNb2RhbCBidXR0b25zCjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfbGdfdGVzdCI+TGFyZ2UgbW9kYWw8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF94c190ZXN0Ij5FeHRyYSBzbWFsbCBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX3Njcm9sbGFibGVfdGVzdCI+U2Nyb2xsYWJsZSBtb2RhbDwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX2JhY2tkcm9wX3Rlc3QiPk5vIGJhY2tkcm9wIG1vZGFsPC9idXR0b24+CjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfa2V5Ym9hcmRfdGVzdCI+Tm8ga2V5Ym9hcmQgaW50ZXJhY3Rpb24gbW9kYWw8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9ub19hbmltYXRpb25fdGVzdCI+Tm8gYW5pbWF0aW9uIG1vZGFsPC9idXR0b24+CgpATGltaXRsZXNzOjpEaXZpZGVyCgovLyBNb2RhbCBldmVudCBidXR0b25zCjxidXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1saWdodCBtYi0xIiBkYXRhLXRvZ2dsZT0ibW9kYWwiIGRhdGEtdGFyZ2V0PSIjbW9kYWxfb25zaG93Ij5GaXJlIG1vZGFsIGV2ZW50IG9uU2hvdzwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX29uc2hvd24iPkZpcmUgbW9kYWwgZXZlbnQgb25TaG93bjwvYnV0dG9uPgo8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tbGlnaHQgbWItMSIgZGF0YS10b2dnbGU9Im1vZGFsIiBkYXRhLXRhcmdldD0iI21vZGFsX29uaGlkZSI+RmlyZSBtb2RhbCBldmVudCBvbkhpZGU8L2J1dHRvbj4KPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLWxpZ2h0IG1iLTEiIGRhdGEtdG9nZ2xlPSJtb2RhbCIgZGF0YS10YXJnZXQ9IiNtb2RhbF9vbmhpZGRlbiI+RmlyZSBtb2RhbCBldmVudCBvbkhpZGRlbjwvYnV0dG9uPgoKLy8gRXZlbnRzCiQoZG9jdW1lbnQpLnJlYWR5KGZ1bmN0aW9uKCkgewoKICAgIC8vIG9uU2hvdyBjYWxsYmFjawogICAgJCgnI21vZGFsX29uc2hvdycpLm9uKCdzaG93LmJzLm1vZGFsJywgZnVuY3Rpb24oKSB7CiAgICAgICAgYWxlcnQoJ29uU2hvdyBjYWxsYmFjayBmaXJlZC4nKQogICAgfSk7CgogICAgLy8gb25TaG93biBjYWxsYmFjawogICAgJCgnI21vZGFsX29uc2hvd24nKS5vbignc2hvd24uYnMubW9kYWwnLCBmdW5jdGlvbigpIHsKICAgICAgICBhbGVydCgnb25TaG93biBjYWxsYmFjayBmaXJlZC4nKQogICAgfSk7CgogICAgLy8gb25IaWRlIGNhbGxiYWNrCiAgICAkKCcjbW9kYWxfb25oaWRlJykub24oJ2hpZGUuYnMubW9kYWwnLCBmdW5jdGlvbigpIHsKICAgICAgICBhbGVydCgnb25IaWRlIGNhbGxiYWNrIGZpcmVkLicpCiAgICB9KTsKCiAgICAvLyBvbkhpZGRlbiBjYWxsYmFjawogICAgJCgnI21vZGFsX29uaGlkZGVuJykub24oJ2hpZGRlbi5icy5tb2RhbCcsIGZ1bmN0aW9uKCkgewogICAgICAgIGFsZXJ0KCdvbkhpZGRlbiBjYWxsYmFjayBmaXJlZC4nKQogICAgfSk7Cgp9KQ==");
@endphp
{{-- Sample Code --}}
......
src/Views/Limitless/Modal/ModalStart.blade.php
View file @ 44fa9c11
......@@ -11,8 +11,31 @@
<div class="modal-content">
<div class="modal-header @if($scrollable) pb-3 @endif">
<h5 class="modal-title">
@if($icon) <i class="{{ $icon }} mr-2"></i> &nbsp; @endif
@if($icon) <i class="{{ $icon }}"></i> &nbsp; @endif
@if(is_array($title))
@if(isset($title['value']) && $title['value'])
@if($title['secure'] === false) {!! $title['value'] !!} @else {{ $title['value'] }} @endif
@else
No Title
@endif
@else
{{ $title }}
@endif
@if($subtitle)
<small class="d-block text-muted">
@if(is_array($subtitle))
@if(isset($subtitle['value']) && $subtitle['value'])
@if($subtitle['secure'] === false) {!! $subtitle['value'] !!} @else {{ $subtitle['value'] }} @endif
@else
No subtitle
@endif
@else
{{ $subtitle }}
@endif
</small>
@endif
</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment