booking/assets/pug/pages/theme/bookmark.pug
2025-03-24 22:58:00 +03:00

636 lines
50 KiB
Plaintext

- var theme_customizer = true;
- var select2 = true;
- var page_select2 = true;
- var form_validation_custom = true;
- var bookmark_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
| Bookmarks
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Apps
li.breadcrumb-item.active Bookmarks
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
.email-wrap.bookmark-wrap
.row
.col-xl-3.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 Markjecno@gmail.com
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='bookmark')
| New Bookmark
#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 Bookmark
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='bm-weburl') Web Url
input#bm-weburl.form-control(type='text', required='', autocomplete='off')
.form-group.col-md-12
label(for='bm-title') Title
input#bm-title.form-control(type='text', required='', autocomplete='off')
.form-group.col-md-12
label Description
textarea#bm-desc.form-control(required='', autocomplete='off')
.row
.form-group.col.mb-0
label Group
select.js-example-basic-single#bm-group
option(value='bookmark') My Bookmarks
.form-group.col.mb-0
label Collection
select.js-example-disabled-results#bm-collection
option(value='general') General
option(value='fs') fs
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-favourites-tab.show(data-bs-toggle='pill', href='#pills-favourites', role='tab', aria-controls='pills-favourites', aria-selected='false')
span.title
| Favourites
li
a#pills-shared-tab.show(data-bs-toggle='pill', href='#pills-shared', role='tab', aria-controls='pills-shared', aria-selected='false')
span.title
| Shared with me
li
a#pills-bookmark-tab.show(data-bs-toggle='pill', href='#pills-bookmark', role='tab', aria-controls='pills-bookmark', aria-selected='false')
span.title
| My bookmark
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.d-flex
h6.mb-0 Created by me
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body.pb-0
.details-bookmark.text-center
.row#bookmarkData
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/01.jpg', alt='')
.favourite-icon.favourite_0(onclick='setFavourite(0)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_0 Admin Template
p.weburl_0 http://admin.pixelstrap.com/endless/ltr/landing-page.html
.hover-block
ul
li
a(href='', onclick='editBookmark(0)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_0 Endless is beautifully crafted, clean and modern designed admin theme with 6 different demos and light - dark versions.
span.collection_0 General
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/02.jpg', alt='')
.favourite-icon.favourite_1(onclick='setFavourite(1)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_1 Universal Template
p.weburl_1 https://angular.pixelstrap.com/universal/landing
.hover-block
ul
li
a(href='', onclick='editBookmark(1)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_1 Universal is beautifully crafted, clean and modern designed admin theme
span.collection_1 General
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/03.jpg', alt='')
.favourite-icon.favourite_2(onclick='setFavourite(2)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_2 Angular Theme
p.weburl_2 https://angular.pixelstrap.com/endless/landing
.hover-block
ul
li
a(href='', onclick='editBookmark(2)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_2 Endless is beautifully crafted, clean and modern designed admin theme
span.collection_2 Fs
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/04.jpg', alt='')
.favourite-icon.favourite_3(onclick='setFavourite(3)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_3 Multikart Admin
p.weburl_3 http://themes.pixelstrap.com/multikart/back-end/index.html
.hover-block
ul
li
a(href='', onclick='editBookmark(3)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_3 Multikart Admin is modern designed admin theme
span.collection_3 General
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/05.jpg', alt='')
.favourite-icon.favourite_4(onclick='setFavourite(4)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_4 Ecommerece theme
p.weburl_4 http://themes.pixelstrap.com/multikart
.hover-block
ul
li
a(href='', onclick='editBookmark(4)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_4 Multikart HTML template is an apparently simple but highly functional tempalate designed for creating a flourisahing online business.
span.collection_4 General
.col-xl-3.col-lg-6.col-md-4.col-sm-6.xl-50.box-col-6
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/06.jpg', alt='')
.favourite-icon.favourite_5(onclick='setFavourite(5)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_5 Tovo app landing page
p.weburl_5 http://vue.pixelstrap.com/tovo/home-one
.hover-block
ul
li
a(href='', onclick='editBookmark(5)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_5 Amazing Landing Page With Easy Customization
span.collection_5 Fs
#pills-favourites.fade.tab-pane(role='tabpanel', aria-labelledby='pills-favourites-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Favourites
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body
.details-bookmark.text-center
.row#favouriteData
.no-favourite
span No Bookmarks Found.
#pills-shared.fade.tab-pane(role='tabpanel', aria-labelledby='pills-shared-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Shared with me
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body
.details-bookmark.text-center
span No Bookmarks Found.
#pills-bookmark.fade.tab-pane(role='tabpanel', aria-labelledby='pills-bookmark-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 My bookmark
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body
.details-bookmark.text-center
.row#bookmarkData1
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/07.jpg', alt='')
.favourite-icon.favourite_0(onclick='setFavourite(0)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_0 Admin Template
p.weburl_0 http://admin.pixelstrap.com/endless/ltr/landing-page.html
.hover-block
ul
li
a(href='', onclick='editBookmark(0)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_0 Endless is beautifully crafted, clean and modern designed admin theme with 6 different demos and light - dark versions.
span.collection_0 General
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/07.jpg', alt='')
.favourite-icon.favourite_1(onclick='setFavourite(1)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_1 Universal Template
p.weburl_1 https://angular.pixelstrap.com/universal/landing
.hover-block
ul
li
a(href='', onclick='editBookmark(1)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_1 Universal is beautifully crafted, clean and modern designed admin theme
span.collection_1 General
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/01.jpg', alt='')
.favourite-icon.favourite_2(onclick='setFavourite(2)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_2 Angular Theme
p.weburl_2 https://angular.pixelstrap.com/endless/landing
.hover-block
ul
li
a(href='', onclick='editBookmark(2)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_2 Endless is beautifully crafted, clean and modern designed admin theme
span.collection_2 Fs
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/07.jpg', alt='')
.favourite-icon.favourite_3(onclick='setFavourite(3)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_3 Multikart Admin
p.weburl_3 http://themes.pixelstrap.com/multikart/back-end/index.html
.hover-block
ul
li
a(href='', onclick='editBookmark(3)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_3 Multikart Admin is modern designed admin theme
span.collection_3 General
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/07.jpg', alt='')
.favourite-icon.favourite_4(onclick='setFavourite(4)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_4 Ecommerece theme
p.weburl_4 http://themes.pixelstrap.com/multikart
.hover-block
ul
li
a(href='', onclick='editBookmark(4)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_4 Multikart HTML template is an apparently simple but highly functional tempalate designed for creating a flourisahing online business.
span.collection_4 General
.col-xl-3.col-md-4.xl-50
.card.bookmark-card.o-hidden
.details-website
img.img-fluid(src='assets/images/lightgallry/07.jpg', alt='')
.favourite-icon.favourite_5(onclick='setFavourite(5)')
a(href='javascript:void(0)')
i.fa.fa-star
.desciption-data
.title-bookmark
h6.title_5 Tovo app landing page
p.weburl_5 http://vue.pixelstrap.com/tovo/home-one
.hover-block
ul
li
a(href='', onclick='editBookmark(5)', data-bs-toggle='modal', data-bs-target='#edit-bookmark')
i(data-feather='edit-2')
li
a(href='javascript:void(0)')
i(data-feather='link')
li
a(href='javascript:void(0)')
i(data-feather='share-2')
li
a(href='javascript:void(0)')
i(data-feather='trash-2')
li.pull-right.text-end
a(href='javascript:void(0)')
i(data-feather='tag')
.content-general
p.desc_5 Amazing Landing Page With Easy Customization
span.collection_5 Fs
#pills-notification.fade.tab-pane(role='tabpanel', aria-labelledby='pills-notification-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Notification
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body
.details-bookmark.text-center
span No Bookmarks Found.
#pills-newsletter.fade.tab-pane(role='tabpanel', aria-labelledby='pills-newsletter-tab')
.card.mb-0
.card-header.d-flex
h6.mb-0 Newsletter
ul
li
a.grid-bookmark-view(href='javascript:void(0)')
i(data-feather='grid')
li
a.list-layout-view(href='javascript:void(0)')
i(data-feather='list')
.card-body
.details-bookmark.text-center
span No Bookmarks Found.
#edit-bookmark.modal.fade.modal-bookmark(tabindex='-1', role='dialog' aria-hidden='true')
.modal-dialog.modal-lg(role='document')
.modal-content
.modal-header
h5.modal-title Edit Bookmark
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 Web Url
input.form-control#editurl(type='text', required='', autocomplete='off', value='http://admin.pixelstrap.com/endless/ltr/landing-page.html')
.form-group.col-md-12
label Title
input.form-control#edittitle(type='text', required='', autocomplete='off', value='Admin Template')
.form-group.col-md-12
label Description
textarea.form-control#editdesc(required='', autocomplete='off')
| Endless is beautifully crafted, clean and modern designed admin theme with 6 different demos and light - dark versions.
.row
.form-group.col.mb-0
label Group
select.js-example-basic-single
option(value='AL') My Bookmarks
.form-group.col.mb-0
label Collection
select.js-example-disabled-results
option(value='general') General
option(value='fs') fs
button.btn.btn-secondary(type='button') Save
button.btn.btn-primary(type='button', data-bs-dismiss='modal') Cancel
#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='#563d7c')
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