definicao de layout
This commit is contained in:
285
public/assets/pug/pages/template/select2.pug
Normal file
285
public/assets/pug/pages/template/select2.pug
Normal file
@@ -0,0 +1,285 @@
|
||||
- var select2 = true;
|
||||
- var page_select2 = true;
|
||||
- var theme_customizer = 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
|
||||
| Select2
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Forms
|
||||
li.breadcrumb-item Form Widgets
|
||||
li.breadcrumb-item.active Select2
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
.select2-drpdwn
|
||||
.row
|
||||
// Default Textbox start
|
||||
.col-md-12
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5.card-title Select-2
|
||||
.card-body
|
||||
.mb-2
|
||||
label.col-form-label Default Placeholder
|
||||
select.js-example-placeholder-multiple.col-sm-12(multiple='multiple')
|
||||
option(value='AL') Alabama
|
||||
option(value='WY') Wyoming
|
||||
option(value='WY') Coming
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
.mb-2
|
||||
label.col-form-label Select2 single select
|
||||
select.js-example-basic-single.col-sm-12
|
||||
optgroup(label='Developer')
|
||||
option(value='AL') Alabama
|
||||
option(value='WY') Wyoming
|
||||
optgroup(label='Designer')
|
||||
option(value='WY') Peter
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
.mb-2
|
||||
label.col-form-label Select2 multi select
|
||||
select.js-example-basic-multiple.col-sm-12(multiple='multiple')
|
||||
option(value='AL') Alabama
|
||||
option(value='WY') Wyoming
|
||||
option(value='WY') Coming
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
.mb-2
|
||||
label.col-form-label RTL support
|
||||
select.js-example-rtl.col-sm-12(multiple='multiple')
|
||||
option(value='AL') Alabama
|
||||
option(value='WY') Wyoming
|
||||
option(value='WY') Coming
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
.mb-2
|
||||
label.col-form-label Limiting The Number Of Selections
|
||||
select.js-example-basic-multiple-limit.col-sm-12(multiple='multiple')
|
||||
option(value='AL') Alabama
|
||||
option(value='WY') Wyoming
|
||||
option(value='WY') Coming
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
.mb-2
|
||||
label.col-form-label Disabled Results
|
||||
select.js-example-disabled-results.col-sm-12
|
||||
option(value='one') First
|
||||
option(value='two', disabled='disabled')
|
||||
| Second
|
||||
| (disabled)
|
||||
option(value='three') Third
|
||||
div
|
||||
label.col-form-label Hiding The Search Box
|
||||
select.js-example-basic-hide-search.col-sm-12(multiple='multiple')
|
||||
optgroup(label='Developer')
|
||||
option(value='AL') Smith
|
||||
option(value='WY') Peter
|
||||
option(value='WY') James
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
option(value='WY') Harry Poter
|
||||
div
|
||||
label.col-form-label Enable-Disable
|
||||
select.js-example-disabled.col-sm-10
|
||||
option(value='AL') Smith
|
||||
option(value='WY') Peter
|
||||
option(value='WY') James
|
||||
option(value='WY') Hanry Die
|
||||
option(value='WY') John Doe
|
||||
option(value='WY') Harry Poter
|
||||
button.btn.btn-primary.js-programmatic-enable.p-2.mt-2
|
||||
| Enable
|
||||
button.btn.btn-secondary.js-programmatic-disable.p-2.mt-2
|
||||
| Disable
|
||||
// Default Textbox end
|
||||
// Input Groups start
|
||||
.col-md-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5.card-title Outline Color Variant
|
||||
.card-body
|
||||
.mb-2
|
||||
label.col-form-label Primary Select
|
||||
select.form-control.form-control-primary.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Secondary Select
|
||||
select.form-control.form-control-secondary.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Success Select
|
||||
select.form-control.form-control-success.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Info Select
|
||||
select.form-control.form-control-info.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Warning Select
|
||||
select.form-control.form-control-warning.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Danger Select
|
||||
select.form-control.form-control-danger.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
div
|
||||
label.col-form-label Inverse Select
|
||||
select.form-control.form-control-inverse.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.col-md-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5.card-title Full Colored Variant
|
||||
.card-body
|
||||
.mb-2
|
||||
label.col-form-label Primary Select
|
||||
select.form-control.form-control-primary-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Secondary Select
|
||||
select.form-control.form-control-secondary-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Success Select
|
||||
select.form-control.form-control-success-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Info Select
|
||||
select.form-control.form-control-info-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Warning Select
|
||||
select.form-control.form-control-warning-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
.mb-2
|
||||
label.col-form-label Danger Select
|
||||
select.form-control.form-control-danger-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
div
|
||||
label.col-form-label Inverse Select
|
||||
select.form-control.form-control-inverse-fill.btn-square(name='select')
|
||||
option(value='opt1') Select One Value Only
|
||||
option(value='opt2') Type 2
|
||||
option(value='opt3') Type 3
|
||||
option(value='opt4') Type 4
|
||||
option(value='opt5') Type 5
|
||||
option(value='opt6') Type 6
|
||||
option(value='opt7') Type 7
|
||||
option(value='opt8') Type 8
|
||||
// Input Groups end
|
||||
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user