definicao de layout
This commit is contained in:
552
public/assets/pug/pages/template/support-ticket.pug
Normal file
552
public/assets/pug/pages/template/support-ticket.pug
Normal file
@@ -0,0 +1,552 @@
|
||||
- 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 t.nixon@datatables.net
|
||||
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 g.winters@datatables.net
|
||||
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 a.cox@datatables.net
|
||||
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 c.kelly@datatables.net
|
||||
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 a.satou@datatables.net
|
||||
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 b.williamson@datatables.net
|
||||
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 h.chandler@datatables.net
|
||||
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 r.davidson@datatables.net
|
||||
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 c.hurst@datatables.net
|
||||
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 s.frost@datatables.net
|
||||
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 j.gaines@datatables.net
|
||||
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 q.flynn@datatables.net
|
||||
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 c.marshall@datatables.net
|
||||
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 h.kennedy@datatables.net
|
||||
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 t.fitzpatrick@datatables.net
|
||||
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 m.silva@datatables.net
|
||||
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 p.byrd@datatables.net
|
||||
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 g.little@datatables.net
|
||||
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 b.greer@datatables.net
|
||||
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 d.rios@datatables.net
|
||||
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 j.caldwell@datatables.net
|
||||
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 y.berry@datatables.net
|
||||
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 c.vance@datatables.net
|
||||
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
|
||||
Reference in New Issue
Block a user