Files
djangocms/static/admin/assets/pug/pages/theme/dashboard-02.pug
2024-11-20 12:56:32 +07:00

643 lines
38 KiB
Plaintext

- var apex = true;
- var theme_customizer = true;
- var dashboard_2 = true;
- var animate = true;
- var counter = true;
- var wow = true;
- var sidebar = true;
- var slick = true;
- var header_slider = true;
- var scrollbar = 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
| E-Commerce Dashboard
.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 Dashboard
li.breadcrumb-item.active E-Commerce
// Container-fluid starts
.container-fluid
.row.size-column
.col-xxl-10.col-md-12.box-col-8.grid-ed-12
.row
.col-xxl-5.col-md-7.box-col-7
.row
.col-sm-12
.card.o-hidden
.card-body.balance-widget
span.f-w-500.f-light Total Balance
h4.mb-3.mt-1.f-w-500.mb-0.f-22 $
span.counter 245,154.00
span.f-light.f-14.f-w-400.ms-1 this month
a(href="#").purchase-btn.btn.btn-primary.btn-hover-effect.f-w-500 Tap Up Balance
.mobile-right-img
img.left-mobile-img(src="../assets/images/dashboard-2/widget-img.png", alt="")
img.mobile-img(src="../assets/images/dashboard-2/mobile.gif", alt="mobile with coin")
.col-6
.card.small-widget
.card-body.primary
span.f-light New Orders
.d-flex.align-items-end.gap-1
h4 2,435
span.font-primary.f-12.f-w-500
i.icon-arrow-up
span +50%
.bg-gradient
svg.stroke-icon.svg-fill
use(href='../assets/svg/icon-sprite.svg#new-order')
.col-6
.card.small-widget
.card-body.warning
span.f-light New Customers
.d-flex.align-items-end.gap-1
h4 2,908
span.font-warning.f-12.f-w-500
i.icon-arrow-up
span +20%
.bg-gradient
svg.stroke-icon.svg-fill
use(href='../assets/svg/icon-sprite.svg#customers')
.col-6
.card.small-widget
.card-body.secondary
span.f-light Average Sale
.d-flex.align-items-end.gap-1
h4 $389k
span.font-secondary.f-12.f-w-500
i.icon-arrow-down
span -10%
.bg-gradient
svg.stroke-icon.svg-fill
use(href='../assets/svg/icon-sprite.svg#sale')
.col-6
.card.small-widget
.card-body.success
span.f-light Gross Profit
.d-flex.align-items-end.gap-1
h4 $3,908
span.font-success.f-12.f-w-500
i.icon-arrow-up
span +80%
.bg-gradient
svg.stroke-icon.svg-fill
use(href='../assets/svg/icon-sprite.svg#profit')
.col-xxl-3.col-md-5.col-sm-6.box-col-5
.appointment
.card
.card-header.card-no-border
.header-top
h5.m-0 Valuable Customer
.card-header-right-icon
.dropdown.icon-dropdown
button#dropdownMenuButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.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.pt-0
.appointment-table.customer-table.table-responsive
table.table.table-bordernone
tbody
tr
td
img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/1.jpg',alt='user')
td.img-content-box
a(href="user-profile.html").f-w-500 Jane Cooper
span.f-light alma.lawson@gmail.com
tr
td
img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/2.jpg',alt='user')
td.img-content-box
a(href="user-profile.html").f-w-500 Cameron Willia
span.f-light tim.jennings@gmail.com
tr
td
img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/9.jpg',alt='user')
td.img-content-box
a(href="user-profile.html").f-w-500 Floyd Miles
span.f-light kenzi.lawson@gmail.com
tr
td
img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/5.jpg',alt='user')
td.img-content-box
a(href="user-profile.html").f-w-500 Dianne Russell
span.f-light curtis.weaver@gmail.com
tr
td
img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/3.jpg',alt='user')
td.img-content-box
a(href="user-profile.html").f-w-500 Guy Hawkins
span.f-light curtis.weaver@gmail.com
.col-xxl-4.col-sm-6.box-col-6
.card
.card-header.card-no-border
.header-top
h5.m-0 Order this month
.card-header-right-icon
.dropdown.icon-dropdown
button#orderButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='orderButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0
.light-card.balance-card.d-inline-block
h4.mb-0 $12,000
span.f-light.f-14 (15,080 To Goal)
.order-wrapper
#order-goal
.col-xxl-3.col-md-6.box-col-6
.card
.card-header.card-no-border
h5 Monthly Profits
span.f-light.f-w-500.f-14 (Total profit growth of 30%)
.card-body.pt-0
.monthly-profit
#profitmonthly
.col-xxl-9.box-col-12
.card
.card-header.card-no-border
h5 Order Overview
.card-body.pt-0
.row.m-0.overall-card.overview-card
.col-xl-9.col-md-8.col-sm-7.p-0.box-col-7
.chart-right
.row
.col-xl-12
.card-body.p-0
ul.balance-data
li
span.circle.bg-secondary
span.f-light.ms-1 Refunds
li
span.circle.bg-primary
span.f-light.ms-1 Earning
li
span.circle.bg-success
span.f-light.ms-1 Order
.current-sale-container.order-container
#orderoverview.overview-wrapper
.back-bar-container
#order-bar
.col-xl-3.col-md-4.col-sm-5.p-0.box-col-5
.row.g-sm-3.g-2
.col-md-12
.light-card.balance-card.widget-hover
.svg-box
svg.svg-fill
use(href='../assets/svg/icon-sprite.svg#orders')
div
span.f-light Orders
h6.mt-1.mb-0 10,098
.ms-auto.text-end
.dropdown.icon-dropdown
button#orderdropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='orderdropdown')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.col-md-12
.light-card.balance-card.widget-hover
.svg-box
svg.svg-fill
use(href='../assets/svg/icon-sprite.svg#expense')
div
span.f-light Earning
h6.mt-1.mb-0 $12,678
.ms-auto.text-end
.dropdown.icon-dropdown
button#earningdropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='earningdropdown')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.col-md-12
.light-card.balance-card.widget-hover
.svg-box
svg.svg-fill
use(href='../assets/svg/icon-sprite.svg#doller-return')
div
span.f-light Refunds
h6.mt-1.mb-0 3,001
.ms-auto.text-end
.dropdown.icon-dropdown
button#incomedropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='incomedropdown')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.col-xxl-3.col-xl-4.col-sm-6.box-col-6.wow.zoomIn
.card.purchase-card.discover
img.img-fluid(src="../assets/images/dashboard-2/discover.png", alt="vector discover")
.card-body.pt-3
h5.mb-1 Discover Pro
p.f-light Amet minim mollit non deserunt ullamco est sit aliqua dolor
a.purchase-btn.btn.btn-hover-effect.btn-primary.f-w-500(href="https://1.envato.market/3GVzd" target="_blank") Update Now
.col-xxl-4.col-xl-4.col-sm-6.box-col-6
.card.visitor-card
.card-header.card-no-border
.header-top
h5.m-0 Visitors
span.f-14.font-primary.f-w-500.ms-1
svg.svg-fill.me-1
use(href='../assets/svg/icon-sprite.svg#user-visitor')
| (+2.8)
.card-header-right-icon
.dropdown.icon-dropdown
button#visitorButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='visitorButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0
.visitors-container
#visitor-chart
.col-xxl-5.col-xl-4.box-col-12
.card.recent-order
.card-header.card-no-border
.header-top
h5.m-0 Recent Orders
.card-header-right-icon
.dropdown.icon-dropdown
button#recentButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='recentButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0
.recent-sliders
.nav.nav-pills(id="v-pills-tab" role="tablist")
button.active(id="v-pills-shirt-tab" data-bs-toggle="pill" data-bs-target="#v-pills-shirt" type="button" role="tab" aria-controls="v-pills-shirt" aria-selected="true").frame-box
span.frame-image
img(src="../assets/images/dashboard-2/order/1.png", alt="vector T-shirt")
button(id="v-pills-television-tab" data-bs-toggle="pill" data-bs-target="#v-pills-television" type="button" role="tab" aria-controls="v-pills-television" aria-selected="false").frame-box
span.frame-image
img(src="../assets/images/dashboard-2/order/2.png", alt="vector television")
button(id="v-pills-headphone-tab" data-bs-toggle="pill" data-bs-target="#v-pills-headphone" type="button" role="tab" aria-controls="v-pills-headphone" aria-selected="false").frame-box
span.frame-image
img(src="../assets/images/dashboard-2/order/3.png", alt="vector headphone")
button(id="v-pills-chair-tab" data-bs-toggle="pill" data-bs-target="#v-pills-chair" type="button" role="tab" aria-controls="v-pills-chair" aria-selected="false").frame-box
span.frame-image
img(src="../assets/images/dashboard-2/order/4.png", alt="vector chair")
button(id="v-pills-lamp-tab" data-bs-toggle="pill" data-bs-target="#v-pills-lamp" type="button" role="tab" aria-controls="v-pills-lamp" aria-selected="false").frame-box
span.frame-image
img(src="../assets/images/dashboard-2/order/5.png", alt="vector lamp")
.tab-content(id="v-pills-tabContent")
div.tab-pane.fade.show.active(id="v-pills-shirt" role="tabpanel" aria-labelledby="v-pills-shirt-tab")
.recent-table.table-responsive
table.table
thead
tr
th.f-light Item
th.f-light Qty
th.f-light Price
th.f-light Status
th.f-light Total Price
tbody
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/4.png", alt="t-shirt")
div
h6.f-14.mb-0
a(href="order-history.html") T-shirt
span.f-light.f-12 Id : #CFDE-2163
td.f-w-500 X1
td.f-w-500 $56.00
td.f-w-500
.recent-status.font-success
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Verified
td.f-w-500 $100.00
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/3.png", alt="t-shirt")
div
h6.f-14.mb-0
a(href="order-history.html") Pink T-shirt
span.f-light.f-12 Id : #CFDE-2780
td.f-w-500 X2
td.f-w-500 $156.00
td.f-w-500
.recent-status.font-danger
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Rejected
td.f-w-500 $870.00
div.tab-pane.fade(id="v-pills-television" role="tabpanel" aria-labelledby="v-pills-television-tab")
.recent-table.table-responsive
table.table
thead
tr
th.f-light Item
th.f-light Qty
th.f-light Price
th.f-light Status
th.f-light Total Price
tbody
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/5.png", alt="television")
div
h6.f-14.mb-0
a(href="order-history.html") Sony
span.f-light.f-12 Id : #CFDE-2163
td.f-w-500 X1
td.f-w-500 $56.00
td.f-w-500
.recent-status.font-danger
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Rejected
td.f-w-500 $390.00
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/6.png", alt="television")
div
h6.f-14.mb-0
a(href="order-history.html") Samsung
span.f-light.f-12 Id : #CFDE-2780
td.f-w-500 X2
td.f-w-500 $100.00
td.f-w-500
.recent-status.font-success
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Verified
td.f-w-500 $870.00
div.tab-pane.fade(id="v-pills-headphone" role="tabpanel" aria-labelledby="v-pills-headphone-tab")
.recent-table.table-responsive
table.table
thead
tr
th.f-light Item
th.f-light Qty
th.f-light Price
th.f-light Status
th.f-light Total Price
tbody
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/1.png", alt="headephones")
div
h6.f-14.mb-0
a(href="order-history.html") Sony
span.f-light.f-12 Id : #CFDE-2163
td.f-w-500 X1
td.f-w-500 $56.00
td.f-w-500
.recent-status.font-success
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Verified
td.f-w-500 $100.00
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/2.png", alt="headephones")
div
h6.f-14.mb-0
a(href="order-history.html") Sennheiser
span.f-light.f-12 Id : #CFDE-2780
td.f-w-500 X2
td.f-w-500 $156.00
td.f-w-500
.recent-status.font-danger
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Rejected
td.f-w-500 $100.00
div.tab-pane.fade(id="v-pills-chair" role="tabpanel" aria-labelledby="v-pills-chair-tab")
.recent-table.table-responsive
table.table
thead
tr
th.f-light Item
th.f-light Qty
th.f-light Price
th.f-light Status
th.f-light Total Price
tbody
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/7.png", alt="chair")
div
h6.f-14.mb-0
a(href="order-history.html") Chair
span.f-light.f-12 Id : #CFDE-2163
td.f-w-500 X1
td.f-w-500 $48.00
td.f-w-500
.recent-status.font-success
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Verified
td.f-w-500 $50.00
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/8.png", alt="chair")
div
h6.f-14.mb-0
a(href="order-history.html") Office chair
span.f-light.f-12 Id : #CFDE-2780
td.f-w-500 X2
td.f-w-500 $73.00
td.f-w-500
.recent-status.font-danger
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Rejected
td.f-w-500 $75.00
div.tab-pane.fade(id="v-pills-lamp" role="tabpanel" aria-labelledby="v-pills-lamp-tab")
.recent-table.table-responsive
table.table
thead
tr
th.f-light Item
th.f-light Qty
th.f-light Price
th.f-light Status
th.f-light Total Price
tbody
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/9.png", alt="lamp")
div
h6.f-14.mb-0
a(href="order-history.html") Lamp
span.f-light.f-12 Id : #CFDE-2163
td.f-w-500 X1
td.f-w-500 $20.00
td.f-w-500
.recent-status.font-success
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Verified
td.f-w-500 $25.00
tr
td
div.product-content
.order-image
img(src="../assets/images/dashboard-2/order/sub-product/10.png", alt="lamp")
div
h6.f-14.mb-0
a(href="order-history.html") Bedside lamp
span.f-light.f-12 Id : #CFDE-2780
td.f-w-500 X2
td.f-w-500 $70.00
td.f-w-500
.recent-status.font-danger
svg.me-1
use(href='../assets/svg/icon-sprite.svg#24-hour')
| Rejected
td.f-w-500 $88.00
.col-xxl-2.col-xl-3.col-md-4.grid-ed-none.box-col-4e.d-xxl-block.d-none
.card
.card-header.card-no-border
h5 Top Categories
.card-body.pt-0
ul.categories-list
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/1.png", alt="vector burger")
div
h6.mb-0
a(href="product.html") Food & Drinks
span.f-light.f-12.f-w-500 (12,200)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/2.png", alt="vector furniture")
div
h6.mb-0
a(href="product.html") Furniture
span.f-light.f-12.f-w-500 (7,510)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/3.png", alt="vector grocery box")
div
h6.mb-0
a(href="product.html") Grocery
span.f-light.f-12.f-w-500 (15,475)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/4.png", alt="vector game remote")
div
h6.mb-0
a(href="product.html") Electronics
span.f-light.f-12.f-w-500 (27,840)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/5.png", alt="vector toys")
div
h6.mb-0
a(href="product.html") Toys & Games
span.f-light.f-12.f-w-500 (8,788)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/6.png", alt="vector monitor")
div
h6.mb-0
a(href="product.html") Desktop
span.f-light.f-12.f-w-500 (10,673)
li.d-flex
.bg-light
img(src="../assets/images/dashboard-2/category/7.png", alt="vector mobile")
div
h6.mb-0
a(href="product.html") Mobile & Accessories
span.f-light.f-12.f-w-500 (5,129)
div.recent-activity.notification
h5 Recent Activity
ul
li.d-flex
.activity-dot-primary
.w-100.ms-3
p.d-flex.justify-content-between.mb-2
span.date-content.light-background 8th March, 2022
h6 Added Bew Items
span.dot-notification
span.f-light Quisque a consequat ante sit amet magna...
.recent-images
ul
li
.recent-img-wrap
img(src="../assets/images/dashboard-2/product/1.png", alt="chair")
li
.recent-img-wrap
img(src="../assets/images/dashboard-2/product/2.png", alt="chair")
li
.recent-img-wrap
img(src="../assets/images/dashboard-2/product/3.png", alt="men t-shirt")
li.d-flex
.activity-dot-warning
.w-100.ms-3
p.d-flex.justify-content-between.mb-2
span.date-content.light-background 2nd Sep, Today
h6 Anamika Comments this Poducts
span.dot-notification
span Quisque a consequat ante sit amet magna...
li.d-flex
.activity-dot-secondary
.w-100.ms-3
p.d-flex.justify-content-between.mb-2
span.date-content.light-background 3nd Sep, 2022
h6 Jacksion Purchase
span.dot-notification
span Quisque a consequat ante sit amet magna...
li.d-flex
.activity-dot-success
.w-100.ms-3
p.d-flex.justify-content-between.mb-2
span.date-content.light-background 2nd Sep, Today
h6 Anamika Comments this Poducts
span.dot-notification
span Quisque a consequat ante sit amet magna...
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files
script.
new WOW().init();