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

347 lines
17 KiB
Plaintext

- var theme_customizer = true;
- var sidebar = true;
- var slick = true;
- var header_slider = true;
- var apex = true;
- var dashboard_5 = true;
- var animate = 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
| Social
.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 Social
// Container-fluid starts
.container-fluid
.row
.col-xxl-3.col-ed-4.col-xl-4.box-col-4
.row
.col-xl-12.col-md-6
.card.social-profile
.card-body
.social-img-wrap
.social-img
img(src="../assets/images/dashboard-5/profile.png", alt="profile")
.edit-icon
svg
use(href='../assets/svg/icon-sprite.svg#profile-check')
.social-details
h5.mb-1
a(href="social-app.html") Brooklyn Simmons
span.f-light @brookly.simmons
ul.social-follow
li
h5.mb-0 1,908
span.f-light Posts
li
h5.mb-0 34.0k
span.f-light Followers
li
h5.mb-0 897
span.f-light Following
.col-xl-12.col-md-6
.card.mobile-app-card
.card-header.card-no-border.pb-0
h5.mb-3
span.f-16.f-light Have you Tried Our
| Mobile Application?
button.purchase-btn.btn.btn-primary.btn-hover-effect.f-w-500(type="button") Try Now
.card-body.p-0.text-end
img.wavy(src="../assets/images/dashboard-5/wave.png", alt="")
img(src="../assets/images/dashboard-5/mobile-img.png", alt="")
.col-xxl-6.col-ed-8.col-xl-8.box-col-8e
.row
.col-md-4.col-sm-6
.card.social-widget.widget-hover
.card-body
.d-flex.align-items-center.justify-content-between
div.d-flex.align-items-center.gap-2
.social-icons
img(src="../assets/images/dashboard-5/social/1.png", alt="facebook icon")
span Facebook
span.font-success.f-12.d-xxl-block.d-xl-none +22.9%
.social-content
div
h5.mb-1 12,098
span.f-light Followers
.social-chart
#radial-facebook
.col-md-4.col-sm-6
.card.social-widget.widget-hover
.card-body
.d-flex.align-items-center.justify-content-between
div.d-flex.align-items-center.gap-2
.social-icons
img(src="../assets/images/dashboard-5/social/2.png", alt="instagram icon")
span Instagram
span.font-success.f-12.d-xxl-block.d-xl-none +27.4%
.social-content
div
h5.mb-1 15,080
span.f-light Followers
.social-chart
#radial-instagram
.col-md-4
.card.social-widget.widget-hover
.card-body
.d-flex.align-items-center.justify-content-between
div.d-flex.align-items-center.gap-2
.social-icons
img(src="../assets/images/dashboard-5/social/3.png", alt="twitter icon")
span Twitter
span.font-success.f-12.d-xxl-block.d-xl-none +14.09%
.social-content
div
h5.mb-1 12,564
span.f-light Followers
.social-chart
#radial-twitter
.col-md-8
.card
.card-header.card-no-border
.header-top
h5.m-0 Instagram Subscribers
span.f-14.f-w-500.ms-1.f-light
| (75% activity growth)
.card-header-right-icon
.dropdown.icon-dropdown
button#subscribeButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='subscribeButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0
.subscriber-chart-container
#subscriber-chart
.col-md-4
.row
.col-md-12.col-sm-6
.card.click-widgets.widget-hover
.card-body
.dropdown.icon-dropdown.text-end
button#photoButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='photoButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.d-flex.justify-content-around
.click-chart
#photo-click
div
h4.mb-0 %76
span.f-light.d-block.my-1 Photo Clicks
span.font-success +72.9%
.col-md-12.col-sm-6
.card.click-widgets.widget-hover
.card-body
.dropdown.icon-dropdown.text-end
button#clickButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='clickButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.d-flex.justify-content-around
.click-chart
#link-click
div
h4.mb-0 %89
span.f-light.d-block.my-1 Link Clicks
span.font-secondary 79.9%
.col-xl-3.col-ed-none.d-xxl-block.d-lg-none.box-col-none
.row
.col-lg-12.col-sm-6
.card
.card-header.card-no-border
.header-top.gap-1
h5 Follower Gender
.dropdown.icon-dropdown
button#followerdropdown.btn.dropdown-toggle(type='button' data-bs-toggle='dropdown' aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='followerdropdown')
a.dropdown-item(href='#') Weekly
a.dropdown-item(href='#') Monthly
a.dropdown-item(href='#') Yearly
.card-body.pt-0
.follower-chart
#followerchart
.col-lg-12.col-sm-6
.card.follower-wrap
.card-header.card-no-border
h5.mb-1 Facebook Campaign
div.d-inline-block.badge.badge-light-success.rounded-pill Active
.card-body.pt-0.papernote-wrap
ul.campaign-list
li
.campaign-box
h5.mb-1 1,897
span.f-light Followers today
li
.campaign-box
h5.mb-1 50,000
span.f-light Followers goals
.customers
ul
li.d-inline-block
img.img-40.rounded-circle(src="../assets/images/dashboard/user/1.jpg", alt="user")
li.d-inline-block
img.img-40.rounded-circle(src="../assets/images/dashboard/user/6.jpg", alt="user")
li.d-inline-block
img.img-40.rounded-circle(src="../assets/images/dashboard/user/7.jpg", alt="user")
li.d-inline-block
img.img-40.rounded-circle(src="../assets/images/dashboard/user/3.jpg", alt="user")
li.d-inline-block
img.img-40.rounded-circle(src="../assets/images/dashboard/user/8.jpg", alt="user")
li.d-inline-block
.light-card
span.f-w-500 +5
.col-xl-7
.card
.card-header.card-no-border
.header-top
h5.m-0 All Campaigns
.card-header-right-icon
.dropdown.icon-dropdown
button#allcampButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
i.icon-more-alt
.dropdown-menu.dropdown-menu-end(aria-labelledby='allcampButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0.campaign-table
.recent-table.table-responsive.currency-table
table.table
thead
tr
th.f-light AD Platform
th.f-light Campaign
th.f-light GEO
th.f-light Profitability
th.f-light Max Participation Avai.
th.f-light Status
th.f-light Create
tbody
tr
td.border-icon.facebook
div
.social-circle
i.fa.fa-facebook
td Jane Cooper
td UK
td
.change-currency
i.font-success.me-1(data-feather="trending-up")
| 45.6%
td $9,786
td
button.btn.badge-light-primary Active
td
button.plus-btn +
tr
td.border-icon.instagram
div
.social-circle
i.fa.fa-instagram
td Floyd Miles
td DE
td
.change-currency
i.font-danger.me-1(data-feather="trending-down")
| 12.3%
td $19,7098
td
button.btn.badge-light-primary Active
td
button.plus-btn +
tr
td.border-icon.pinterest
div
.social-circle
i.fa.fa-pinterest
td Guy Hawkins
td ES
td
.change-currency
i.font-success.me-1(data-feather="trending-up")
| 65.6%
td $90,986
td
button.btn.badge-light-primary Active
td
button.plus-btn +
tr
td.border-icon.twitter
div
.social-circle
i.fa.fa-twitter
td Travis Wright
td ES
td
.change-currency
i.font-danger.me-1(data-feather="trending-down")
| 35.6%
td $23,654
td
button.btn.badge-light-light.disabled Inactive
td
button.plus-btn +
tr
td.border-icon.you-tube
div
.social-circle
i.fa.fa-youtube-play
td Mark Green
td UK
td
.change-currency
i.font-success.me-1(data-feather="trending-up")
| 45.6%
td $12,796
td
button(type="button").btn.badge-light-light.disabled Inactive
td
button(type="button").plus-btn +
.col-xl-5
.card
.card-header.card-no-border
.header-top
h5.m-0 Views
.card-header-right-icon
.dropdown
button#viewButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
| Today
.dropdown-menu.dropdown-menu-end(aria-labelledby='viewButton')
a.dropdown-item(href='#') Today
a.dropdown-item(href='#') Tomorrow
a.dropdown-item(href='#') Yesterday
.card-body.pt-0
.view-container
#view
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files