woothu
966 lines
25 KiB
Plaintext
966 lines
25 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`Dashboard.vue renders correctly 1`] = `
|
||
<div>
|
||
<widgetsdropdown-stub />
|
||
|
||
<ccard-stub>
|
||
<ccardbody-stub>
|
||
<crow-stub
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
sm="5"
|
||
tag="div"
|
||
>
|
||
<h4
|
||
class="card-title mb-0"
|
||
id="traffic"
|
||
>
|
||
Traffic
|
||
</h4>
|
||
|
||
<div
|
||
class="small text-muted"
|
||
>
|
||
November 2017
|
||
</div>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
class="d-none d-md-block"
|
||
sm="7"
|
||
tag="div"
|
||
>
|
||
<cbutton-stub
|
||
activeclass="active"
|
||
class="float-right"
|
||
color="primary"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
target="_self"
|
||
type="button"
|
||
>
|
||
<cicon-stub
|
||
name="cil-cloud-download"
|
||
/>
|
||
</cbutton-stub>
|
||
|
||
<cbuttongroup-stub
|
||
class="float-right mr-3"
|
||
>
|
||
<cbutton-stub
|
||
activeclass="active"
|
||
class="mx-0"
|
||
color="outline-secondary"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
target="_self"
|
||
type="button"
|
||
>
|
||
|
||
Day
|
||
|
||
</cbutton-stub>
|
||
<cbutton-stub
|
||
activeclass="active"
|
||
class="mx-0"
|
||
color="outline-secondary"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
pressed="true"
|
||
routertag="a"
|
||
target="_self"
|
||
type="button"
|
||
>
|
||
|
||
Month
|
||
|
||
</cbutton-stub>
|
||
<cbutton-stub
|
||
activeclass="active"
|
||
class="mx-0"
|
||
color="outline-secondary"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
target="_self"
|
||
type="button"
|
||
>
|
||
|
||
Year
|
||
|
||
</cbutton-stub>
|
||
</cbuttongroup-stub>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
|
||
<mainchartexample-stub
|
||
style="height: 300px; margin-top: 40px;"
|
||
/>
|
||
</ccardbody-stub>
|
||
|
||
<ccardfooter-stub>
|
||
<crow-stub
|
||
class="text-center"
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
class="mb-sm-2 mb-0"
|
||
md="true"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<div
|
||
class="text-muted"
|
||
>
|
||
Visits
|
||
</div>
|
||
|
||
<strong>
|
||
29.703 Users (40%)
|
||
</strong>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs mt-2"
|
||
color="success"
|
||
max="100"
|
||
precision="1"
|
||
value="40"
|
||
/>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
class="mb-sm-2 mb-0 d-md-down-none"
|
||
md="true"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<div
|
||
class="text-muted"
|
||
>
|
||
Unique
|
||
</div>
|
||
|
||
<strong>
|
||
24.093 Users (20%)
|
||
</strong>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs mt-2"
|
||
color="info"
|
||
max="100"
|
||
precision="1"
|
||
value="20"
|
||
/>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
class="mb-sm-2 mb-0"
|
||
md="true"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<div
|
||
class="text-muted"
|
||
>
|
||
Pageviews
|
||
</div>
|
||
|
||
<strong>
|
||
78.706 Views (60%)
|
||
</strong>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs mt-2"
|
||
color="warning"
|
||
max="100"
|
||
precision="1"
|
||
value="60"
|
||
/>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
class="mb-sm-2 mb-0"
|
||
md="true"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<div
|
||
class="text-muted"
|
||
>
|
||
New Users
|
||
</div>
|
||
|
||
<strong>
|
||
22.123 Users (80%)
|
||
</strong>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs mt-2"
|
||
color="danger"
|
||
max="100"
|
||
precision="1"
|
||
value="80"
|
||
/>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
class="mb-sm-2 mb-0 d-md-down-none"
|
||
md="true"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<div
|
||
class="text-muted"
|
||
>
|
||
Bounce Rate
|
||
</div>
|
||
|
||
<strong>
|
||
Average Rate (40.15%)
|
||
</strong>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs mt-2"
|
||
max="100"
|
||
precision="1"
|
||
value="40"
|
||
/>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
</ccardfooter-stub>
|
||
</ccard-stub>
|
||
|
||
<widgetsbrand-stub />
|
||
|
||
<crow-stub
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
md="12"
|
||
tag="div"
|
||
>
|
||
<ccard-stub>
|
||
<ccardheader-stub>
|
||
|
||
Traffic & Sales
|
||
|
||
</ccardheader-stub>
|
||
|
||
<ccardbody-stub>
|
||
<crow-stub
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
lg="6"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<crow-stub
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
sm="6"
|
||
tag="div"
|
||
>
|
||
<ccallout-stub
|
||
color="info"
|
||
>
|
||
<small
|
||
class="text-muted"
|
||
>
|
||
New Clients
|
||
</small>
|
||
<br />
|
||
|
||
<strong
|
||
class="h4"
|
||
>
|
||
9,123
|
||
</strong>
|
||
</ccallout-stub>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
sm="6"
|
||
tag="div"
|
||
>
|
||
<ccallout-stub
|
||
color="danger"
|
||
>
|
||
<small
|
||
class="text-muted"
|
||
>
|
||
Recurring Clients
|
||
</small>
|
||
<br />
|
||
|
||
<strong
|
||
class="h4"
|
||
>
|
||
22,643
|
||
</strong>
|
||
</ccallout-stub>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
|
||
<hr
|
||
class="mt-0"
|
||
/>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Monday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="34"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="78"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Tuesday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="56"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="94"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Wednesday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="12"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="67"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Thursday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="43"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="91"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Friday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="22"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="73"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Saturday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="53"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="82"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-4"
|
||
>
|
||
<div
|
||
class="progress-group-prepend"
|
||
>
|
||
<span
|
||
class="progress-group-text"
|
||
>
|
||
|
||
Sunday
|
||
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="info"
|
||
max="100"
|
||
precision="0"
|
||
value="9"
|
||
/>
|
||
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="danger"
|
||
max="100"
|
||
precision="0"
|
||
value="69"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="legend text-center"
|
||
>
|
||
<small>
|
||
<sup>
|
||
<cbadge-stub
|
||
activeclass="active"
|
||
color="info"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
shape="pill"
|
||
tag="span"
|
||
target="_self"
|
||
>
|
||
|
||
</cbadge-stub>
|
||
</sup>
|
||
|
||
New clients
|
||
|
||
|
||
<sup>
|
||
<cbadge-stub
|
||
activeclass="active"
|
||
color="danger"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
shape="pill"
|
||
tag="span"
|
||
target="_self"
|
||
>
|
||
|
||
</cbadge-stub>
|
||
</sup>
|
||
|
||
Recurring clients
|
||
|
||
</small>
|
||
</div>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
lg="6"
|
||
sm="12"
|
||
tag="div"
|
||
>
|
||
<crow-stub
|
||
gutters="true"
|
||
tag="div"
|
||
>
|
||
<ccol-stub
|
||
sm="6"
|
||
tag="div"
|
||
>
|
||
<ccallout-stub
|
||
color="warning"
|
||
>
|
||
<small
|
||
class="text-muted"
|
||
>
|
||
Pageviews
|
||
</small>
|
||
<br />
|
||
|
||
<strong
|
||
class="h4"
|
||
>
|
||
78,623
|
||
</strong>
|
||
</ccallout-stub>
|
||
</ccol-stub>
|
||
|
||
<ccol-stub
|
||
sm="6"
|
||
tag="div"
|
||
>
|
||
<ccallout-stub
|
||
color="success"
|
||
>
|
||
<small
|
||
class="text-muted"
|
||
>
|
||
Organic
|
||
</small>
|
||
<br />
|
||
|
||
<strong
|
||
class="h4"
|
||
>
|
||
49,123
|
||
</strong>
|
||
</ccallout-stub>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
|
||
<hr
|
||
class="mt-0"
|
||
/>
|
||
|
||
<ul
|
||
class="horizontal-bars type-2"
|
||
>
|
||
<div
|
||
class="progress-group"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
name="cil-user"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
Male
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
43%
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="warning"
|
||
max="100"
|
||
precision="0"
|
||
value="43"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group mb-5"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
name="cil-user-female"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
Female
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
37%
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="warning"
|
||
max="100"
|
||
precision="0"
|
||
value="37"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
name="cil-globe-alt"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
Organic Search
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
|
||
191,235
|
||
<span
|
||
class="text-muted small"
|
||
>
|
||
(56%)
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="success"
|
||
max="100"
|
||
precision="0"
|
||
value="56"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
height="17"
|
||
name="cib-facebook"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
Facebook
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
|
||
51,223
|
||
<span
|
||
class="text-muted small"
|
||
>
|
||
(15%)
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="success"
|
||
max="100"
|
||
precision="0"
|
||
value="15"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
height="17"
|
||
name="cib-twitter"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
Twitter
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
|
||
37,564
|
||
<span
|
||
class="text-muted small"
|
||
>
|
||
(11%)
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="success"
|
||
max="100"
|
||
precision="0"
|
||
value="11"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group"
|
||
>
|
||
<div
|
||
class="progress-group-header"
|
||
>
|
||
<cicon-stub
|
||
class="progress-group-icon"
|
||
height="17"
|
||
name="cib-linkedin"
|
||
/>
|
||
|
||
<span
|
||
class="title"
|
||
>
|
||
LinkedIn
|
||
</span>
|
||
|
||
<span
|
||
class="ml-auto font-weight-bold"
|
||
>
|
||
|
||
27,319
|
||
<span
|
||
class="text-muted small"
|
||
>
|
||
(8%)
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div
|
||
class="progress-group-bars"
|
||
>
|
||
<cprogress-stub
|
||
class="progress-xs"
|
||
color="success"
|
||
max="100"
|
||
precision="0"
|
||
value="8"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="divider text-center"
|
||
>
|
||
<cbutton-stub
|
||
activeclass="active"
|
||
class="text-muted"
|
||
color="link"
|
||
event="click"
|
||
exactactiveclass="active"
|
||
routertag="a"
|
||
size="sm"
|
||
target="_self"
|
||
type="button"
|
||
>
|
||
<cicon-stub
|
||
name="cil-options"
|
||
/>
|
||
</cbutton-stub>
|
||
</div>
|
||
</ul>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
|
||
<br />
|
||
|
||
<cdatatable-stub
|
||
class="mb-0 table-outline"
|
||
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||
head-color="light"
|
||
hover="true"
|
||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||
itemsperpage="10"
|
||
no-sorting=""
|
||
responsive="true"
|
||
sortervalue="[object Object]"
|
||
/>
|
||
</ccardbody-stub>
|
||
</ccard-stub>
|
||
</ccol-stub>
|
||
</crow-stub>
|
||
</div>
|
||
`;
|