refactor: fix small bugs, update unit tests
This commit is contained in:
woothu
@@ -0,0 +1,472 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Alerts.vue renders correctly 1`] = `
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Alert
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<p />
|
||||
|
||||
<calert-stub
|
||||
color="primary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Primary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Secondary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Success Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="danger"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Danger Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Warning Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="info"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Info Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="light"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Light Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="dark"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Dark Alert
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
Alert
|
||||
|
||||
<small>
|
||||
use
|
||||
<code>
|
||||
.alert-link
|
||||
</code>
|
||||
to provide links
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<calert-stub
|
||||
color="primary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Primary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Secondary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Success Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="danger"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Danger Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Warning Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="info"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Info Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="light"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Light Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="dark"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dark Alert with
|
||||
|
||||
<clink-stub
|
||||
activeclass="active"
|
||||
class="alert-link"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
an example link
|
||||
</clink-stub>
|
||||
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
Alerts
|
||||
<small>
|
||||
with additional content
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
<h4
|
||||
class="alert-heading"
|
||||
>
|
||||
Well done!
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
|
||||
Aww yeah, you successfully read this important alert message.
|
||||
This example text is going to run a bit longer so that you can see
|
||||
how spacing within an alert works with this kind of content.
|
||||
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p
|
||||
class="mb-0"
|
||||
>
|
||||
|
||||
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
|
||||
|
||||
</p>
|
||||
</calert-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dismissible Alert!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
class="alert-dismissible"
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dismissible Alert with custom button!
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="position-absolute"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Close
|
||||
|
||||
</cbutton-stub>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="m-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Show dismissible alerts
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
auto dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="10"
|
||||
>
|
||||
|
||||
Alert will dismiss after
|
||||
|
||||
<strong>
|
||||
10
|
||||
</strong>
|
||||
seconds...
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="info"
|
||||
fade="true"
|
||||
show="10"
|
||||
>
|
||||
|
||||
Alert will dismiss after 10 seconds...
|
||||
|
||||
<cprogress-stub
|
||||
color="info"
|
||||
height="4px"
|
||||
max="10"
|
||||
precision="0"
|
||||
value="10"
|
||||
/>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="m-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Show alert with timer
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
`;
|
||||
@@ -0,0 +1,354 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Badges.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Badge
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<h2>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
<h3>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
<h4>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<h5>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h5>
|
||||
|
||||
<h6>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="card-footer"
|
||||
>
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Notifications
|
||||
|
||||
<span
|
||||
class="badge ml-2 position-static badge-light"
|
||||
>
|
||||
4
|
||||
</span>
|
||||
</button>
|
||||
</footer>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
contextual variations
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
shape="pill"
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<span
|
||||
class="badge badge-primary badge-pill"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary badge-pill"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success badge-pill"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger badge-pill"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning badge-pill"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info badge-pill"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light badge-pill"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark badge-pill"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
actionable
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<a
|
||||
class="badge badge-primary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Primary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-secondary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Secondary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-success"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Success
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-danger"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Danger
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-warning"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Warning
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-info"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Info
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-light"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Light
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-dark"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,338 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Modals.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
Bootstrap Modals
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch demo modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch large modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch small modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<hr />
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch primary modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch success modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch warning modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch danger modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch info modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
color="dark"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch dark modal
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
size="lg"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
size="sm"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="primary"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="success"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="warning"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="danger"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="info"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
centered="true"
|
||||
closeonbackdrop="true"
|
||||
color="dark"
|
||||
fade="true"
|
||||
no-close-on-backdrop="true"
|
||||
size="lg"
|
||||
title="Modal title 2"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
</cmodal-stub>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user