refactor: fix small bugs, update unit tests
This commit is contained in:
woothu
@@ -0,0 +1,174 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col"
|
||||
>
|
||||
<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 Breadcrumb
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Admin
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Manage
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Library
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to widgets
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="http://google.com"
|
||||
target="_self"
|
||||
>
|
||||
Go to Google
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Current page
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="font-xl breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Added
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="font-xl breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Custom
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active font-xl text-danger breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Classes
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,834 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Cards.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card title
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="card-footer"
|
||||
>
|
||||
Card Footer
|
||||
</footer>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
Card with icon
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with switch
|
||||
|
||||
<label
|
||||
class="float-right c-switch form-check-label c-switch-sm c-switch-pill c-switch-info"
|
||||
>
|
||||
<input
|
||||
class="c-switch-input form-check-input"
|
||||
data-off="Off"
|
||||
data-on="On"
|
||||
type="checkbox"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="c-switch-slider"
|
||||
/>
|
||||
</label>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="badge float-right badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="badge float-right badge-danger badge-pill"
|
||||
>
|
||||
42
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-primary"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline primary
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-secondary"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline secondary
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-success"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline success
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-info"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline info
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-warning"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline warning
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-danger"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline danger
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-primary"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with primary accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-secondary"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with secondary accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-success"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with success accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-info"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with info accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-info"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with info accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-danger"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with danger accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-primary"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-success"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-info"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-warning"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-danger"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-secondary"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-primary"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-success"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-info"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-warning"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-danger"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-secondary"
|
||||
name="fade"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with header actions
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action btn-setting"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-minimize"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-close"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class=""
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,138 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Carousels.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-md-12 col-lg-7"
|
||||
>
|
||||
<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 Carousel
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
class="carousel slide"
|
||||
style="height: 400px;"
|
||||
>
|
||||
<ol
|
||||
class="carousel-indicators"
|
||||
>
|
||||
<li
|
||||
class="active"
|
||||
/>
|
||||
<li
|
||||
class=""
|
||||
/>
|
||||
<li
|
||||
class=""
|
||||
/>
|
||||
</ol>
|
||||
<div
|
||||
class="carousel-inner"
|
||||
>
|
||||
<div
|
||||
class="carousel-item active"
|
||||
>
|
||||
<img
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
src="https://picsum.photos/1024/480/?image=52"
|
||||
/>
|
||||
<div
|
||||
class="carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
First Slide
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="carousel-item"
|
||||
>
|
||||
<svg
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
style="background-color: grey;"
|
||||
/>
|
||||
<div
|
||||
class="carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
Blank page
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="carousel-item"
|
||||
>
|
||||
<img
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
src="https://picsum.photos/1024/480/?image=54"
|
||||
/>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<a
|
||||
class="carousel-control-prev"
|
||||
>
|
||||
<span
|
||||
aria-label="Previous"
|
||||
class="carousel-control-prev-icon"
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
class="carousel-control-next"
|
||||
>
|
||||
<span
|
||||
aria-label="Next"
|
||||
class="carousel-control-next-icon"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,108 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Collapses.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 Collapse
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="mt-2"
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p
|
||||
class="card-text"
|
||||
>
|
||||
Collapse contents Here
|
||||
</p>
|
||||
|
||||
<button
|
||||
class="btn btn-secondary btn-sm"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Inner Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="mt-2"
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Hello!
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,216 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Jumbotron
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
tag="div"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
Bootstrap 4 Components for Vue.js 2.6+
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For more information visit website
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
More Info
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with slots
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
header="Bootstrap 4"
|
||||
lead=""
|
||||
tag="div"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Do Something
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Do Something Else
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
bordercolor="dark"
|
||||
color="info"
|
||||
tag="div"
|
||||
textcolor="white"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,527 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navbars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navbar
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="info"
|
||||
expandable="md"
|
||||
tag="nav"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
NavBar
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnavbarnav-stub>
|
||||
|
||||
<cnavbarnav-stub
|
||||
class="ml-auto"
|
||||
tag="ul"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="my-2 my-sm-0"
|
||||
color="light"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
size="sm"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Search
|
||||
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
placement="bottom-end"
|
||||
togglertext="Lang"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
placement="bottom-end"
|
||||
togglertext="User"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Profile
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Signout
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
brand
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="faded"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cnavbarbrand-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<img
|
||||
alt="CoreuiVue"
|
||||
class="d-inline-block align-top"
|
||||
src="https://placekitten.com/g/30/30"
|
||||
/>
|
||||
|
||||
CoreuiVue
|
||||
|
||||
</cnavbarbrand-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
text
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
toggleable="sm"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
CoreuiVue
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavbartext-stub
|
||||
tag="div"
|
||||
>
|
||||
Navbar text
|
||||
</cnavbartext-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="primary"
|
||||
expandable="sm"
|
||||
tag="nav"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Home
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
placement="bottom-end"
|
||||
togglertext="Lang"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
placement="bottom-end"
|
||||
togglertext="User"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Account
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Settings
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
form
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="my-2 my-sm-0"
|
||||
color="outline-success"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="submit"
|
||||
>
|
||||
Search
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
input group
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Username"
|
||||
type="text"
|
||||
/>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,632 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
title="Link"
|
||||
/>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
icons
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="basket"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
tab style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Active
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
pill style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="pills"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
fill tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
fill="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
justified tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
justified="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown support
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
pills=""
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
button-content="Dropdown"
|
||||
caret="true"
|
||||
flip="true"
|
||||
id="nav7_ddown"
|
||||
nav=""
|
||||
placement="bottom-end"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
one
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
two
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
three
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
vertical variation
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
class="m-0"
|
||||
col="3"
|
||||
tag="div"
|
||||
>
|
||||
<cnav-stub
|
||||
pills=""
|
||||
vertical="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,188 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Paginations.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Responsive bootstrap Pagination
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
responsive=""
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Small
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
size="sm"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div>
|
||||
<h6>
|
||||
Large
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
responsive=""
|
||||
size="lg"
|
||||
/>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Pagination
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
alignment
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Left alignment (default)
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Center alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="center"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Right (end) alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="end"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,713 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Progress
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="73"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mt-1"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43.8"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="18.25"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="10.95"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mt-4"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Click me to animate progress bars
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
<small>
|
||||
labels
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
No label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showpercentage="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
width
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default width
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom widths
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-75 mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-50 mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-25"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
height
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default height
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom heights
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
height="2rem"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
height="20px"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
height="2px"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
success:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
info:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
warning:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
danger:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
primary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
secondary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="secondary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
dark:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="dark"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
striped
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Remove Striped
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
animated
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-3"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Stop Animation
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
multiple bars
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
striped="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
animated="true"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
striped="true"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,102 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tables.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Simple Table"
|
||||
fields="username,registered,role,status"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Striped Table"
|
||||
fields="username,registered,role,status"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Condensed Table"
|
||||
fields="username,registered,role,status"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption="Bordered Table"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption="Combined All Table"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
hover="true"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption="Combined All Table"
|
||||
dark="true"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
hover="true"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,361 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tabs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
title="Home"
|
||||
>
|
||||
|
||||
1. 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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub
|
||||
title="Profile"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub
|
||||
disabled="true"
|
||||
title="Disabled"
|
||||
>
|
||||
|
||||
3. 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.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="pills"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
title="Home"
|
||||
>
|
||||
|
||||
1. 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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub
|
||||
title="Profile"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub
|
||||
disabled="true"
|
||||
title="Disabled"
|
||||
>
|
||||
|
||||
3. 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.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs with icons
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="calculator"
|
||||
/>
|
||||
</template>
|
||||
|
||||
1. 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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="basket"
|
||||
/>
|
||||
</template>
|
||||
|
||||
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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="chart-pie"
|
||||
/>
|
||||
</template>
|
||||
|
||||
3. 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.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs with icons
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
addtabclasses="mt-1"
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="calculator"
|
||||
/>
|
||||
Calculator
|
||||
|
||||
</template>
|
||||
|
||||
1. 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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="basket"
|
||||
/>
|
||||
Shopping cart
|
||||
|
||||
</template>
|
||||
|
||||
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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="chart-pie"
|
||||
/>
|
||||
Charts
|
||||
|
||||
</template>
|
||||
|
||||
3. 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.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs vertical
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="pills"
|
||||
vertical="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="calculator"
|
||||
/>
|
||||
Calculator
|
||||
|
||||
</template>
|
||||
|
||||
1. 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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="basket"
|
||||
/>
|
||||
Shopping cart
|
||||
|
||||
</template>
|
||||
|
||||
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.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="chart-pie"
|
||||
/>
|
||||
Charts
|
||||
|
||||
</template>
|
||||
|
||||
3. 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.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,348 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tooltips.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Tooltips
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
<code>
|
||||
v-c-tooltip
|
||||
</code>
|
||||
directive
|
||||
</small>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-center my-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Hover Me
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-center my-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Hover me
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Tooltips
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
placement
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div
|
||||
class="my-3"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
top-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
top
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
top-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
bottom-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
bottom
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
bottom-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
right-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
right
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
right-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
left-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
left
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="py-4 text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
left-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user