- var theme_customizer = true;
- var datatable = true;
- var counter = true;
- var support_ticket_custom = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
// page-wrapper Start
#pageWrapper.page-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper.horizontal-menu
include ../../components/sidebar
.page-body
.container-fluid
.page-header
.row
.col-sm-6
h3
| Support Ticket
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Pages
li.breadcrumb-item.active Support Ticket
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid.support-ticket
.row
.col-sm-12
.card
.card-header.pb-0
h5 Ticket List
span List of ticket opend by customers
.card-body
.row
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Order
h4.total-num.counter 2563
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase
.progress
.progress-bar.bg-primary(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Pending
h4.total-num.counter 8943
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase
.progress
.progress-bar.bg-secondary(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Running
h4.total-num.counter 2500
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase.mt-4
.progress
.progress-bar.bg-warning(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Smooth
h4.total-num.counter 2060
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase.mt-4
.progress
.progress-bar.bg-info(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Done
h4.total-num.counter 5600
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase.mt-4
.progress
.progress-bar.bg-success(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-sm-6
.card.ecommerce-widget.pro-gress
.card-body.support-ticket-font
.row
.col-5
h6 Cancle
h4.total-num.counter 2560
.col-7
.text-md-end
ul
li
| Profit
span.product-stts.txt-primary.ms-2
| 8989
i.icon-angle-up.f-12
li
| Loss
span.product-stts.txt-danger.ms-2
| 2560
i.icon-angle-down.f-12
.progress-showcase
.progress
.progress-bar.bg-danger(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.table-responsive
table#basic-6.display
thead
tr
th(rowspan='2') Name
th(colspan='2') HR Information
th(colspan='4') Contact
tr
th Position
th Salary
th Office
th Skill
th Extn.
th E-mail
tbody
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/1.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Tiger Nixon
td System Architect
td $320,800
td Edinburgh
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 30%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 5421
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/2.png', alt='Generic placeholder image')
.media-body.align-self-center
div Garrett Winters
td Accountant
td $170,750
td Tokyo
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-secondary(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 8422
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/3.png', alt='Generic placeholder image')
.media-body.align-self-center
div Ashton Cox
td Junior Technical Author
td $86,000
td San Francisco
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-danger(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1562
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/4.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Cedric Kelly
td Senior Javascript Developer
td $433,060
td Edinburgh
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-secondary(role='progressbar', style='width: 80%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 6224
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/5.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Airi Satou
td Accountant
td $162,700
td Tokyo
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 70%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 5407
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/6.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Brielle Williamson
td Integration Specialist
td $372,000
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-info(role='progressbar', style='width: 55%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 4804
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Herrod Chandler
td Sales Assistant
td $137,500
td San Francisco
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-warning(role='progressbar', style='width: 80%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 9608
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/8.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Rhona Davidson
td Integration Specialist
td $327,900
td Tokyo
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-secondary(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 6200
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/9.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Colleen Hurst
td Javascript Developer
td $205,500
td San Francisco
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 24%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 2360
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/10.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Sonya Frost
td Software Engineer
td $103,600
td Edinburgh
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 58%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1667
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/11.png', alt='Generic placeholder image')
.media-body.align-self-center
div Jena Gaines
td Office Manager
td $90,560
td London
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-warning(role='progressbar', style='width: 80%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 3814
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/12.png', alt='Generic placeholder image')
.media-body.align-self-center
div Quinn Flynn
td Support Lead
td $342,000
td Edinburgh
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-danger(role='progressbar', style='width: 70%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 9497
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/1.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Charde Marshall
td Regional Director
td $470,600
td San Francisco
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-info(role='progressbar', style='width: 100%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 6741
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/2.png', alt='Generic placeholder image')
.media-body.align-self-center
div Haley Kennedy
td Senior Marketing Designer
td $313,500
td London
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 3597
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/3.png', alt='Generic placeholder image')
.media-body.align-self-center
div Tatyana Fitzpatrick
td Regional Director
td $385,750
td London
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-warning(role='progressbar', style='width: 30%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1965
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/4.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Michael Silva
td Marketing Designer
td $198,500
td London
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1581
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/5.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Paul Byrd
td Chief Financial Officer (CFO)
td $725,000
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 10%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 3059
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/6.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Gloria Little
td Systems Administrator
td $237,500
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 15%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1721
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Bradley Greer
td Software Engineer
td $132,000
td London
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 30%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 2558
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/8.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Dai Rios
td Personnel Lead
td $217,500
td Edinburgh
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-warning(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 2290
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/9.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Jenette Caldwell
td Development Lead
td $345,000
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 1937
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/10.jpg', alt='Generic placeholder image')
.media-body.align-self-center
div Yuri Berry
td Chief Marketing Officer (CMO)
td $675,000
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-danger(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 6154
td [email protected]
tr
td
.media
img.rounded-circle.img-30.me-3(src='../assets/images/user/11.png', alt='Generic placeholder image')
.media-body.align-self-center
div Caesar Vance
td Pre-Sales Support
td $106,450
td New York
td
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-success(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 8330
td [email protected]
tfoot
tr
th Name
th Position
th Salary
th Office
th Skill
th Extn.
th E-mail
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files