refactor: replace font icons with svg icons
This commit is contained in:
woothu
@@ -1,172 +0,0 @@
|
||||
// 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"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
<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>
|
||||
`;
|
||||
@@ -1,812 +0,0 @@
|
||||
// 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"
|
||||
>
|
||||
<i
|
||||
class="cui-check"
|
||||
/>
|
||||
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-info c-switch-sm c-switch-pill"
|
||||
>
|
||||
<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"
|
||||
shape="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="Card outline 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 border-secondary"
|
||||
header="Card outline secondary"
|
||||
>
|
||||
<!---->
|
||||
<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="Card outline 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 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="Card with primary accent"
|
||||
>
|
||||
<!---->
|
||||
<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="Card with secondary accent"
|
||||
>
|
||||
<!---->
|
||||
<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="Card with success accent"
|
||||
>
|
||||
<!---->
|
||||
<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="Card with info accent"
|
||||
>
|
||||
<!---->
|
||||
<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-warning"
|
||||
header="Card with warning accent"
|
||||
>
|
||||
<!---->
|
||||
<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="Card with danger accent"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-primary text-center"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-success text-center"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-info text-center"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-warning text-center"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-danger text-center"
|
||||
>
|
||||
<!---->
|
||||
<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 bg-secondary text-center"
|
||||
>
|
||||
<!---->
|
||||
<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"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card title
|
||||
</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 bg-success"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card title
|
||||
</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 bg-info"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card title
|
||||
</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 bg-warning"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card title
|
||||
</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 bg-danger"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card title
|
||||
</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 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"
|
||||
>
|
||||
<i
|
||||
class="cui-settings"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-minimize"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-chevron-bottom"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-close"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-circle-x"
|
||||
/>
|
||||
</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>
|
||||
`;
|
||||
@@ -1,136 +0,0 @@
|
||||
// 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"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
`;
|
||||
@@ -1,106 +0,0 @@
|
||||
// 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"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
`;
|
||||
@@ -1,216 +0,0 @@
|
||||
// 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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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
@@ -1,523 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navbars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Home
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
`;
|
||||
@@ -1,602 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
title="Link"
|
||||
/>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
icons
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-basket-loaded"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Active
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,188 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Paginations.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
`;
|
||||
@@ -1,713 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
`;
|
||||
@@ -1,102 +0,0 @@
|
||||
// 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=<i class='fa fa-align-justify'></i> 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=<i class='fa fa-align-justify'></i> 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=<i class='fa fa-align-justify'></i> 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=<i class='fa fa-align-justify'></i> 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=<i class='fa fa-align-justify'></i> 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=<i class='fa fa-align-justify'></i> 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>
|
||||
`;
|
||||
@@ -1,348 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tooltips.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<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