- var theme_customizer = true;
- var select2 = true;
- var page_select2 = true;
- var form_validation_custom = true;
- var date_picker = true;
- var task_page = 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
| Tasks
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Apps
li.breadcrumb-item.active Tasks
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
.email-wrap.bookmark-wrap
.row
.col-xl-3.box-col-4.xl-30
.email-sidebar
a.btn.btn-primary.email-aside-toggle(href="javascript:void(0)")
| bookmark filter
.email-left-aside
.card
.card-body
.email-app-sidebar.left-bookmark
.media
.media-size-email
img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
.media-body
h6.f-w-600 MARK JENCO
p [email protected]
ul.nav.main-menu(role='tablist')
li.nav-item
button.badge-light.btn-block.btn-mail(type='button', data-bs-toggle='modal', data-bs-target='#exampleModal')
i.me-2(data-feather='check-circle')
| New Task
#exampleModal.modal.fade.modal-bookmark(tabindex='-1', role='dialog', aria-labelledby='exampleModalLabel', aria-hidden='true')
.modal-dialog.modal-lg(role='document')
.modal-content
.modal-header
h5#exampleModalLabel.modal-title Add Task
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.modal-body
form.form-bookmark#bookmark-form.needs-validation(novalidate='')
.form-row
.form-group.col-md-12
label(for='task-title') Task Title
input#task-title.form-control(type='text', required='', autocomplete='off')
.form-group.col-md-12
label(for='sub-task') Sub task
input#sub-task.form-control(type='text', required='', autocomplete='off')
.form-group.col-md-12
.d-flex.date-details
.d-inline-block
label.d-block.mb-0
input.checkbox_animated(type='checkbox')
| Remind on
.d-inline-block
input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='Date')
.d-inline-block
select.form-control
option 7:00 am
option 7:30 am
option 8:00 am
option 8:30 am
option 9:00 am
option 9:30 am
option 10:00 am
option 10:30 am
option 11:00 am
option 11:30 am
option 12:00 pm
option 12:30 pm
option 1:00 pm
option 2:00 pm
option 3:00 pm
option 4:00 pm
option 5:00 pm
option 6:00 pm
.d-inline-block
label.d-block.mb-0
input.checkbox_animated(type='checkbox')
| Notification
.d-inline-block
label.d-block.mb-0
input.checkbox_animated(type='checkbox')
| Mail
.row
.form-group.col
select.js-example-basic-single
option(value='task') My Task
.form-group.col
select.js-example-disabled-results#bm-collection
option(value='general') General
.form-group.col-md-12.my-0
textarea.form-control(required='', autocomplete='off')
input#index_var(type='hidden', value='6' )
button#Bookmark.btn.btn-secondary(onclick='submitBookMark()', type='submit') Save
button.btn.btn-primary(type='button', data-bs-dismiss='modal') Cancel
li.nav-item
span.main-title
| Views
li
a#pills-created-tab(data-bs-toggle='pill', href='#pills-created', role='tab', aria-controls='pills-created', aria-selected='true')
span.title
| Created by me
li
a#pills-todaytask-tab.show(data-bs-toggle='pill', href='#pills-todaytask', role='tab', aria-controls='pills-todaytask', aria-selected='false')
span.title
| Today's Tasks
li
a#pills-delayed-tab.show(data-bs-toggle='pill', href='#pills-delayed', role='tab', aria-controls='pills-delayed', aria-selected='false')
span.title
| Delayed Tasks
li
a#pills-upcoming-tab.show(data-bs-toggle='pill', href='#pills-upcoming', role='tab', aria-controls='pills-upcoming', aria-selected='false')
span.title
| Upcoming Tasks
li
a#pills-weekly-tab.show(data-bs-toggle='pill', href='#pills-weekly', role='tab', aria-controls='pills-weekly', aria-selected='false')
span.title
| This week tasks
li
a#pills-monthly-tab.show(data-bs-toggle='pill', href='#pills-monthly', role='tab', aria-controls='pills-monthly', aria-selected='false')
span.title
| This month tasks
li
a#pills-assigned-tab.show(data-bs-toggle='pill', href='#pills-assigned', role='tab', aria-controls='pills-assigned', aria-selected='false')
span.title
| Assigned to me
li
a#pills-tasks-tab.show(data-bs-toggle='pill', href='#pills-tasks', role='tab', aria-controls='pills-tasks', aria-selected='false')
span.title
| My tasks
li
hr
li
span.main-title
| Tags
span.pull-right
a(href='javascript:void(0)', data-bs-toggle='modal', data-bs-target='#createtag')
i(data-feather='plus-circle')
li
a#pills-notification-tab.show(data-bs-toggle='pill', href='#pills-notification', role='tab', aria-controls='pills-notification', aria-selected='false')
span.title
| Notification
li
a#pills-newsletter-tab.show(data-bs-toggle='pill', href='#pills-newsletter', role='tab', aria-controls='pills-newsletter', aria-selected='false')
span.title
| Newsletter
.col-xl-9.col-md-12.box-col-8.xl-70
.email-right-aside.bookmark-tabcontent
.card.email-body.radius-left
.ps-0
.tab-content
#pills-created.tab-pane.fade.active.show(role='tabpanel', aria-labelledby='pills-created-tab')
.card.mb-0
.card-header
h5.mb-0 Created by me
a.f-w-600(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body.p-0
.taskadd
.table-responsive
table.table
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
//- .details-bookmark.text-center
//- span No tasks found.
#pills-todaytask.fade.tab-pane(role='tabpanel', aria-labelledby='pills-todaytask-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Today's Tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
.row#favouriteData
.no-favourite
span No task due today.
#pills-delayed.fade.tab-pane(role='tabpanel', aria-labelledby='pills-delayed-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Delayed Tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#pills-upcoming.fade.tab-pane(role='tabpanel', aria-labelledby='pills-upcoming-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Upcoming Tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#pills-weekly.fade.tab-pane(role='tabpanel', aria-labelledby='pills-weekly-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 This Week Tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#pills-monthly.fade.tab-pane(role='tabpanel', aria-labelledby='pills-monthly-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 This Month Tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#pills-assigned.fade.tab-pane(role='tabpanel', aria-labelledby='pills-assigned-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Assigned to me
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body.p-0
.taskadd
.table-responsive
table.table
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
//- .details-bookmark.text-center
//- span No tasks found.
#pills-tasks.fade.tab-pane(role='tabpanel', aria-labelledby='pills-tasks-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 My tasks
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body.p-0
.taskadd
.table-responsive
table.table
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
tr
td
h6.task_title_0 Task name
p.project_name_0 General
td
p.task_desc_0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
td
a.me-2(href='javascript:void(0)')
i(data-feather='link')
a(href='javascript:void(0)')
i(data-feather='more-horizontal')
td
a(href='javascript:void(0)')
i(data-feather='trash-2')
//- .details-bookmark.text-center
//- span No tasks found.
#pills-notification.fade.tab-pane(role='tabpanel', aria-labelledby='pills-notification-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Notification
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#pills-newsletter.fade.tab-pane(role='tabpanel', aria-labelledby='pills-newsletter-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Newsletter
a(href='javascript:void(0)')
i.me-2(data-feather='printer')
| Print
.card-body
.details-bookmark.text-center
span No tasks found.
#createtag.modal.fade.modal-bookmark(tabindex='-1', role='dialog', aria-hidden='true')
.modal-dialog.modal-lg(role='document')
.modal-content
.modal-header
h5.modal-title Create Tag
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.modal-body
form.form-bookmark.needs-validation(novalidate='')
.form-row
.form-group.col-md-12
label Tag Name
input.form-control(type='text', required='', autocomplete='off')
.form-group.col-md-12.mb-0
label Tag color
input.form-control.fill-color(type='color', value='#24695c')
button.btn.btn-secondary(type='button') Save
button.btn.btn-primary(type='button', data-bs-dismiss='modal') Cancel
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files