292 lines
12 KiB
Plaintext
292 lines
12 KiB
Plaintext
- var prism = true;
|
|
- var theme_customizer = true;
|
|
- var counter = true;
|
|
- var clipboard = true;
|
|
- var customcard = true;
|
|
- var apex_widget = true;
|
|
- var apex = true;
|
|
- var chart_widget = true;
|
|
- var sidebar = true;
|
|
- var scrollbar = true;
|
|
- var slick = true;
|
|
- var header_slider = true;
|
|
- var animate = true;
|
|
doctype html
|
|
html(lang='en')
|
|
include ../../components/header-files
|
|
body
|
|
include ../../components/loader
|
|
include ../../components/taptop
|
|
// page-wrapper Start
|
|
#pageWrapper.page-wrapper.compact-wrapper
|
|
include ../../components/header
|
|
// Page Body Start
|
|
.page-body-wrapper
|
|
include ../../components/sidebar
|
|
.page-body
|
|
.container-fluid
|
|
.page-title
|
|
.row
|
|
.col-6
|
|
h3
|
|
| Chart
|
|
.col-6
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
svg.stroke-icon
|
|
use(href='../assets/svg/icon-sprite.svg#stroke-home')
|
|
li.breadcrumb-item Widgets
|
|
li.breadcrumb-item.active Chart
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
// Chart widget top Start
|
|
.row
|
|
.col-xl-4.col-md-12.box-col-12
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body.pb-0.m-0
|
|
.col-xl-9.col-lg-8.col-9.p-0
|
|
h6.mb-2 Total Sale
|
|
h4 $3654.00
|
|
span Compare to last month
|
|
.col-xl-3.col-lg-4.col-3.text-end.p-0
|
|
h6.txt-success +65%
|
|
div
|
|
#chart-widget1
|
|
.col-xl-4.col-md-12.box-col-12
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body.pb-0.m-0
|
|
.col-xl-9.col-lg-8.col-9.p-0
|
|
h6.mb-2 Total Project
|
|
h4 12569
|
|
span Compare to last month
|
|
.col-xl-3.col-lg-4.col-3.text-end.p-0
|
|
h6.txt-success +65%
|
|
div#chart-widget2
|
|
#chart-widget-top-second.flot-chart-placeholder
|
|
.col-xl-4.col-md-12.box-col-12
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body.pb-0.m-0
|
|
.col-xl-9.col-lg-8.col-9.p-0
|
|
h6.mb-2 Total Product
|
|
h4 93M
|
|
span Compare to last month
|
|
.col-xl-3.col-lg-4.col-3.text-end.p-0
|
|
h6.txt-success +65%
|
|
div#chart-widget3
|
|
#chart-widget-top-third.flot-chart-placeholder
|
|
// Chart widget top Ends
|
|
// Chart widget with bar chart Start
|
|
.row
|
|
.col-md-12.box-col-12
|
|
.card.o-hidden
|
|
.card-header
|
|
h5 Monthly History
|
|
.bar-chart-widget
|
|
.bottom-content.card-body
|
|
.row
|
|
.col-12
|
|
div#chart-widget4
|
|
.col-xl-6.col-lg-12.box-col-6.xl-50
|
|
.card
|
|
.card-header
|
|
h5 Skill Status
|
|
.card-body
|
|
.chart-container.skill-chart
|
|
#circlechart
|
|
.col-xl-6.col-lg-12.box-col-6.xl-50
|
|
.card
|
|
.card-header
|
|
.header-top
|
|
h5 Order Status
|
|
.card-header-right-icon
|
|
.dropdown
|
|
button#dropdownMenuButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown')
|
|
| Today
|
|
.dropdown-menu.dropdown-menu-end(aria-labelledby='dropdownMenuButton')
|
|
a.dropdown-item(href='#') Today
|
|
a.dropdown-item(href='#') Tomorrow
|
|
a.dropdown-item(href='#') Yesterday
|
|
.card-body
|
|
.chart-container.progress-chart
|
|
#progress1
|
|
#progress2
|
|
#progress3
|
|
#progress4
|
|
#progress5
|
|
// Chart widget with bar chart Ends
|
|
// small widgets Start
|
|
.row
|
|
// Live Product chart widget Start
|
|
.xl-50.col-xl-7.col-lg-12
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header
|
|
h5 Live Products
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget6
|
|
// Live Product chart widget Ends
|
|
// Turnover chart widget Start
|
|
.xl-50.col-xl-5.col-lg-12
|
|
.card
|
|
.card-header
|
|
h5 Turn over
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget7
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head1', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head1
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget7"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Turnover chart widget Ends
|
|
// Crypto price chart Start
|
|
.xl-50.col-xl-6.col-lg-12
|
|
.card
|
|
.card-header
|
|
h5 Cryptocurrency Prices
|
|
.card-body
|
|
.chart-container.crypto-chart
|
|
.row
|
|
.col-12
|
|
div#chart-crypto
|
|
// Crypto price chart end
|
|
.xl-50.col-xl-6.col-lg-12
|
|
.card
|
|
.card-header
|
|
h5 Crypto Annotations
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#crypto-annotation
|
|
// small widgets Ends
|
|
// Browser uses and website visiter widget Start
|
|
.row
|
|
// browser uses widget chart Start
|
|
.col-sm-12.box-col-12
|
|
.donut-chart-widget
|
|
.card
|
|
.card-header
|
|
h5 Stock Market
|
|
.card-body
|
|
#chart-widget13
|
|
// browser uses widget chart Endss
|
|
// status widget Start
|
|
.col-xl-5.col-lg-12.box-col-12
|
|
.card
|
|
.card-header
|
|
h5 Finance
|
|
.card-body
|
|
.chart-container.column-container
|
|
#columnchart
|
|
.col-xl-7.col-lg-12.box-col-6
|
|
.card
|
|
.card-header
|
|
h5 Order Status
|
|
.card-body
|
|
.chart-container
|
|
#linechart
|
|
// status widget Ends
|
|
// Monthly Sale chart widget Start
|
|
.xl-50.col-xl-5.col-lg-12.box-col-6
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header
|
|
h5 Monthly Sales
|
|
.card-header-right
|
|
ul.list-unstyled.card-option
|
|
li
|
|
i.fa.fa-spin.fa-cog
|
|
li
|
|
i.view-html.fa.fa-code
|
|
li
|
|
i.icofont.icofont-maximize.full-card
|
|
li
|
|
i.icofont.icofont-minus.minimize-card
|
|
li
|
|
i.icofont.icofont-refresh.reload-card
|
|
li
|
|
i.icofont.icofont-error.close-card
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget8
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head2', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head2
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget8"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Monthly Sale chart widget Ends
|
|
// Uses chart widget Start
|
|
.xl-50.col-xl-7.col-lg-12.box-col-12
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header
|
|
h5 Uses
|
|
.card-header-right
|
|
ul.list-unstyled.card-option
|
|
li
|
|
i.fa.fa-spin.fa-cog
|
|
li
|
|
i.view-html.fa.fa-code
|
|
li
|
|
i.icofont.icofont-maximize.full-card
|
|
li
|
|
i.icofont.icofont-minus.minimize-card
|
|
li
|
|
i.icofont.icofont-refresh.reload-card
|
|
li
|
|
i.icofont.icofont-error.close-card
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget9
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head3', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head3
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget9"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Uses chart widget Ends
|
|
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|