bootstrap관련 이동
This commit is contained in:
@@ -0,0 +1,2 @@
|
||||
js/umd-intro.js
|
||||
js/umd-outro.js
|
||||
3
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/FUNDING.yml
vendored
Normal file
3
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/FUNDING.yml
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
# These are supported funding model platforms
|
||||
|
||||
github: [caseyjhol]
|
||||
48
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/ISSUE_TEMPLATE.md
vendored
Normal file
48
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/ISSUE_TEMPLATE.md
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
Before posting, please see [guidelines for contributing](https://github.com/snapappointments/bootstrap-select/blob/master/CONTRIBUTING.md). If you're submitting a bug report, see below.
|
||||
|
||||
## Bug reports
|
||||
|
||||
A bug is a _demonstrable problem_ that is caused by the code in the repository.
|
||||
Good bug reports are extremely helpful - thank you!
|
||||
|
||||
Guidelines for bug reports:
|
||||
|
||||
1. **Use the GitHub issue search.** Check if the issue has already been
|
||||
reported.
|
||||
|
||||
2. **Check if the issue has been fixed.** Try to reproduce it using the
|
||||
latest `master` or development branch in the repository.
|
||||
|
||||
3. **Provide environment details.** Provide your operating system, browser(s),
|
||||
jQuery version, Bootstrap version, and bootstrap-select version.
|
||||
|
||||
4. **Create an isolated and reproducible test case.** Create a [reduced test
|
||||
case](https://css-tricks.com/reduced-test-cases/).
|
||||
|
||||
5. **Include a live example.** Use [this Plunker debugging template](https://developer.snapappointments.com/bootstrap-select/playground/) to share your isolated test cases. You can also make use of [jsFiddle](https://jsfiddle.net/) or [JS Bin](https://jsbin.com/).
|
||||
|
||||
A good bug report shouldn't leave others needing to chase you up for more
|
||||
information. Please try to be as detailed as possible in your report. What is
|
||||
your environment? What steps will reproduce the issue? What browser(s) and OS
|
||||
experience the problem? What would you expect to be the outcome? All these
|
||||
details will help people to fix any potential bugs.
|
||||
|
||||
Example:
|
||||
|
||||
> Short and descriptive example bug report title
|
||||
>
|
||||
> A summary of the issue and the browser/OS environment in which it occurs. If
|
||||
> suitable, include the steps required to reproduce the bug.
|
||||
>
|
||||
> 1. This is the first step
|
||||
> 2. This is the second step
|
||||
> 3. Further steps, etc.
|
||||
>
|
||||
> `<url>` - a link to the reduced test case
|
||||
>
|
||||
> Any other information you want to share that is relevant to the issue being
|
||||
> reported. This might include the lines of code that you have identified as
|
||||
> causing the bug, and potential solutions (and your opinions on their
|
||||
> merits).
|
||||
|
||||
## Erase the above text and being typing. Thanks!
|
||||
24
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/move.yml
vendored
Normal file
24
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.github/move.yml
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
# Configuration for move-issues - https://github.com/dessant/move-issues
|
||||
|
||||
# Delete the command comment when it contains no other content
|
||||
deleteCommand: true
|
||||
|
||||
# Close the source issue after moving
|
||||
closeSourceIssue: true
|
||||
|
||||
# Lock the source issue after moving
|
||||
lockSourceIssue: false
|
||||
|
||||
# Mention issue and comment authors
|
||||
mentionAuthors: true
|
||||
|
||||
# Preserve mentions in the issue content
|
||||
keepContentMentions: true
|
||||
|
||||
# Set custom aliases for targets
|
||||
# aliases:
|
||||
# r: repo
|
||||
# or: owner/repo
|
||||
|
||||
# Repository to extend settings from
|
||||
# _extends: repo
|
||||
13
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.gitignore
vendored
Normal file
13
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/.gitignore
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
# OS or Editor folders
|
||||
.DS_Store
|
||||
.idea
|
||||
|
||||
# Folders to ignore
|
||||
node_modules
|
||||
bower_components
|
||||
.sass-cache
|
||||
|
||||
# Dist zip
|
||||
bootstrap-select-*.zip
|
||||
|
||||
docs/site
|
||||
@@ -0,0 +1,608 @@
|
||||
# v1.13.14 (2020-04-17)
|
||||
### Bug Fixes
|
||||
- [#2436]: TypeError: Cannot read property 'content' of undefined
|
||||
- [#2437]: If a select has the title attribute set (and is not a multiple select), selecting an option doesn't update the value in the button
|
||||
|
||||
### Translations
|
||||
- [#2195]: Improve CZ translations
|
||||
- [#2274]: Improve JP translations
|
||||
- [#2196]: Add Serbian translations
|
||||
- [#2340]: Add Thai translations
|
||||
|
||||
[#2436]: https://github.com/snapappointments/bootstrap-select/issues/2436
|
||||
[#2437]: https://github.com/snapappointments/bootstrap-select/issues/2437
|
||||
|
||||
[#2195]: https://github.com/snapappointments/bootstrap-select/pull/2195
|
||||
[#2274]: https://github.com/snapappointments/bootstrap-select/pull/2274
|
||||
[#2196]: https://github.com/snapappointments/bootstrap-select/pull/2196
|
||||
[#2340]: https://github.com/snapappointments/bootstrap-select/pull/2340
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.13 (2020-04-16)
|
||||
### Bug Fixes
|
||||
- [#2339]: data-size="false" not working
|
||||
- [#2337]: calling deselectAll/selectAll immediately after page load throws error
|
||||
- [#2320]: Dropup becomes a dropdown upon search
|
||||
- [#2308]: Keyboard control over Bootstrap Dropdown components stops working
|
||||
- [#2272]: Class bs-placeholder is no longer set on "default" values in 1.13.10
|
||||
|
||||
[#2339]: https://github.com/snapappointments/bootstrap-select/issues/2339
|
||||
[#2337]: https://github.com/snapappointments/bootstrap-select/issues/2337
|
||||
[#2320]: https://github.com/snapappointments/bootstrap-select/issues/2320
|
||||
[#2308]: https://github.com/snapappointments/bootstrap-select/issues/2308
|
||||
[#2272]: https://github.com/snapappointments/bootstrap-select/issues/2272
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.12 (2019-10-10)
|
||||
### Bug Fixes
|
||||
- [#2176]: allow was-validated class to work on select elements without selectpicker class
|
||||
- [#2321]: CTRL + F5 not working while dropdown is open
|
||||
- [#2308]: Keyboard control over Bootstrap Dropdown components stops working
|
||||
- [#2275]: Bug: Event duplication on refresh
|
||||
- [#2273]: "precompiled bootstrap" link is broken in README
|
||||
|
||||
### Improvements
|
||||
- [#2243]: change liveSearch input type from "text" to "search"
|
||||
|
||||
[#2176]: https://github.com/snapappointments/bootstrap-select/pull/2176
|
||||
[#2243]: https://github.com/snapappointments/bootstrap-select/pull/2243
|
||||
[#2321]: https://github.com/snapappointments/bootstrap-select/issues/2321
|
||||
[#2308]: https://github.com/snapappointments/bootstrap-select/issues/2308
|
||||
[#2275]: https://github.com/snapappointments/bootstrap-select/issues/2275
|
||||
[#2273]: https://github.com/snapappointments/bootstrap-select/issues/2273
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.11 (2019-09-19)
|
||||
### Bug Fixes
|
||||
- [#2263]: Selecting non-existent option throws error in v1.13.10
|
||||
- [#2266]: Desired width of dropdown menu breaks after resizing window
|
||||
- [#2285]: bootstrap-select throws javascript error with jquery slim
|
||||
- [#2289]: Multiple ticks in optgroup with data-max-options defined as "1"
|
||||
- [#2326]: In IE11, options aren't visible when moving to bottom via "up" arrow key if select has an optgroup
|
||||
|
||||
[#2263]: https://github.com/snapappointments/bootstrap-select/issues/2263
|
||||
[#2266]: https://github.com/snapappointments/bootstrap-select/issues/2266
|
||||
[#2285]: https://github.com/snapappointments/bootstrap-select/issues/2285
|
||||
[#2289]: https://github.com/snapappointments/bootstrap-select/issues/2289
|
||||
[#2326]: https://github.com/snapappointments/bootstrap-select/issues/2326
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.10 (2019-04-19)
|
||||
### Bug Fixes
|
||||
- [#1219]: Keyboard navigation not working when searching and virtualScroll is false
|
||||
- [#2109]: elements with .form-control class don't adjust height properly since Bootstrap 4.1.3
|
||||
- [#2126]: showTick option not working as expected
|
||||
- [#2153]: Screen reader doesn't read elements in expanded list (NVDA and JAWS)
|
||||
- [#2251]: A standard select with a selected option doesn't scroll to the selected option if inside an optgroup
|
||||
- [#2253]: hideDisabled and selectedTextFormat: count not working correctly if disabled options are selected
|
||||
- [#2256]: selected option styling is not updated if .selectpicker('val', x) is called while dropdown menu is open
|
||||
- [#2258]: menu size doesn't update when virtualScroll is disabled while the menu is open
|
||||
|
||||
[#1219]: https://github.com/snapappointments/bootstrap-select/issues/1219
|
||||
[#2109]: https://github.com/snapappointments/bootstrap-select/issues/2109
|
||||
[#2126]: https://github.com/snapappointments/bootstrap-select/issues/2126
|
||||
[#2153]: https://github.com/snapappointments/bootstrap-select/issues/2153
|
||||
[#2251]: https://github.com/snapappointments/bootstrap-select/issues/2251
|
||||
[#2253]: https://github.com/snapappointments/bootstrap-select/issues/2253
|
||||
[#2256]: https://github.com/snapappointments/bootstrap-select/issues/2256
|
||||
[#2258]: https://github.com/snapappointments/bootstrap-select/issues/2258
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.9 (2019-03-29)
|
||||
### Bug Fixes
|
||||
- [#2022]: selected class is not removed properly when virtualScroll is disabled and choosing options at the bottom of the select
|
||||
- [#2106]: setting BootstrapVersion option still shows console warning
|
||||
- [#2126]: setting show-tick class doesn't work
|
||||
- [#2232]: Every 'refresh' appends a new span.check-mark
|
||||
- [#2233]: server-side error: HTMLSelectElement is not defined
|
||||
- [#2234]: position bootstrap-select behind input field
|
||||
- [#2235]: Mobile native menu not accessible
|
||||
- [#2236]: JS errors are thrown when using bootstrap select on js-generated select (after calling destroy())
|
||||
- [#2239]: Setting styleBase and empty style result in exception
|
||||
- [#2244]: val() method fires changed.bs.select, but the select's previousValue is not passed through
|
||||
- [#2245]: some default Bootstrap 4 styles are not being set when using BootstrapVersion
|
||||
- [#2248]: width: fit in IE collapses button with text overflowing
|
||||
|
||||
[#2022]: https://github.com/snapappointments/bootstrap-select/issues/2022
|
||||
[#2106]: https://github.com/snapappointments/bootstrap-select/issues/2106
|
||||
[#2126]: https://github.com/snapappointments/bootstrap-select/issues/2126
|
||||
[#2232]: https://github.com/snapappointments/bootstrap-select/issues/2232
|
||||
[#2233]: https://github.com/snapappointments/bootstrap-select/issues/2233
|
||||
[#2234]: https://github.com/snapappointments/bootstrap-select/issues/2234
|
||||
[#2235]: https://github.com/snapappointments/bootstrap-select/issues/2235
|
||||
[#2236]: https://github.com/snapappointments/bootstrap-select/issues/2236
|
||||
[#2239]: https://github.com/snapappointments/bootstrap-select/issues/2239
|
||||
[#2244]: https://github.com/snapappointments/bootstrap-select/issues/2244
|
||||
[#2245]: https://github.com/snapappointments/bootstrap-select/issues/2245
|
||||
[#2248]: https://github.com/snapappointments/bootstrap-select/issues/2248
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.8 (2019-03-15)
|
||||
### Bug Fixes
|
||||
- [#1969]: Does not work with form-inline from bootstrap
|
||||
- [#2229]: The height of menu is calculated incorrectly with extra css
|
||||
- [#2231]: Sanitizer error on large single selects without virtualScroll and one option selected
|
||||
|
||||
[#1969]: https://github.com/snapappointments/bootstrap-select/issues/1969
|
||||
[#2229]: https://github.com/snapappointments/bootstrap-select/issues/2229
|
||||
[#2231]: https://github.com/snapappointments/bootstrap-select/issues/2231
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.7 (2019-03-12)
|
||||
### Bug Fixes
|
||||
- [#2046]: val() method incorrectly fires a native change event
|
||||
- [#2109]: The height of the select doesn't auto-size with multi-line options
|
||||
- [#2213]: button height wrong if using an older doctype
|
||||
- [#2220]: js folder missing in bower_components/bootstrap-select/dist
|
||||
- [#2221]: style option can no longer include multiple styles
|
||||
- [#2224]: auto width (data-width="auto") not working
|
||||
- [#2226]: Selecting option by typing is not working correctly
|
||||
|
||||
[#2046]: https://github.com/snapappointments/bootstrap-select/issues/2046
|
||||
[#2109]: https://github.com/snapappointments/bootstrap-select/issues/2109
|
||||
[#2213]: https://github.com/snapappointments/bootstrap-select/issues/2213
|
||||
[#2220]: https://github.com/snapappointments/bootstrap-select/issues/2220
|
||||
[#2221]: https://github.com/snapappointments/bootstrap-select/issues/2221
|
||||
[#2224]: https://github.com/snapappointments/bootstrap-select/issues/2224
|
||||
[#2226]: https://github.com/snapappointments/bootstrap-select/issues/2226
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.6 (2019-03-08)
|
||||
### Bug Fixes
|
||||
- [#1321]: remove extra files from bower release
|
||||
- [#1665]: performance improvements
|
||||
- [#1832]: use `on` and `trigger` event handlers instead of `click` and `change` shorthand
|
||||
- [#2078]: Elements in an input group below a selectpicker have a higher z-index, causing them to appear above the opened menu
|
||||
- [#2150]: Live search discards the first typed character
|
||||
- [#2163]: Cannot read property 'top' of undefined (ensure container exists)
|
||||
- [#2166]: Sub options display separately instead of as 1 list
|
||||
- [#2187]: move bulk of logic into a setTimeout for faster page load
|
||||
- [#2189]: Empty select refresh error "Cannot read property 'classList' of undefined"
|
||||
- [#2198]: "Cannot read property '0' of undefined" when dropupAuto is false and the select is at the bottom of the page
|
||||
- [#2199]: Escaped tags parsed as non-escaped in title and data-content
|
||||
- [#2202]: always update menu size after updates to live search
|
||||
- [#2206]: Map file for minified js version does not work correctly
|
||||
- [#2210]: An extra divider is added if an optgroup is the last visible element and there are hidden options after it
|
||||
- [#2217]: The bottom divider of an optgroup disappears when searching and one of the options in the optgroup is hidden
|
||||
|
||||
### Security
|
||||
- [#2199]: Fixed an XSS vulnerability with data-content, data-subtext, and title options. Implemented a new HTML sanitizer for data-content.
|
||||
|
||||
[#1321]: https://github.com/snapappointments/bootstrap-select/issues/1321
|
||||
[#1665]: https://github.com/snapappointments/bootstrap-select/issues/1665
|
||||
[#1832]: https://github.com/snapappointments/bootstrap-select/issues/1832
|
||||
[#2078]: https://github.com/snapappointments/bootstrap-select/issues/2078
|
||||
[#2150]: https://github.com/snapappointments/bootstrap-select/issues/2150
|
||||
[#2163]: https://github.com/snapappointments/bootstrap-select/issues/2163
|
||||
[#2166]: https://github.com/snapappointments/bootstrap-select/issues/2166
|
||||
[#2187]: https://github.com/snapappointments/bootstrap-select/issues/2187
|
||||
[#2189]: https://github.com/snapappointments/bootstrap-select/issues/2189
|
||||
[#2198]: https://github.com/snapappointments/bootstrap-select/issues/2198
|
||||
[#2199]: https://github.com/snapappointments/bootstrap-select/issues/2199
|
||||
[#2202]: https://github.com/snapappointments/bootstrap-select/issues/2202
|
||||
[#2206]: https://github.com/snapappointments/bootstrap-select/issues/2206
|
||||
[#2210]: https://github.com/snapappointments/bootstrap-select/issues/2210
|
||||
[#2217]: https://github.com/snapappointments/bootstrap-select/issues/2217
|
||||
[#2199]: https://github.com/snapappointments/bootstrap-select/issues/2199
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.5 (2018-12-11)
|
||||
### Bug Fixes
|
||||
- [#2160]: Selects with a title option throw an error in the render function
|
||||
|
||||
[#2160]: https://github.com/snapappointments/bootstrap-select/issues/2160
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.4 (2018-12-11)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1710]: When listening for keydown event on .bs-searchbox, ensure it is a child of .bootstrap-select
|
||||
- [#1943]: Option dropdownAlignRight auto doesn't work
|
||||
- [#2034]: Uncaught TypeError: Cannot read property '0' of undefined
|
||||
- [#2082]: button vertical alignment
|
||||
- [#2105]: Dynamically added picker causes resize JS error
|
||||
- [#2118]: Memory leak: getPlacement resize & scroll
|
||||
- [#2140]: data-hidden broken in v1.13.0
|
||||
- [#2151]: This plugins broken when the version of IE below 10
|
||||
|
||||
### Documentation
|
||||
- [#2125]: add styleBase option to documentation
|
||||
|
||||
### New Features
|
||||
- [#767], [#1876], [#2026]: Improve/expand liveSearchNormalize
|
||||
- [#2120], [#2121], [#2152] - replace JSHint with ESLint (clean up code)
|
||||
- [#1910]: Amharic locale
|
||||
- [#1926]: Latvian locale
|
||||
|
||||
[#767]: https://github.com/snapappointments/bootstrap-select/issues/767
|
||||
[#1876]: https://github.com/snapappointments/bootstrap-select/issues/1876
|
||||
[#2026]: https://github.com/snapappointments/bootstrap-select/issues/2026
|
||||
[#1710]: https://github.com/snapappointments/bootstrap-select/issues/1710
|
||||
[#1943]: https://github.com/snapappointments/bootstrap-select/issues/1943
|
||||
[#2034]: https://github.com/snapappointments/bootstrap-select/issues/2034
|
||||
[#2082]: https://github.com/snapappointments/bootstrap-select/issues/2082
|
||||
[#2105]: https://github.com/snapappointments/bootstrap-select/issues/2105
|
||||
[#2118]: https://github.com/snapappointments/bootstrap-select/issues/2118
|
||||
[#2140]: https://github.com/snapappointments/bootstrap-select/issues/2140
|
||||
[#2151]: https://github.com/snapappointments/bootstrap-select/issues/2151
|
||||
[#2125]: https://github.com/snapappointments/bootstrap-select/issues/2125
|
||||
|
||||
[#1910]: https://github.com/snapappointments/bootstrap-select/pull/1910
|
||||
[#1926]: https://github.com/snapappointments/bootstrap-select/pull/1926
|
||||
[#2120]: https://github.com/snapappointments/bootstrap-select/pull/2120
|
||||
[#2121]: https://github.com/snapappointments/bootstrap-select/pull/2121
|
||||
[#2152]: https://github.com/snapappointments/bootstrap-select/pull/2152
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.3 (2018-10-15)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1425]: Don't render checkMark (tickIcon) if showTick is false or the select is not multiple
|
||||
- [#1828]: Select not working on mobile
|
||||
- [#2045]: 'auto' width not working
|
||||
- [#2086]: Cannot read property 'display' of undefined
|
||||
- [#2092]: Cannot read property 'className' of undefined
|
||||
- [#2101]: Extra tick mark when using livesearch in Bootstrap 4
|
||||
|
||||
[#1425]: https://github.com/snapappointments/bootstrap-select/issues/1425
|
||||
[#1828]: https://github.com/snapappointments/bootstrap-select/issues/1828
|
||||
[#2045]: https://github.com/snapappointments/bootstrap-select/issues/2045
|
||||
[#2086]: https://github.com/snapappointments/bootstrap-select/issues/2086
|
||||
[#2092]: https://github.com/snapappointments/bootstrap-select/issues/2092
|
||||
[#2101]: https://github.com/snapappointments/bootstrap-select/issues/2101
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.2 (2018-08-27)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1999]: selected styling removed from previous option in a multiselect
|
||||
- [#2024]: Arrow down key doesn't scroll the view to the top when virtualScroll is disabled
|
||||
- [#2027]: data-max-options="1" not removing selected class
|
||||
- [#2029]: LiveSearch and "Select All" selects too many options
|
||||
- [#2033]: Dividers broken on bootstrap 4
|
||||
- [#2035]: Selectbox with live search throwing error when UP/DOWN key is pressed
|
||||
- [#2038]: Select / Deselect All buttons are modifying disabled options
|
||||
- [#2044]: When data-container is set, first click resets scroll position
|
||||
- [#2045]: 'auto' width not working
|
||||
- [#2047]: Optgroup labels are escaped
|
||||
- [#2058]: Menu hight is not properly calculated when using data-size and styling the options' height
|
||||
- [#2079]: Subtext is difficult to read on active options
|
||||
|
||||
### New Features
|
||||
- [#1972]: add option to manually specify Bootstrap's version
|
||||
- [#2036]: Add support for Bootstrap dropdown's display property added in v4.1.0
|
||||
|
||||
[#1999]: https://github.com/snapappointments/bootstrap-select/issues/1999
|
||||
[#2024]: https://github.com/snapappointments/bootstrap-select/issues/2024
|
||||
[#2027]: https://github.com/snapappointments/bootstrap-select/issues/2027
|
||||
[#2029]: https://github.com/snapappointments/bootstrap-select/issues/2029
|
||||
[#2033]: https://github.com/snapappointments/bootstrap-select/issues/2033
|
||||
[#2035]: https://github.com/snapappointments/bootstrap-select/issues/2035
|
||||
[#2038]: https://github.com/snapappointments/bootstrap-select/issues/2038
|
||||
[#2044]: https://github.com/snapappointments/bootstrap-select/issues/2044
|
||||
[#2045]: https://github.com/snapappointments/bootstrap-select/issues/2045
|
||||
[#2047]: https://github.com/snapappointments/bootstrap-select/issues/2047
|
||||
[#2058]: https://github.com/snapappointments/bootstrap-select/issues/2058
|
||||
[#2079]: https://github.com/snapappointments/bootstrap-select/issues/2079
|
||||
[#1972]: https://github.com/snapappointments/bootstrap-select/issues/1972
|
||||
[#2036]: https://github.com/snapappointments/bootstrap-select/issues/2036
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.1 (2018-04-23)
|
||||
|
||||
### Bug Fixes
|
||||
- [#2076]: HTML content in the subtext get escaped in 1.13.0
|
||||
- [#2073]: Error retrieving Bootstrap version
|
||||
- [#2073]: Bower description is too long
|
||||
- [#2071]: noneSelectedText not working
|
||||
|
||||
[#2076]: https://github.com/snapappointments/bootstrap-select/issues/2076
|
||||
[#2073]: https://github.com/snapappointments/bootstrap-select/issues/2073
|
||||
[#2073]: https://github.com/snapappointments/bootstrap-select/issues/2073
|
||||
[#2071]: https://github.com/snapappointments/bootstrap-select/issues/2071
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.0 (2018-04-19)
|
||||
|
||||
### Bug Fixes
|
||||
- [#2060]: form control sizing classes not working
|
||||
- fix sass variable syntax
|
||||
- [#2062]: popper error when bootstrap-select is in a navbar
|
||||
- [#1913]: ` ` causing formatting errors on MacOS
|
||||
- [#2061]: unnecessary caret code with Bootstrap 4
|
||||
- [#2065]: .empty() method is not working
|
||||
- [#2063]: New-lines in options cause formatting issues with title attribute (if multiple options selected)
|
||||
- [#2064]: Purely numeric `data-subtext` breaks live search
|
||||
- [#2066]: Button padding when using data-width="fit" is incorrect
|
||||
- [#2067]: input group addons not displaying properly
|
||||
- [#2077]: selectAll performance in Edge is abysmal
|
||||
- [#2074]: show-menu-arrow not displaying properly
|
||||
- [#2068]: Bootstrap 4 validation pseudo classes not being applied properly when new options are appended dynamically
|
||||
- [#2070]: popover-title is not popover-header in Bootstrap 4
|
||||
- [#2075]: liveSearch with data-content not working
|
||||
- [#2072]: Button text breaks to the next line when using form-control as styleBase (Bootstrap 4)
|
||||
- [#2069]: Placeholder text is unreadable on darker buttons (btn-primary, btn-success, etc.)
|
||||
- [#1691]: XSS vulnerability in option title
|
||||
|
||||
### New Features
|
||||
- [#1404], [#1697]: changed.bs.select now passes through previousValue as the third parameter (instead of the previous value of the option, which was redundant). This is the value of the select prior to being changed.
|
||||
- update jQuery range to make v1.9.1 the minimum (and exclude version 4)
|
||||
|
||||
[#2060]: https://github.com/snapappointments/bootstrap-select/issues/2060
|
||||
[#2062]: https://github.com/snapappointments/bootstrap-select/issues/2062
|
||||
[#1913]: https://github.com/snapappointments/bootstrap-select/issues/1913
|
||||
[#2061]: https://github.com/snapappointments/bootstrap-select/issues/2061
|
||||
[#2065]: https://github.com/snapappointments/bootstrap-select/issues/2065
|
||||
[#2063]: https://github.com/snapappointments/bootstrap-select/issues/2063
|
||||
[#2064]: https://github.com/snapappointments/bootstrap-select/issues/2064
|
||||
[#2066]: https://github.com/snapappointments/bootstrap-select/issues/2066
|
||||
[#2067]: https://github.com/snapappointments/bootstrap-select/issues/2067
|
||||
[#2077]: https://github.com/snapappointments/bootstrap-select/issues/2077
|
||||
[#2074]: https://github.com/snapappointments/bootstrap-select/issues/2074
|
||||
[#2068]: https://github.com/snapappointments/bootstrap-select/issues/2068
|
||||
[#2070]: https://github.com/snapappointments/bootstrap-select/issues/2070
|
||||
[#2075]: https://github.com/snapappointments/bootstrap-select/issues/2075
|
||||
[#2072]: https://github.com/snapappointments/bootstrap-select/issues/2072
|
||||
[#2069]: https://github.com/snapappointments/bootstrap-select/issues/2069
|
||||
[#1691]: https://github.com/snapappointments/bootstrap-select/issues/1691
|
||||
[#1404]: https://github.com/snapappointments/bootstrap-select/issues/1404
|
||||
[#1697]: https://github.com/snapappointments/bootstrap-select/issues/1697
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.0-beta (2018-02-12)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1034]: Issue with long option inside input-group
|
||||
|
||||
### New Features
|
||||
- [#1135]: Support Bootstrap 4 (via auto-detection)
|
||||
- virtualization is now optional via `virtualScroll`. Can be set to false, true, or an integer to only use virtualization if the select has more than the specified number of options. Defaults to 600.
|
||||
- update docs to support MkDocs v0.17.0
|
||||
|
||||
[#1034]: https://github.com/snapappointments/bootstrap-select/issues/1034
|
||||
[#1135]: https://github.com/snapappointments/bootstrap-select/issues/1135
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.13.0-alpha (2017-07-28)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1303]: val() method doesn't fire changed.bs.select
|
||||
- [#1383]: Croatian locale is not cro_CRO. Renamed to hr_HR
|
||||
- [#1395]: title option position not correct when adding options dynamically
|
||||
- [#1398]: trigger setSize on refresh event
|
||||
- [#1674]: Fix li tags inside option being treated as options
|
||||
- [#1692]: Live Search Box Not Cleared After Selection
|
||||
|
||||
### New Features
|
||||
- [#710]: focus on selectpicker triggers focus on actual select, allowing for event listeners
|
||||
- [#1110]: 'active' class is only applied when liveSearch is on
|
||||
- [#1229]: Large lists and virtualization
|
||||
- [#1687]: Improve init performance
|
||||
|
||||
[#1303]: https://github.com/snapappointments/bootstrap-select/issues/1303
|
||||
[#1383]: https://github.com/snapappointments/bootstrap-select/issues/1383
|
||||
[#1395]: https://github.com/snapappointments/bootstrap-select/issues/1395
|
||||
[#1398]: https://github.com/snapappointments/bootstrap-select/issues/1398
|
||||
[#1674]: https://github.com/snapappointments/bootstrap-select/issues/1674
|
||||
[#1692]: https://github.com/snapappointments/bootstrap-select/issues/1692
|
||||
[#710]: https://github.com/snapappointments/bootstrap-select/issues/710
|
||||
[#1110]: https://github.com/snapappointments/bootstrap-select/issues/1110
|
||||
[#1229]: https://github.com/snapappointments/bootstrap-select/issues/1229
|
||||
[#1687]: https://github.com/snapappointments/bootstrap-select/issues/1687
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.12.4 (2017-07-19)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1286]: Event creation throws illegal constructor error on stock Android Browser < 5.0
|
||||
- [#1764]: Bootstrap-select steals focus on form.checkValidity
|
||||
|
||||
[#1286]: https://github.com/snapappointments/bootstrap-select/issues/1286
|
||||
[#1764]: https://github.com/snapappointments/bootstrap-select/issues/1764
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.12.3 (2017-07-06)
|
||||
|
||||
### Bug Fixes
|
||||
- [#1529]: add selectAllText and deselectAllText to translation files (used Google Translate)
|
||||
- [#1604]: Keydown improvements
|
||||
- [#1630]: htmlEscape inline style
|
||||
- [#1631]: Livesearch performance
|
||||
|
||||
### New Features
|
||||
- Add/update various translations
|
||||
|
||||
[#1529]: https://github.com/snapappointments/bootstrap-select/issues/1529
|
||||
[#1604]: https://github.com/snapappointments/bootstrap-select/pull/1604
|
||||
[#1630]: https://github.com/snapappointments/bootstrap-select/issues/1630
|
||||
[#1631]: https://github.com/snapappointments/bootstrap-select/pull/1631
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.12.2 (2017-01-30)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1563]: key word searching broken in [#1516].
|
||||
* [#1570]: properly adjust size when inside form-group-sm or form-group-lg
|
||||
* [#1590]: menu height calculated improperly when using liveSearch and input has custom height
|
||||
|
||||
[#1563]: https://github.com/snapappointments/bootstrap-select/issues/1563
|
||||
[#1570]: https://github.com/snapappointments/bootstrap-select/issues/1570
|
||||
[#1590]: https://github.com/snapappointments/bootstrap-select/issues/1590
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.12.1 (2016-11-22)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1167], [#1366]: using a method before initializing bootstrap-select throws an error
|
||||
|
||||
[#1167]: https://github.com/snapappointments/bootstrap-select/issues/1167
|
||||
[#1366]: https://github.com/snapappointments/bootstrap-select/issues/1366
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.12.0 (2016-11-18)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1220]: unescape button title
|
||||
* [#1348]: escape HTML for optgroup label
|
||||
* [#1506]: Fix bs-placeholder usage for jQuery>=3.0
|
||||
* [#1509]: inline style Content Security Policy
|
||||
* [#1477]: using liveSearchNormalize and liveSearchStyle="startsWith" simultaneously breaks search
|
||||
* [#1489] fix selectOnTab with liveSearch enabled which was broken when [#1489] was fixed
|
||||
* [#1533]: remove touchstart event listener (issues with FastClick)
|
||||
* remove destroyLi function - improve refresh() performance
|
||||
* [#1531]: add Spanish (Spain) translations
|
||||
* [#1553]: don't use replace in normalizeToBase if text is undefined (throws error otherwise)
|
||||
|
||||
### New Features
|
||||
* [#1503]: Add windowPadding option (either a number or an array of numbers - [top, right, bottom, left])
|
||||
* [#1516]: Improve liveSearch performance (addresses [#1275])
|
||||
* [#1440]: allow HTML in placeholder title for non-multiple selects
|
||||
* [#1555]: Use default with SCSS variables
|
||||
|
||||
[#1220]: https://github.com/snapappointments/bootstrap-select/issues/1220
|
||||
[#1275]: https://github.com/snapappointments/bootstrap-select/issues/1275
|
||||
[#1348]: https://github.com/snapappointments/bootstrap-select/issues/1348
|
||||
[#1506]: https://github.com/snapappointments/bootstrap-select/issues/1506
|
||||
[#1509]: https://github.com/snapappointments/bootstrap-select/issues/1509
|
||||
[#1477]: https://github.com/snapappointments/bootstrap-select/issues/1477
|
||||
[#1489]: https://github.com/snapappointments/bootstrap-select/issues/1489
|
||||
[#1533]: https://github.com/snapappointments/bootstrap-select/issues/1533
|
||||
[#1531]: https://github.com/snapappointments/bootstrap-select/issues/1531
|
||||
[#1503]: https://github.com/snapappointments/bootstrap-select/issues/1503
|
||||
[#1516]: https://github.com/snapappointments/bootstrap-select/issues/1516
|
||||
[#1440]: https://github.com/snapappointments/bootstrap-select/issues/1440
|
||||
[#1553]: https://github.com/snapappointments/bootstrap-select/issues/1553
|
||||
[#1555]: https://github.com/snapappointments/bootstrap-select/issues/1555
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.11.2 (2016-09-09)
|
||||
|
||||
### Bug Fixes
|
||||
* fix sourceMappingURL in bootstrap-select.min.js
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.11.1 (2016-09-09)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1475]: fix Cannot read property 'apply' of null error
|
||||
* [#1484]: Change events fire twice on IE8
|
||||
* [#1489]: hide.bs.select and hidden.bs.select events not fired when "Esc" key pressed with live search enabled
|
||||
|
||||
[#1475]: https://github.com/snapappointments/bootstrap-select/issues/1475
|
||||
[#1484]: https://github.com/snapappointments/bootstrap-select/issues/1484
|
||||
[#1489]: https://github.com/snapappointments/bootstrap-select/issues/1489
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.11.0 (2016-08-16)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1291]: don't trigger change event if selecting an option that passes the limit
|
||||
* [#1284]: check if all options are already selected/deselected before triggering changed/changed.bs.select
|
||||
* [#1245], [#1310]: With livesearch, when keypress, focus to search field isn't working with some characters
|
||||
* [#1257]: fix issue with Norwegian translation
|
||||
* [#1346]: fix edge case where default values are not respected when initializing the plugin
|
||||
* [#1338]: improve support for disabled optgroups and hidden options
|
||||
* [#1373]: prevent selectAll and deselectAll from being called on standard select boxes
|
||||
* [#1363]: if hideDisabled is enabled, and all options in an optgroup are disabled, the optgroup is still visible
|
||||
* [#1422]: fix menu position inside a scrolling container
|
||||
* [#1451]: fix select with input-group-addon on both sides
|
||||
* [#1465]: changed.bs.select not firing for native mobile menu
|
||||
* [#1459]: jQuery 3 support - $.expr[':'] -> $.expr.pseudos
|
||||
|
||||
### New Features
|
||||
* [#1139]: add placeholder styling via `bs-placeholder` class
|
||||
* [#1290]: auto close the menu if maxOptions is set to 1 (instead of leaving open)
|
||||
* [#1127], [#1016], [#1160], [#1269]: add 'auto' option for dropdownAlignRight
|
||||
* [58ed408]: support using a string for maxOptionsText
|
||||
* [#541]: ARIA - Accessibility
|
||||
|
||||
[#1291]: https://github.com/snapappointments/bootstrap-select/issues/1291
|
||||
[#1284]: https://github.com/snapappointments/bootstrap-select/issues/1284
|
||||
[#1245]: https://github.com/snapappointments/bootstrap-select/issues/1245
|
||||
[#1257]: https://github.com/snapappointments/bootstrap-select/issues/1257
|
||||
[#1310]: https://github.com/snapappointments/bootstrap-select/issues/1310
|
||||
[#1346]: https://github.com/snapappointments/bootstrap-select/issues/1346
|
||||
[#1338]: https://github.com/snapappointments/bootstrap-select/issues/1338
|
||||
[#1373]: https://github.com/snapappointments/bootstrap-select/issues/1373
|
||||
[#1363]: https://github.com/snapappointments/bootstrap-select/issues/1363
|
||||
[#1422]: https://github.com/snapappointments/bootstrap-select/issues/1422
|
||||
[#1451]: https://github.com/snapappointments/bootstrap-select/issues/1451
|
||||
[#1465]: https://github.com/snapappointments/bootstrap-select/issues/1465
|
||||
[#1459]: https://github.com/snapappointments/bootstrap-select/issues/1459
|
||||
[#1139]: https://github.com/snapappointments/bootstrap-select/issues/1139
|
||||
[#1290]: https://github.com/snapappointments/bootstrap-select/issues/1290
|
||||
[#1127]: https://github.com/snapappointments/bootstrap-select/issues/1127
|
||||
[#1016]: https://github.com/snapappointments/bootstrap-select/issues/1016
|
||||
[#1160]: https://github.com/snapappointments/bootstrap-select/issues/1160
|
||||
[#1269]: https://github.com/snapappointments/bootstrap-select/issues/1269
|
||||
[58ed408]: https://github.com/snapappointments/bootstrap-select/commit/58ed4085019526141be07beeada37788dfe2d316
|
||||
[#541]: https://github.com/snapappointments/bootstrap-select/issues/541
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.10.0 (2016-02-17)
|
||||
|
||||
### Bug Fixes
|
||||
* [#1268]: performance bug in clickListener
|
||||
* [#1273]: html5 validation message disappears in Chrome 47+
|
||||
* [#1295]: hide select by default (so there is no flash of unstyled content)
|
||||
|
||||
### New Features
|
||||
* [#950]: add `.selectpicker('toggle')` method to allow menu to be open/closed programmatically
|
||||
* [#1272]: add showTick option
|
||||
* [#1284]: selectAll and deselectAll now trigger the `changed.bs.select` event
|
||||
|
||||
Add Lithuanian translations.
|
||||
|
||||
[#1268]: https://github.com/snapappointments/bootstrap-select/issues/1268
|
||||
[#1273]: https://github.com/snapappointments/bootstrap-select/issues/1273
|
||||
[#1295]: https://github.com/snapappointments/bootstrap-select/issues/1295
|
||||
[#950]: https://github.com/snapappointments/bootstrap-select/issues/950
|
||||
[#1272]: https://github.com/snapappointments/bootstrap-select/issues/1272
|
||||
[#1284]: https://github.com/snapappointments/bootstrap-select/issues/1284
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.9.4 (2016-01-18)
|
||||
|
||||
### Bug fixes
|
||||
* [#1250]: don't destroy original select when using `destroy` method
|
||||
* [#1230]: Optgroup label missing when first option is disabled and `hideDisabled` is true
|
||||
|
||||
Add new translations.
|
||||
|
||||
[#1250]: https://github.com/snapappointments/bootstrap-select/issues/1250
|
||||
[#1230]: https://github.com/snapappointments/bootstrap-select/issues/1230
|
||||
|
||||
-------------------
|
||||
|
||||
# v1.9.3 (2015-12-16)
|
||||
|
||||
### Bug fixes
|
||||
* Fix [#1235] - issue with selects that had `form-control` class
|
||||
|
||||
[#1235]: https://github.com/snapappointments/bootstrap-select/issues/1235
|
||||
@@ -0,0 +1,120 @@
|
||||
# Contributing to this project
|
||||
|
||||
Please take a moment to review this document in order to make the contribution
|
||||
process easy and effective for everyone involved.
|
||||
|
||||
Following these guidelines helps to communicate that you respect the time of
|
||||
the developers managing and developing this open source project. In return,
|
||||
they should reciprocate that respect in addressing your issue or assessing
|
||||
patches and features.
|
||||
|
||||
|
||||
## Using the issue tracker
|
||||
|
||||
The issue tracker is the preferred channel for [bug reports](#bug-reports),
|
||||
[features requests](#feature-requests) and submitting pull requests, but please
|
||||
respect the following restrictions:
|
||||
|
||||
* Please **do not** use the issue tracker for personal support requests (use
|
||||
[Stack Overflow](https://stackoverflow.com) or IRC).
|
||||
|
||||
* Please **do not** derail or troll issues. Keep the discussion on topic and
|
||||
respect the opinions of others.
|
||||
|
||||
|
||||
## Bug reports
|
||||
|
||||
A bug is a _demonstrable problem_ that is caused by the code in the repository.
|
||||
Good bug reports are extremely helpful - thank you!
|
||||
|
||||
Guidelines for bug reports:
|
||||
|
||||
1. **Use the GitHub issue search.** Check if the issue has already been
|
||||
reported.
|
||||
|
||||
2. **Check if the issue has been fixed.** Try to reproduce it using the
|
||||
latest `master` or development branch in the repository.
|
||||
|
||||
3. **Provide environment details.** Provide your operating system, browser(s),
|
||||
jQuery version, Bootstrap version, and bootstrap-select version.
|
||||
|
||||
4. **Create an isolated and reproducible test case.** Create a [reduced test
|
||||
case](https://css-tricks.com/reduced-test-cases/).
|
||||
|
||||
5. **Include a live example.** Use [this Plunker debugging template](https://developer.snapappointments.com/bootstrap-select/playground/) to share your isolated test cases. You can also make use of [jsFiddle](https://jsfiddle.net/) or [JS Bin](https://jsbin.com/).
|
||||
|
||||
A good bug report shouldn't leave others needing to chase you up for more
|
||||
information. Please try to be as detailed as possible in your report. What is
|
||||
your environment? What steps will reproduce the issue? What browser(s) and OS
|
||||
experience the problem? What would you expect to be the outcome? All these
|
||||
details will help people to fix any potential bugs.
|
||||
|
||||
Example:
|
||||
|
||||
> Short and descriptive example bug report title
|
||||
>
|
||||
> A summary of the issue and the browser/OS environment in which it occurs. If
|
||||
> suitable, include the steps required to reproduce the bug.
|
||||
>
|
||||
> 1. This is the first step
|
||||
> 2. This is the second step
|
||||
> 3. Further steps, etc.
|
||||
>
|
||||
> `<url>` - a link to the reduced test case
|
||||
>
|
||||
> Any other information you want to share that is relevant to the issue being
|
||||
> reported. This might include the lines of code that you have identified as
|
||||
> causing the bug, and potential solutions (and your opinions on their
|
||||
> merits).
|
||||
|
||||
|
||||
## Feature requests
|
||||
|
||||
Feature requests are welcome. But take a moment to find out whether your idea
|
||||
fits with the scope and aims of the project. It's up to *you* to make a strong
|
||||
case to convince the project's developers of the merits of this feature. Please
|
||||
provide as much detail and context as possible.
|
||||
|
||||
## Pull Request Guidelines
|
||||
|
||||
You must understand that by contributing code to this project, you are granting
|
||||
the authors (and/or leaders) of the project a non-exclusive license to
|
||||
re-distribute your code under the current license and possibly re-license the
|
||||
code as deemed necessary.
|
||||
|
||||
* To instantiate a context or use it, use the variable **that** instead of
|
||||
**_this**.
|
||||
* Please check to make sure that there aren't existing pull requests attempting
|
||||
to address the issue mentioned. We also recommend checking for issues related
|
||||
to the issue on the tracker, as a team member may be working on the issue in
|
||||
a branch or fork.
|
||||
* Non-trivial changes should be discussed in an issue first
|
||||
* When modifying files, please do not edit the generated or minified files in the dist/ directory. Please edit the original files.
|
||||
* If possible, add relevant tests to cover the change
|
||||
* Write a convincing description of your PR and why we should land it
|
||||
|
||||
## Using Grunt
|
||||
|
||||
We are using node and grunt to build and (in the future) test this project.
|
||||
This means that you must setup a local development environment:
|
||||
|
||||
1. Install `node` and `npm` using your preferred method
|
||||
2. Install the grunt CLI: `npm install -g grunt-cli`
|
||||
3. Install the project's development dependencies: `npm install`
|
||||
4. Run the various grunt tasks as needed:
|
||||
- `grunt`: clean the distribution files and re-build them
|
||||
- `grunt dist`: build the distribution files
|
||||
- `grunt clean`: clean the distribution files
|
||||
- `grunt build-css`: build the css distribution files
|
||||
- `grunt build-js`: build the javascript distribution files
|
||||
- `grunt dev-watch`: watch for changes in the source files and build the
|
||||
distribution files as needed
|
||||
|
||||
## Running documentation locally
|
||||
|
||||
1. If necessary, [install MkDocs](https://www.mkdocs.org/#installation).
|
||||
2. Install [mkdocs-bootstrap](https://mkdocs.github.io/mkdocs-bootstrap/) using `pip install mkdocs-bootstrap`.
|
||||
3. From the `/bootstrap-select/docs` directory, run `mkdocs serve` in the command line.
|
||||
4. Open `http://127.0.0.1:8000/` in your browser, and voilà.
|
||||
|
||||
Learn more about using MkDocs by reading its [documentation](https://www.mkdocs.org/).
|
||||
292
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/Gruntfile.js
vendored
Normal file
292
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/Gruntfile.js
vendored
Normal file
@@ -0,0 +1,292 @@
|
||||
module.exports = function (grunt) {
|
||||
// From TWBS
|
||||
RegExp.quote = function (string) {
|
||||
return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&');
|
||||
};
|
||||
|
||||
// Project configuration.
|
||||
grunt.initConfig({
|
||||
|
||||
// Metadata.
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
banner: '/*!\n' +
|
||||
' * Bootstrap-select v<%= pkg.version %> (<%= pkg.homepage %>)\n' +
|
||||
' *\n' +
|
||||
' * Copyright 2012-<%= grunt.template.today(\'yyyy\') %> SnapAppointments, LLC\n' +
|
||||
' * Licensed under <%= pkg.license %> (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)\n' +
|
||||
' */\n',
|
||||
|
||||
// Task configuration.
|
||||
|
||||
clean: {
|
||||
css: 'dist/css',
|
||||
js: 'dist/js',
|
||||
docs: 'docs/docs/dist'
|
||||
},
|
||||
|
||||
eslint: {
|
||||
options: {
|
||||
configFile: 'js/.eslintrc.json'
|
||||
},
|
||||
gruntfile: {
|
||||
options: {
|
||||
'envs': [
|
||||
'node'
|
||||
]
|
||||
},
|
||||
src: 'Gruntfile.js'
|
||||
},
|
||||
main: {
|
||||
src: 'js/*.js'
|
||||
},
|
||||
i18n: {
|
||||
src: 'js/i18n/*.js'
|
||||
}
|
||||
},
|
||||
|
||||
concat: {
|
||||
options: {
|
||||
stripBanners: true,
|
||||
sourceMap: true
|
||||
},
|
||||
main: {
|
||||
src: 'js/<%= pkg.name %>.js',
|
||||
dest: 'dist/js/<%= pkg.name %>.js',
|
||||
options: {
|
||||
banner: '<%= banner %>\n' + grunt.file.read('js/umd-intro.js'),
|
||||
footer: grunt.file.read('js/umd-outro.js')
|
||||
}
|
||||
},
|
||||
i18n: {
|
||||
expand: true,
|
||||
src: '<%= eslint.i18n.src %>',
|
||||
dest: 'dist/',
|
||||
options: {
|
||||
banner: '<%= banner %>\n' + grunt.file.read('js/umd-intro.js'),
|
||||
footer: grunt.file.read('js/umd-outro.js')
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
uglify: {
|
||||
options: {
|
||||
banner: '<%= banner %>',
|
||||
output: {
|
||||
ascii_only: true
|
||||
},
|
||||
preserveComments: function (node, comment) {
|
||||
return /^!|@preserve|@license|@cc_on/i.test(comment.value);
|
||||
}
|
||||
},
|
||||
main: {
|
||||
src: '<%= concat.main.dest %>',
|
||||
dest: 'dist/js/<%= pkg.name %>.min.js',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
sourceMapIncludeSources: true,
|
||||
sourceMapIn: 'dist/js/<%= pkg.name %>.js.map'
|
||||
}
|
||||
},
|
||||
i18n: {
|
||||
expand: true,
|
||||
src: 'dist/<%= eslint.i18n.src %>',
|
||||
ext: '.min.js'
|
||||
}
|
||||
},
|
||||
|
||||
less: {
|
||||
options: {
|
||||
strictMath: true,
|
||||
sourceMap: true,
|
||||
outputSourceFiles: true,
|
||||
sourceMapURL: '<%= pkg.name %>.css.map',
|
||||
sourceMapFilename: '<%= less.css.dest %>.map'
|
||||
},
|
||||
css: {
|
||||
src: 'less/bootstrap-select.less',
|
||||
dest: 'dist/css/<%= pkg.name %>.css'
|
||||
}
|
||||
},
|
||||
|
||||
usebanner: {
|
||||
css: {
|
||||
options: {
|
||||
banner: '<%= banner %>'
|
||||
},
|
||||
src: '<%= less.css.dest %>'
|
||||
}
|
||||
},
|
||||
|
||||
copy: {
|
||||
docs: {
|
||||
expand: true,
|
||||
cwd: 'dist/',
|
||||
src: [
|
||||
'**/*'
|
||||
],
|
||||
dest: 'docs/docs/dist/'
|
||||
}
|
||||
},
|
||||
|
||||
cssmin: {
|
||||
options: {
|
||||
compatibility: 'ie8',
|
||||
keepSpecialComments: '*',
|
||||
advanced: false
|
||||
},
|
||||
css: {
|
||||
src: '<%= less.css.dest %>',
|
||||
dest: 'dist/css/<%= pkg.name %>.min.css'
|
||||
}
|
||||
},
|
||||
|
||||
csslint: {
|
||||
options: {
|
||||
'adjoining-classes': false,
|
||||
'box-sizing': false,
|
||||
'box-model': false,
|
||||
'compatible-vendor-prefixes': false,
|
||||
'floats': false,
|
||||
'font-sizes': false,
|
||||
'gradients': false,
|
||||
'important': false,
|
||||
'known-properties': false,
|
||||
'outline-none': false,
|
||||
'qualified-headings': false,
|
||||
'regex-selectors': false,
|
||||
'shorthand': false,
|
||||
'text-indent': false,
|
||||
'unique-headings': false,
|
||||
'universal-selector': false,
|
||||
'unqualified-attributes': false,
|
||||
'overqualified-elements': false
|
||||
},
|
||||
css: {
|
||||
src: '<%= less.css.dest %>'
|
||||
}
|
||||
},
|
||||
|
||||
version: {
|
||||
js: {
|
||||
options: {
|
||||
prefix: 'Selectpicker.VERSION = \''
|
||||
},
|
||||
src: [
|
||||
'js/<%= pkg.name %>.js'
|
||||
]
|
||||
},
|
||||
docs: {
|
||||
options: {
|
||||
prefix: '<%= pkg.name %>/archive/v',
|
||||
replace: '[0-9a-zA-Z\\-_\\+\\.]+)([^/]+(?=\.zip+)'
|
||||
},
|
||||
src: [
|
||||
'README.md',
|
||||
'docs/docs/index.md'
|
||||
]
|
||||
},
|
||||
cdn: {
|
||||
options: {
|
||||
prefix: 'npm/<%= pkg.name %>@'
|
||||
},
|
||||
src: [
|
||||
'README.md',
|
||||
'docs/docs/index.md'
|
||||
]
|
||||
},
|
||||
nuget: {
|
||||
options: {
|
||||
prefix: '<version>'
|
||||
},
|
||||
src: [
|
||||
'nuget/bootstrap-select.nuspec'
|
||||
]
|
||||
},
|
||||
default: {
|
||||
options: {
|
||||
prefix: '[\'"]?version[\'"]?:[ "\']*'
|
||||
},
|
||||
src: [
|
||||
'docs/mkdocs.yml',
|
||||
'package.json'
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
postcss: {
|
||||
options: {
|
||||
map: true,
|
||||
processors: [
|
||||
require('autoprefixer')()
|
||||
]
|
||||
},
|
||||
css: {
|
||||
src: '<%= less.css.dest %>'
|
||||
}
|
||||
},
|
||||
|
||||
compress: {
|
||||
zip: {
|
||||
options: {
|
||||
archive: 'bootstrap-select-<%= pkg.version %>.zip',
|
||||
mode: 'zip'
|
||||
},
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
cwd: 'dist/',
|
||||
src: '**',
|
||||
dest: 'bootstrap-select-<%= pkg.version %>/'
|
||||
}, {
|
||||
src: ['bower.json', 'composer.json', 'package.json'],
|
||||
dest: 'bootstrap-select-<%= pkg.version %>/'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
gruntfile: {
|
||||
files: '<%= eslint.gruntfile.src %>',
|
||||
tasks: 'eslint:gruntfile'
|
||||
},
|
||||
js: {
|
||||
files: ['<%= eslint.main.src %>', '<%= eslint.i18n.src %>'],
|
||||
tasks: 'build-js'
|
||||
},
|
||||
less: {
|
||||
files: 'less/*.less',
|
||||
tasks: 'build-css'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// These plugins provide necessary tasks.
|
||||
require('load-grunt-tasks')(grunt, {
|
||||
scope: 'devDependencies'
|
||||
});
|
||||
|
||||
// Version numbering task.
|
||||
// to update version number, use grunt version::x.y.z
|
||||
|
||||
// CSS distribution
|
||||
grunt.registerTask('build-css', ['clean:css', 'less', 'postcss', 'usebanner:css', 'cssmin']);
|
||||
|
||||
// JS distribution
|
||||
grunt.registerTask('build-js', ['clean:js', 'eslint', 'concat', 'uglify']);
|
||||
|
||||
// Copy dist to docs
|
||||
grunt.registerTask('copy-docs', ['clean:docs', 'copy:docs']);
|
||||
|
||||
// Build CSS & JS
|
||||
grunt.registerTask('build', ['build-css', 'build-js']);
|
||||
|
||||
// Development watch
|
||||
grunt.registerTask('dev-watch', ['build', 'watch']);
|
||||
|
||||
// Full distribution
|
||||
grunt.registerTask('dist', ['build', 'compress', 'copy-docs']);
|
||||
|
||||
// Default task.
|
||||
grunt.registerTask('default', ['build-css', 'build-js']);
|
||||
};
|
||||
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2012-2018 SnapAppointments, LLC
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -0,0 +1,122 @@
|
||||
<h1 align="center">bootstrap-select</h1>
|
||||
|
||||
<p align="center">
|
||||
<strong>The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.</strong>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://github.com/snapappointments/bootstrap-select/releases/latest" target="_blank">
|
||||
<img src="https://img.shields.io/github/release/snapappointments/bootstrap-select.svg" alt="Latest release">
|
||||
</a>
|
||||
<a href="https://www.npmjs.com/package/bootstrap-select" target="_blank">
|
||||
<img src="https://img.shields.io/npm/v/bootstrap-select.svg" alt="npm">
|
||||
</a>
|
||||
<a href="https://www.nuget.org/packages/bootstrap-select" target="_blank">
|
||||
<img src="https://img.shields.io/nuget/v/bootstrap-select.svg" alt="NuGet">
|
||||
</a>
|
||||
<a href="https://cdnjs.com/libraries/bootstrap-select" target="_blank">
|
||||
<img src="https://img.shields.io/cdnjs/v/bootstrap-select.svg" alt="CDNJS">
|
||||
</a>
|
||||
<a href="https://www.jsdelivr.com/package/npm/bootstrap-select" target="_blank">
|
||||
<img src="https://data.jsdelivr.com/v1/package/npm/bootstrap-select/badge?style=rounded" alt="jsDelivr">
|
||||
</a>
|
||||
<br>
|
||||
<a href="https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE" target="_blank">
|
||||
<img src="https://img.shields.io/badge/license-MIT-brightgreen.svg" alt="License">
|
||||
</a>
|
||||
<a href="https://david-dm.org/snapappointments/bootstrap-select?type=peer" target="_blank">
|
||||
<img src="https://img.shields.io/david/peer/snapappointments/bootstrap-select.svg" alt="peerDependencies Status">
|
||||
</a>
|
||||
<a href="https://david-dm.org/snapappointments/bootstrap-select#info=devDependencies" target="_blank">
|
||||
<img src="https://david-dm.org/snapappointments/bootstrap-select/dev-status.svg" alt="devDependency Status">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://developer.snapappointments.com/bootstrap-select"><img src="https://user-images.githubusercontent.com/2874325/38997831-97e12bbe-43ab-11e8-85f5-b8c05d91c7b1.gif" width="289" height="396" alt="bootstrap-select demo"></a>
|
||||
</p>
|
||||
|
||||
## Demo
|
||||
|
||||
You can view a live demo and some examples of how to use the various options [here](https://developer.snapappointments.com/bootstrap-select/examples/).
|
||||
|
||||
## Quick start
|
||||
|
||||
Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded [here](https://getbootstrap.com/docs/3.4/customize/?id=7830063837006f6fc84f). If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see [Getting started](https://getbootstrap.com/docs/4.1/getting-started/introduction/). A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.
|
||||
|
||||
Several quick start options are available:
|
||||
|
||||
- [Download the latest release.](https://github.com/snapappointments/bootstrap-select/archive/v1.13.14.zip)
|
||||
- Clone the repo: `git clone https://github.com/snapappointments/bootstrap-select.git`
|
||||
- Install with [npm](https://www.npmjs.com/package/bootstrap-select): `npm install bootstrap-select`
|
||||
- Install with [yarn](https://yarn.pm/bootstrap-select): `yarn add bootstrap-select`
|
||||
- Install with [Composer](https://getcomposer.org): `composer require snapappointments/bootstrap-select`
|
||||
- Install with [NuGet](https://www.nuget.org/packages/bootstrap-select): `Install-Package bootstrap-select`
|
||||
- Install with [Bower](https://bower.io): `bower install bootstrap-select`
|
||||
- Install via CDN ([cdnjs](https://cdnjs.com/libraries/bootstrap-select) or [jsDelivr](https://www.jsdelivr.com/package/npm/bootstrap-select)):
|
||||
|
||||
```html
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
|
||||
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
|
||||
|
||||
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
|
||||
```
|
||||
> The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN.
|
||||
|
||||
## Usage
|
||||
|
||||
> Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the [documentation](https://developer.snapappointments.com/bootstrap-select/options/#bootstrap-version) for more information.
|
||||
|
||||
### Via `selectpicker` class
|
||||
Add the `selectpicker` class to your select elements to auto-initialize bootstrap-select.
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Barbecue</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
### Via JavaScript
|
||||
```js
|
||||
// To style only selects with the my-select class
|
||||
$('.my-select').selectpicker();
|
||||
```
|
||||
or
|
||||
```js
|
||||
// To style all selects
|
||||
$('select').selectpicker();
|
||||
```
|
||||
|
||||
If calling bootstrap-select via JavaScript, you will need to wrap your code in a [`.ready()`](https://api.jquery.com/ready/) block or place it at the bottom of the page (after the last instance of bootstrap-select).
|
||||
|
||||
```js
|
||||
$(function () {
|
||||
$('select').selectpicker();
|
||||
});
|
||||
```
|
||||
|
||||
|
||||
Check out the [documentation](https://developer.snapappointments.com/bootstrap-select) for further information.
|
||||
|
||||
## Bugs and feature requests
|
||||
|
||||
Anyone and everyone is welcome to contribute. **Please take a moment to
|
||||
review the [guidelines for contributing](CONTRIBUTING.md)**. Make sure you're using the latest version of bootstrap-select before submitting an issue.
|
||||
|
||||
* [Bug reports](CONTRIBUTING.md#bug-reports)
|
||||
* [Feature requests](CONTRIBUTING.md#feature-requests)
|
||||
|
||||
## Documentation
|
||||
|
||||
Bootstrap-select's documentation, included in this repo in the root directory, is built with MkDocs and hosted at https://developer.snapappointments.com/bootstrap-select. The documentation may also be [run locally](CONTRIBUTING.md#running-documentation-locally).
|
||||
|
||||
## Copyright and license
|
||||
|
||||
Copyright (C) 2012-2018 [SnapAppointments, LLC](https://snapappointments.com)
|
||||
|
||||
Licensed under [the MIT license](LICENSE).
|
||||
@@ -0,0 +1,55 @@
|
||||
{
|
||||
"name": "bootstrap-select",
|
||||
"description": "The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.",
|
||||
"main": [
|
||||
"./less/bootstrap-select.less",
|
||||
"./dist/css/bootstrap-select.css",
|
||||
"./dist/js/bootstrap-select.js"
|
||||
],
|
||||
"homepage": "https://developer.snapappointments.com/bootstrap-select",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Casey Holzer",
|
||||
"homepage": "https://github.com/caseyjhol"
|
||||
},
|
||||
{
|
||||
"name": "Silvio Moreto",
|
||||
"homepage": "https://github.com/silviomoreto"
|
||||
},
|
||||
{
|
||||
"name": "SnapAppointments, LLC",
|
||||
"homepage": "https://snapappointments.com"
|
||||
}
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/snapappointments/bootstrap-select.git"
|
||||
},
|
||||
"keywords": [
|
||||
"javascript",
|
||||
"jquery",
|
||||
"form",
|
||||
"bootstrap",
|
||||
"dropdown",
|
||||
"select",
|
||||
"replacement"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": "1.9.1 - 3",
|
||||
"bootstrap": ">=3.0.0"
|
||||
},
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
".eslintignore",
|
||||
".gitignore",
|
||||
"CONTRIBUTING.md",
|
||||
"Gruntfile.js",
|
||||
"composer.json",
|
||||
".github",
|
||||
"docs",
|
||||
"js",
|
||||
"!dist/js",
|
||||
"nuget",
|
||||
"tests"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "snapappointments/bootstrap-select",
|
||||
"description": "The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.",
|
||||
"keywords": [
|
||||
"javascript",
|
||||
"jquery",
|
||||
"form",
|
||||
"bootstrap",
|
||||
"dropdown",
|
||||
"select",
|
||||
"replacement"
|
||||
],
|
||||
"homepage": "https://developer.snapappointments.com/bootstrap-select",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Casey Holzer",
|
||||
"homepage": "https://github.com/caseyjhol"
|
||||
},
|
||||
{
|
||||
"name": "Silvio Moreto",
|
||||
"homepage": "https://github.com/silviomoreto"
|
||||
},
|
||||
{
|
||||
"name": "SnapAppointments, LLC",
|
||||
"homepage": "https://snapappointments.com"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"suggest": {
|
||||
"components/jquery": "1.9.1 - 3",
|
||||
"twbs/bootstrap": ">=3.0.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
File diff suppressed because one or more lines are too long
100
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/custom_theme/css/base.css
vendored
Normal file
100
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/custom_theme/css/base.css
vendored
Normal file
@@ -0,0 +1,100 @@
|
||||
body {
|
||||
padding-top: 56px;
|
||||
}
|
||||
|
||||
h1[id]:before, h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before, h6[id]:before {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: -75px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
h2 code, h3 code, h4 code {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
ul.nav li.main {
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container > .row > .col-lg-3 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.container > .row > .col-lg-9 {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
div.source-links {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Side navigation
|
||||
*
|
||||
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
|
||||
* sections of docs content.
|
||||
*/
|
||||
|
||||
/* By default it's not affixed in mobile views, so undo that */
|
||||
.bs-sidebar {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.bs-sidebar.well {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* First level of nav */
|
||||
.bs-sidenav {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* All levels of nav */
|
||||
.bs-sidebar .nav > li > a {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
.bs-sidebar .nav > li > a:hover,
|
||||
.bs-sidebar .nav > li > a:focus {
|
||||
text-decoration: none;
|
||||
border-right: 1px solid;
|
||||
}
|
||||
.bs-sidebar .nav .nav-link.active,
|
||||
.bs-sidebar .nav .nav-link.active:hover,
|
||||
.bs-sidebar .nav .nav-link.active:focus {
|
||||
font-weight: bold;
|
||||
background-color: transparent;
|
||||
border-right: 1px solid;
|
||||
}
|
||||
|
||||
/* Nav: second level (shown on .active) */
|
||||
.bs-sidebar .nav .nav {
|
||||
display: none; /* Hide by default, but at >768px, show it */
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.bs-sidebar .nav .nav > li > a {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
padding-left: 30px;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
/* Show and affix the side nav when space allows it */
|
||||
@media (min-width: 992px) {
|
||||
.bs-sidebar .nav-link.active + .nav {
|
||||
display: block;
|
||||
}
|
||||
/* Widen the fixed sidebar */
|
||||
.bs-sidebar {
|
||||
position: sticky; /* Undo the static from mobile first approach */
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
}
|
||||
96
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/custom_theme/js/base.js
vendored
Normal file
96
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/custom_theme/js/base.js
vendored
Normal file
@@ -0,0 +1,96 @@
|
||||
/* Highlight */
|
||||
$( document ).ready(function() {
|
||||
hljs.initHighlightingOnLoad();
|
||||
$('table').addClass('table table-striped table-hover');
|
||||
$('pre').addClass('highlight');
|
||||
});
|
||||
|
||||
/* Prevent disabled links from causing a page reload */
|
||||
$("li.disabled a").click(function() {
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
var $searchQuery = $('#mkdocs-search-query');
|
||||
|
||||
$searchQuery.parent().on('show.bs.dropdown', function () {
|
||||
if (!$searchQuery[0].value) return false;
|
||||
});
|
||||
|
||||
function formatResults (results) {
|
||||
var sections = {},
|
||||
html = [];
|
||||
|
||||
for (var i = 0; i < results.length; i++) {
|
||||
var result = results[i],
|
||||
path = result.location.split('/'),
|
||||
pathBase = path[0];
|
||||
|
||||
if (pathBase.indexOf('#') !== -1) {
|
||||
pathBase = pathBase.split('#')[0];
|
||||
}
|
||||
|
||||
if (!sections.hasOwnProperty(pathBase)) {
|
||||
sections[pathBase] = [];
|
||||
}
|
||||
|
||||
result.section = pathBase || 'Getting Started';
|
||||
|
||||
result.section = result.section.charAt(0).toUpperCase() + result.section.slice(1);
|
||||
|
||||
sections[pathBase].push(result);
|
||||
}
|
||||
|
||||
var sectionKeys = Object.keys(sections);
|
||||
|
||||
for (var j = 0; j < sectionKeys.length; j++) {
|
||||
var section = sections[sectionKeys[j]];
|
||||
|
||||
if (result)
|
||||
html.push('<a class="h6 dropdown-header text-primary" href="' + joinUrl(base_url, sectionKeys[j]) + '">'+ section[0].section + '</a>');
|
||||
|
||||
for (var k = 0; k < section.length; k++) {
|
||||
var result = section[k];
|
||||
|
||||
if (result.title !== result.section) {
|
||||
html.push('<a class="dropdown-item" href="' + joinUrl(base_url, result.location) + '">' + result.title + '</a>');
|
||||
}
|
||||
}
|
||||
|
||||
if (j !== sectionKeys.length - 1) html.push('<div class="dropdown-divider"></div>');
|
||||
}
|
||||
|
||||
return html.join('');
|
||||
}
|
||||
|
||||
function displayResults (results) {
|
||||
var search_results = document.getElementById("mkdocs-search-results");
|
||||
while (search_results.firstChild) {
|
||||
search_results.removeChild(search_results.firstChild);
|
||||
}
|
||||
if (results.length > 0) {
|
||||
var html = formatResults(results);
|
||||
search_results.insertAdjacentHTML('beforeend', html);
|
||||
} else {
|
||||
search_results.insertAdjacentHTML('beforeend', "<div class='dropdown-item'>No results found</div>");
|
||||
}
|
||||
|
||||
$searchQuery.dropdown('show');
|
||||
}
|
||||
|
||||
// enable fuzzy searching
|
||||
function search (query) {
|
||||
if (!allowSearch) {
|
||||
console.error('Assets for search still loading');
|
||||
return;
|
||||
}
|
||||
|
||||
var resultDocuments = [];
|
||||
var results = index.search(query + '~2'); // fuzzy
|
||||
for (var i=0; i < results.length; i++){
|
||||
var result = results[i];
|
||||
doc = documents[result.ref];
|
||||
doc.summary = doc.text.substring(0, 200);
|
||||
resultDocuments.push(doc);
|
||||
}
|
||||
return resultDocuments;
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{% if config.site_description %}<meta name="description" content="{{ config.site_description }}">{% endif %}
|
||||
{% if config.site_author %}<meta name="author" content="{{ config.site_author }}">{% endif %}
|
||||
{% if page.canonical_url %}<link rel="canonical" href="{{ page.canonical_url }}">{% endif %}
|
||||
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2d80b5">
|
||||
<meta name="application-name" content="SnapAppointments Scheduling">
|
||||
<meta name="apple-mobile-web-app-title" content="SnapAppointments Scheduling">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="msapplication-TileColor" content="#00a300">
|
||||
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||||
<meta name="theme-color" content="#2d80b5">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }} | {% endif %}bootstrap-select · SnapAppointments Developer</title>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
{%- if config.theme.highlightjs %}
|
||||
<link href="{{ base_url }}/ajax/libs/highlight.js/9.15.6/css/{{ config.theme.hljs_style }}.min.css" rel="stylesheet">
|
||||
{%- endif %}
|
||||
<link href="{{ base_url }}/css/base.css" rel="stylesheet">
|
||||
{%- for path in extra_css %}
|
||||
<link href="{{ path }}" rel="stylesheet">
|
||||
{%- endfor %}
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target="#sidebar" data-offset="240">
|
||||
|
||||
{% include "nav.html" %}
|
||||
|
||||
{% if page and page.is_homepage %}
|
||||
<div class="jumbotron jumbotron-fluid bs-docs-header text-center">
|
||||
<div class="container">
|
||||
<h1>bootstrap-select</h1>
|
||||
<h2 class="lead">
|
||||
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.
|
||||
</h2>
|
||||
<a class="btn btn-outline-inverse btn-lg" href="//github.com/snapappointments/bootstrap-select/archive/v{{ config.extra.version }}.zip" role="button">
|
||||
<i class="fa fa-download"></i> Download (v{{ config.extra.version }})
|
||||
</a>
|
||||
</div>
|
||||
<div class="gh-btns">
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=snapappointments&repo=bootstrap-select&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=snapappointments&repo=bootstrap-select&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="carbonad">
|
||||
<div class="carbonad-inner">
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=silviomoretogithubiobootstrapsel" id="_carbonads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container pb-4">
|
||||
{% include "content.html" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<section class="jumbotron jumbotron-fluid bs-docs-header">
|
||||
<div class="container-fluid d-flex flex-column flex-md-row align-items-md-center">
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page and page.title == 'Examples' %}
|
||||
<div class="carbonad carbonad-header mr-md-3">
|
||||
<div class="carbonad-inner">
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=silviomoretogithubiobootstrapsel" id="_carbonads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">{% include "toc.html" %}</div>
|
||||
<div class="col-lg-9" role="main">{% include "content.html" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="footer">
|
||||
<div class="container text-center">
|
||||
<p class="text-muted">Bootstrap-select is maintained by <a href="https://snapappointments.com">SnapAppointments</a>, <a href="https://github.com/caseyjhol">caseyjhol</a>,
|
||||
and the community.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var base_url = {{ base_url | tojson }};
|
||||
</script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
|
||||
{%- if config.theme.highlightjs %}
|
||||
<script src="{{ base_url }}/ajax/libs/highlight.js/9.15.6/js/highlight.pack.js"></script>
|
||||
<script>hljs.initHighlightingOnLoad();</script>
|
||||
{%- endif %}
|
||||
{%- for path in extra_javascript %}
|
||||
<script src="{{ path }}"></script>
|
||||
{%- endfor %}
|
||||
<script src="{{ base_url }}/js/base.js"></script>
|
||||
<script>
|
||||
$.fn.selectpicker.Constructor.DEFAULTS.iconBase = 'fa';
|
||||
</script>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113793762-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-113793762-1');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,60 @@
|
||||
<header class="navbar navbar-expand-md navbar-light fixed-top bg-light" role="navigation">
|
||||
<!-- Main title -->
|
||||
<a class="navbar-brand" href="{{ nav.homepage.url|url }}">{{ config.site_name }}</a>
|
||||
|
||||
<!-- Collapsed navigation -->
|
||||
{% if nav|length>1 or (page.next_page or page.previous_page) or config.repo_url %}
|
||||
<!-- Expander button -->
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
<!-- Expanded navigation -->
|
||||
<div class="navbar-collapse collapse">
|
||||
{% if nav|length>1 %}
|
||||
<!-- Main navigation -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
{% for nav_item in nav %}
|
||||
{% if nav_item.children %}
|
||||
<li class="dropdown{% if nav_item.active %} active{% endif %}">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
{% for nav_item in nav_item.children %}
|
||||
{% include "nav-sub.html" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="nav-item{% if nav_item.active %} active{% endif %}">
|
||||
<a class="nav-link" href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{%- if 'search' in config['plugins'] %}
|
||||
<form class="form-inline nav-item">
|
||||
<div class="dropdown">
|
||||
<input class="form-control mr-sm-2 dropdown-toggle" data-toggle="dropdown" type="search" placeholder="Search..." aria-label="Search" id="mkdocs-search-query" autocomplete="off">
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="mkdocs-search-query" id="mkdocs-search-results">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{%- endif %}
|
||||
<ul class="navbar-nav">
|
||||
{% if config.repo_url %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ config.repo_url|url }}">
|
||||
{% if config.repo_name == 'GitHub' %}
|
||||
<i class="fa fa-github"></i>
|
||||
{% elif config.repo_name == 'Bitbucket' %}
|
||||
<i class="fa fa-bitbucket"></i>
|
||||
{% endif %}
|
||||
{{ config.repo_name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="bs-sidebar hidden-print" role="complementary" id="sidebar">
|
||||
<ul class="nav bs-sidenav">
|
||||
{% if page %}
|
||||
{% for toc_item in page.toc %}
|
||||
<li class="nav-item main">
|
||||
<a class="nav-link {% if toc_item.active %}active{% endif %}" href="{{ toc_item.url }}">{{ toc_item.title }}</a>
|
||||
<ul class="nav">
|
||||
{% for toc_item in toc_item.children %}
|
||||
<li class="nav-item"><a class="nav-link" href="{{ toc_item.url }}">{{ toc_item.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
339
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/docs/css/custom.css
vendored
Normal file
339
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/docs/css/custom.css
vendored
Normal file
@@ -0,0 +1,339 @@
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
body {
|
||||
padding-top: 56px;
|
||||
/* Margin bottom by footer height */
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
/* hide "Home" in navbar */
|
||||
.nav.navbar-nav:first-child > li:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.nav li.main {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
height: 64px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.footer .container .text-muted {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.footer .container {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Outline button for use within the docs */
|
||||
.btn-outline {
|
||||
color: #337ab7;
|
||||
background-color: transparent;
|
||||
border-color: #337ab7;
|
||||
}
|
||||
.btn-outline:hover,
|
||||
.btn-outline:focus,
|
||||
.btn-outline:active {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #337ab7;
|
||||
}
|
||||
|
||||
/* Inverted outline button (white on dark) */
|
||||
.btn-outline-inverse {
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
border-color: #fff;
|
||||
}
|
||||
.btn-outline-inverse:hover,
|
||||
.btn-outline-inverse:focus,
|
||||
.btn-outline-inverse:active {
|
||||
color: #337ab7;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.bs-docs-header {
|
||||
background: #337ab7;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bs-docs-header .btn {
|
||||
padding: 15px 30px;
|
||||
font-size: 20px
|
||||
}
|
||||
|
||||
.bs-docs-header h1 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bs-docs-header .lead {
|
||||
margin: 0 auto 30px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.bs-docs-sub-header {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.gh-btns {
|
||||
margin: 48px 0 -30px;
|
||||
background: rgba(0,0,0,.1);
|
||||
padding: 20px 0 15px;
|
||||
}
|
||||
|
||||
.content h1:first-of-type,
|
||||
.content h1:first-of-type + p:first-of-type {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bs-docs-example > p {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.bs-docs-example > p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.bs-docs-example .table,
|
||||
.bs-docs-example .progress,
|
||||
.bs-docs-example .well,
|
||||
.bs-docs-example .alert,
|
||||
.bs-docs-example .hero-unit,
|
||||
.bs-docs-example .pagination,
|
||||
.bs-docs-example .navbar,
|
||||
.bs-docs-example > .nav,
|
||||
.bs-docs-example blockquote {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.bs-docs-example .pagination {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.special {
|
||||
font-weight: bold !important;
|
||||
color: #fff !important;
|
||||
background: #bc0000 !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.bs-docs-example {
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
margin: 0 -15px 15px;
|
||||
border-color: #f7f7f9;
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
-webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.highlight {
|
||||
padding: 9px 14px;
|
||||
margin-bottom: 14px;
|
||||
background-color: #f7f7f9;
|
||||
border-radius: 0;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
.bs-docs-example + .highlight,
|
||||
.highlight-before .highlight {
|
||||
margin: -15px -15px 15px;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.highlight + .bs-docs-example {
|
||||
margin: -15px -15px 15px;
|
||||
border-width: 0 0 4px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.carbonad {
|
||||
margin-top: 60px;
|
||||
max-width: 400px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.carbonad-inner {
|
||||
width: auto!important;
|
||||
height: auto!important;
|
||||
padding: 20px!important;
|
||||
overflow: hidden;
|
||||
font-size: 13px!important;
|
||||
line-height: 16px!important;
|
||||
text-align: left;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border: none !important;
|
||||
border-width: 1px 0!important;
|
||||
}
|
||||
.carbon-poweredby,
|
||||
.carbon-text {
|
||||
display: block!important;
|
||||
float: none!important;
|
||||
width: auto!important;
|
||||
height: auto!important;
|
||||
margin-left: 145px!important;
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
|
||||
color: rgba(255, 255, 255, 0.75) !important;
|
||||
}
|
||||
.carbon-poweredby {
|
||||
float: left;
|
||||
margin-top: 9px;
|
||||
text-align: left;
|
||||
width: 142px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.charity {
|
||||
opacity: 0.5;
|
||||
padding: 4px;
|
||||
margin-bottom: -31px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.charity a {
|
||||
color: #fff;
|
||||
}
|
||||
.carbon-img img {
|
||||
border: none;
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 100px;
|
||||
margin: 0 !important;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.logo-block a {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.logo-block img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
float: left;
|
||||
max-width: 25%;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.logo-block + div {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.carbonad-header {
|
||||
position: static;
|
||||
display: block;
|
||||
margin: 2rem 0;
|
||||
overflow: hidden;
|
||||
font-size: .8125rem;
|
||||
line-height: 1.4;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media (min-width: 480px){
|
||||
.charity {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.carbonad-header {
|
||||
border-radius: 4px;
|
||||
margin: -100px 0 -51px auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.carbonad:not(.carbonad-header) {
|
||||
margin-top: 80px;
|
||||
max-width: 330px;
|
||||
margin-bottom: -3rem;
|
||||
}
|
||||
|
||||
.carbonad-inner {
|
||||
width: 330px!important;
|
||||
margin: 50px auto 0 !important;
|
||||
border-width: 1px!important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.highlight {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.bs-docs-example {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
background-color: #fff;
|
||||
border-color: #f7f7f9;
|
||||
border-width: 4px;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.bs-docs-example.no-code {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bs-docs-example + .highlight {
|
||||
margin-top: -16px;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.highlight + .bs-docs-example {
|
||||
margin-top: -16px;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border-width: 4px;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
max-width: 33.3333%;
|
||||
}
|
||||
|
||||
.gh-btns {
|
||||
margin-bottom: -63px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px){
|
||||
.bs-docs-header .lead {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.carbonad-inner {
|
||||
top: 0;
|
||||
right: 15px;
|
||||
width: 330px!important;
|
||||
padding: 15px!important;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
max-width: 25%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,923 @@
|
||||
# Basic examples
|
||||
|
||||
---
|
||||
## Standard select boxes
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<p>Make this:</p>
|
||||
|
||||
<select>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
|
||||
<p>Become this:</p>
|
||||
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
<div id="optgroup"></div>
|
||||
## Select boxes with optgroups
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<optgroup label="Picnic">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Camping">
|
||||
<option>Tent</option>
|
||||
<option>Flashlight</option>
|
||||
<option>Toilet Paper</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<optgroup label="Picnic">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Camping">
|
||||
<option>Tent</option>
|
||||
<option>Flashlight</option>
|
||||
<option>Toilet Paper</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Multiple select boxes
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" multiple>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
# Live search
|
||||
|
||||
---
|
||||
|
||||
## Live search
|
||||
|
||||
You can add a search input by passing `data-live-search="true"` attribute:
|
||||
|
||||
<div class="bs-docs-example no-code">
|
||||
<select class="selectpicker" data-live-search="true" data-width="fit">
|
||||
<option>Hot Dog, Fries and a Soda</option>
|
||||
<option>Burger, Shake and a Smile</option>
|
||||
<option>Sugar, Spice and all things nice</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
## Key words
|
||||
|
||||
Add key words to options to improve their searchability using `data-tokens`.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" data-live-search="true" data-width="fit">
|
||||
<option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
|
||||
<option data-tokens="mustard">Burger, Shake and a Smile</option>
|
||||
<option data-tokens="frosting">Sugar, Spice and all things nice</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-live-search="true">
|
||||
<option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
|
||||
<option data-tokens="mustard">Burger, Shake and a Smile</option>
|
||||
<option data-tokens="frosting">Sugar, Spice and all things nice</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
# Limit the number of selections
|
||||
|
||||
Limit the number of options that can be selected via the `data-max-options` attribute. It also works for option groups. Customize the message displayed when the limit is reached with `maxOptionsText`.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" multiple data-max-options="2">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" multiple>
|
||||
<optgroup label="Condiments" data-max-options="2">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Breads" data-max-options="2">
|
||||
<option>Plain</option>
|
||||
<option>Steamed</option>
|
||||
<option>Toasted</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple data-max-options="2">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" multiple>
|
||||
<optgroup label="Condiments" data-max-options="2">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Breads" data-max-options="2">
|
||||
<option>Plain</option>
|
||||
<option>Steamed</option>
|
||||
<option>Toasted</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
```
|
||||
|
||||
# Custom button text
|
||||
|
||||
---
|
||||
|
||||
## Placeholder
|
||||
<p id="titleMultiples"></p>
|
||||
Using the `title` attribute will set the default placeholder text when nothing is selected. This works for both multiple and standard select boxes:
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="form-group">
|
||||
<label>Multiple</label>
|
||||
<select class="selectpicker" multiple title="Choose one of the following..." data-width="fit">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Standard</label>
|
||||
<select class="selectpicker" title="Choose one of the following..." data-width="fit">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple title="Choose one of the following...">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Selected text
|
||||
|
||||
<p id="title"></p>
|
||||
Set the `title` attribute on individual options to display alternative text when the option is selected:
|
||||
|
||||
<div class="bs-docs-example no-code">
|
||||
<select class="selectpicker">
|
||||
<option title="Combo 1">Hot Dog, Fries and a Soda</option>
|
||||
<option title="Combo 2">Burger, Shake and a Smile</option>
|
||||
<option title="Combo 3">Sugar, Spice and all things nice</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option title="Combo 1">Hot Dog, Fries and a Soda</option>
|
||||
<option title="Combo 2">Burger, Shake and a Smile</option>
|
||||
<option title="Combo 3">Sugar, Spice and all things nice</option>
|
||||
</select>
|
||||
```
|
||||
## Selected text format
|
||||
|
||||
<p id="titleMultiplesFormat"></p>
|
||||
Specify how the selection is displayed with the `data-selected-text-format` attribute on a multiple select.
|
||||
|
||||
The supported values are:
|
||||
|
||||
* `values`: A comma delimited list of selected values (default)
|
||||
* `count`: If one item is selected, then the option value is shown. If more than one is selected then the number of selected items is displayed, e.g. `2 of 6 selected`
|
||||
* `count > x`: Where `x` is the number of items selected when the display format changes from `values` to `count`
|
||||
* `static`: Always show the select title (placeholder), regardless of selection
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" multiple data-selected-text-format="count">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple data-selected-text-format="count">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" multiple data-selected-text-format="count > 3">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Onions</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple data-selected-text-format="count > 3">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Onions</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
# Styling
|
||||
|
||||
---
|
||||
|
||||
## Button classes
|
||||
|
||||
You can set the button classes via the `data-style` attribute:
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-style="btn-primary">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-style="btn-info">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-style="btn-success">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-style="btn-warning">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-style="btn-danger">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-style="btn-primary">
|
||||
...
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" data-style="btn-info">
|
||||
...
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" data-style="btn-success">
|
||||
...
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" data-style="btn-warning">
|
||||
...
|
||||
</select>
|
||||
|
||||
<select class="selectpicker" data-style="btn-danger">
|
||||
...
|
||||
</select>
|
||||
```
|
||||
|
||||
## Checkmark on selected option
|
||||
|
||||
You can also show the checkmark icon on standard select boxes with the `show-tick` class:
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker show-tick">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker show-tick">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Menu arrow <span class="text-muted small">(deprecated)</span>
|
||||
|
||||
The Bootstrap menu arrow can be added with the `show-menu-arrow` class:
|
||||
|
||||
<span class="alert alert-danger d-block" role="alert">
|
||||
<strong>Note:</strong> This feature has been deprecated and will be removed in v2.0.0.
|
||||
</span>
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker show-menu-arrow">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker show-menu-arrow">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Style individual options
|
||||
|
||||
<p id="classes"></p>
|
||||
Classes and styles added to options are transferred to the select box:
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option class="special">Ketchup</option>
|
||||
<option style="background: #5cb85c; color: #fff;">Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option class="special">Ketchup</option>
|
||||
<option style="background: #5cb85c; color: #fff;">Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
```css
|
||||
.special {
|
||||
font-weight: bold !important;
|
||||
color: #fff !important;
|
||||
background: #bc0000 !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
```
|
||||
|
||||
## Width
|
||||
|
||||
<p id="grid"></p>
|
||||
Wrap selects in grid columns, or any custom parent element, to easily enforce desired widths.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-5">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker form-control">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
<div id="data-width"></div>
|
||||
|
||||
Alternatively, use the `data-width` attribute to set the width of the select. Set `data-width` to `'auto'` to automatically adjust the width of the select to its widest option. `'fit'` automatically adjusts the width of the select to the width of its currently selected option. An exact value can also be specified, e.g., `300px` or `50%`.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label><code>width: 'auto'</code></label>
|
||||
<select class="selectpicker form-control" data-width="auto">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>All of the above (and much, much more!)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label><code>width: 'fit'</code></label>
|
||||
<select class="selectpicker form-control" data-width="fit">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>All of the above (and much, much more!)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label><code>width: '150px'</code></label>
|
||||
<select class="selectpicker form-control" data-width="150px">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>All of the above (and much, much more!)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label><code>width: '75%'</code></label>
|
||||
<select class="selectpicker form-control" data-width="75%">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>All of the above (and much, much more!)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-width="auto">
|
||||
...
|
||||
</select>
|
||||
<select class="selectpicker" data-width="fit">
|
||||
...
|
||||
</select>
|
||||
<select class="selectpicker" data-width="100px">
|
||||
...
|
||||
</select>
|
||||
<select class="selectpicker" data-width="75%">
|
||||
...
|
||||
</select>
|
||||
```
|
||||
|
||||
# Customize options
|
||||
|
||||
---
|
||||
|
||||
## Icons
|
||||
|
||||
Add an icon to an option or optgroup with the `data-icon` attribute:
|
||||
|
||||
<span class="alert alert-info d-block" role="alert">
|
||||
<strong>Note:</strong> Glyphicons are not included in Bootstrap 4. To use FontAwesome, or another icon library, you'll need to set `iconBase` to something other than `'glyphicon'`.
|
||||
</span>
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option data-icon="fa-glass">Mustard</option>
|
||||
<option data-icon="fa-heart">Ketchup</option>
|
||||
<option data-icon="fa-film">Relish</option>
|
||||
<option data-icon="fa-home">Mayonnaise</option>
|
||||
<option data-icon="fa-print">Barbecue Sauce</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option data-icon="fa-heart">Ketchup</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Custom content
|
||||
|
||||
Insert custom HTML into the option with the `data-content` attribute:
|
||||
|
||||
<span class="alert alert-warning d-block" role="alert">
|
||||
<strong>Note:</strong> This feature inserts HTML into the DOM. By default, it is sanitized using our built-in [sanitizer](options.md#sanitizer).
|
||||
</span>
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option data-content="<span class='badge badge-warning'>Mustard</span>">Mustard</option>
|
||||
<option data-content="<span class='badge badge-danger label-important'>Ketchup</span>">Ketchup</option>
|
||||
<option data-content="<span class='badge badge-success'>Relish</span>">Relish</option>
|
||||
<option data-content="<span class='badge badge-info'>Mayonnaise</span>">Mayonnaise</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option data-content="<span class='badge badge-success'>Relish</span>">Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Subtext
|
||||
Add subtext to an option or optgroup with the `data-subtext` attribute:
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker">
|
||||
<option data-subtext="French's">Mustard</option>
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
<option data-subtext="Sweet">Relish</option>
|
||||
<option data-subtext="Miracle Whip">Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option data-subtext="Honey">Barbecue Sauce</option>
|
||||
<option data-subtext="Ranch">Salad Dressing</option>
|
||||
<option data-subtext="Sweet & Spicy">Tabasco</option>
|
||||
<option data-subtext="Chunky">Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" data-show-subtext="true">
|
||||
<option data-subtext="French's">Mustard</option>
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
<option data-subtext="Sweet">Relish</option>
|
||||
<option data-subtext="Miracle Whip">Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option data-subtext="Honey">Barbecue Sauce</option>
|
||||
<option data-subtext="Ranch">Salad Dressing</option>
|
||||
<option data-subtext="Sweet & Spicy">Tabasco</option>
|
||||
<option data-subtext="Chunky">Salsa</option>
|
||||
</select>
|
||||
<span class="help-block">With <code>showSubtext</code> set to true.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-size="5">
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
# Customize menu
|
||||
|
||||
---
|
||||
|
||||
## Menu size
|
||||
|
||||
The `size` option is set to `'auto'` by default. When `size` is set to `'auto'`, the menu always opens up to show as many items as the window will allow without being cut off. Set `size` to `false` to always show all items. The size of the menu can also be specifed using the `data-size` attribute.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Mayonnaise</option>
|
||||
<option>Barbecue Sauce</option>
|
||||
<option>Salad Dressing</option>
|
||||
<option>Tabasco</option>
|
||||
<option>Salsa</option>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Mayonnaise</option>
|
||||
<option>Barbecue Sauce</option>
|
||||
<option>Salad Dressing</option>
|
||||
<option>Tabasco</option>
|
||||
<option>Salsa</option>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Mayonnaise</option>
|
||||
<option>Barbecue Sauce</option>
|
||||
<option>Salad Dressing</option>
|
||||
<option>Tabasco</option>
|
||||
<option>Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<p id="data-size"></p>
|
||||
Specify a number for `data-size` to choose the maximum number of items to show in the menu.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" data-size="5">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Mayonnaise</option>
|
||||
<option>Barbecue Sauce</option>
|
||||
<option>Salad Dressing</option>
|
||||
<option>Tabasco</option>
|
||||
<option>Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-size="5">
|
||||
...
|
||||
</select>
|
||||
```
|
||||
|
||||
## Select/deselect all options
|
||||
|
||||
Adds two buttons to the top of the menu - **Select All** & **Deselect All** with `data-actions-box="true"`.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" multiple data-actions-box="true">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" multiple data-actions-box="true">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Divider
|
||||
|
||||
Add `data-divider="true"` to an option to turn it into a divider.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
<option>Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option>Barbecue Sauce</option>
|
||||
<option>Salad Dressing</option>
|
||||
<option>Tabasco</option>
|
||||
<option>Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-size="5">
|
||||
<option data-divider="true"></option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Menu header
|
||||
|
||||
Add a header to the dropdown menu, e.g. `header: 'Select a condiment'` or `data-header="Select a condiment"`
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<select class="selectpicker form-control" data-header="Select a condiment">
|
||||
<option data-subtext="French's">Mustard</option>
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
<option data-subtext="Sweet">Relish</option>
|
||||
<option data-subtext="Miracle Whip">Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option data-subtext="Honey">Barbecue Sauce</option>
|
||||
<option data-subtext="Ranch">Salad Dressing</option>
|
||||
<option data-subtext="Sweet & Spicy">Tabasco</option>
|
||||
<option data-subtext="Chunky">Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" data-header="Select a condiment">
|
||||
...
|
||||
</select>
|
||||
```
|
||||
|
||||
## Container
|
||||
|
||||
Append the select menu to a specific element, e.g. `container: 'body'` or `data-container=".main-content"`. This is useful if the select element is inside an element with `overflow: hidden`.
|
||||
|
||||
<div class="bs-docs-example" style="overflow: hidden;">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<label><code>container: false</code></label>
|
||||
<select class="selectpicker form-control">
|
||||
<option data-subtext="French's">Mustard</option>
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
<option data-subtext="Sweet">Relish</option>
|
||||
<option data-subtext="Miracle Whip">Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option data-subtext="Honey">Barbecue Sauce</option>
|
||||
<option data-subtext="Ranch">Salad Dressing</option>
|
||||
<option data-subtext="Sweet & Spicy">Tabasco</option>
|
||||
<option data-subtext="Chunky">Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label><code>container: 'body'</code></label>
|
||||
<select class="selectpicker form-control" data-container="body">
|
||||
<option data-subtext="French's">Mustard</option>
|
||||
<option data-subtext="Heinz">Ketchup</option>
|
||||
<option data-subtext="Sweet">Relish</option>
|
||||
<option data-subtext="Miracle Whip">Mayonnaise</option>
|
||||
<option data-divider="true"></option>
|
||||
<option data-subtext="Honey">Barbecue Sauce</option>
|
||||
<option data-subtext="Ranch">Salad Dressing</option>
|
||||
<option data-subtext="Sweet & Spicy">Tabasco</option>
|
||||
<option data-subtext="Chunky">Salsa</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<div style="overflow:hidden;">
|
||||
<select class="selectpicker">
|
||||
...
|
||||
</select>
|
||||
<select class="selectpicker" data-container="body">
|
||||
...
|
||||
</select>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Dropup menu
|
||||
|
||||
`dropupAuto` is set to true by default, which automatically determines whether or not the menu should display above or below the select box. If `dropupAuto` is set to false, manually make the select a dropup menu by adding the `.dropup` class to the select.
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker dropup" data-dropup-auto="false">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker dropup" data-dropup-auto="false">
|
||||
...
|
||||
</select>
|
||||
```
|
||||
|
||||
# Disabled
|
||||
|
||||
---
|
||||
|
||||
## Disabled select box
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker" disabled>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker" disabled>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Disabled options
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option disabled>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option disabled>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
## Disabled option groups
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<select class="selectpicker test">
|
||||
<optgroup label="Picnic" disabled>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Camping">
|
||||
<option>Tent</option>
|
||||
<option>Flashlight</option>
|
||||
<option>Toilet Paper</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker test">
|
||||
<optgroup label="Picnic" disabled>
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Relish</option>
|
||||
</optgroup>
|
||||
<optgroup label="Camping">
|
||||
<option>Tent</option>
|
||||
<option>Flashlight</option>
|
||||
<option>Toilet Paper</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
```
|
||||
@@ -0,0 +1,71 @@
|
||||
# Getting Started
|
||||
|
||||
---
|
||||
|
||||
## Quick start
|
||||
|
||||
Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded [here](https://getbootstrap.com/docs/3.4/customize/?id=7830063837006f6fc84f). If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see [Getting started](https://getbootstrap.com/docs/4.1/getting-started/introduction/). A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.
|
||||
|
||||
Several quick start options are available:
|
||||
|
||||
- [Download the latest release.](https://github.com/snapappointments/bootstrap-select/archive/v1.13.14.zip)
|
||||
- Clone the repo: `git clone https://github.com/snapappointments/bootstrap-select.git`
|
||||
- Install with [npm](https://www.npmjs.com/package/bootstrap-select): `npm install bootstrap-select`
|
||||
- Install with [yarn](https://yarn.pm/bootstrap-select): `yarn add bootstrap-select`
|
||||
- Install with [Composer](https://getcomposer.org): `composer require snapappointments/bootstrap-select`
|
||||
- Install with [NuGet](https://www.nuget.org/packages/bootstrap-select): `Install-Package bootstrap-select`
|
||||
- Install with [Bower](https://bower.io): `bower install bootstrap-select`
|
||||
- Install via CDN ([cdnjs](https://cdnjs.com/libraries/bootstrap-select) or [jsDelivr](https://www.jsdelivr.com/package/npm/bootstrap-select)):
|
||||
|
||||
```html
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
|
||||
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
|
||||
|
||||
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
|
||||
```
|
||||
|
||||
<div class="bs-docs-example small">
|
||||
The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN.
|
||||
</div>
|
||||
|
||||
# Usage
|
||||
|
||||
---
|
||||
<div class="card border-warning">
|
||||
<div class="card-body">
|
||||
Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the [documentation](https://developer.snapappointments.com/bootstrap-select/options/#bootstrap-version) for more information.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Via `selectpicker` class
|
||||
Add the `selectpicker` class to your select elements to auto-initialize bootstrap-select.
|
||||
```html
|
||||
<select class="selectpicker">
|
||||
<option>Mustard</option>
|
||||
<option>Ketchup</option>
|
||||
<option>Barbecue</option>
|
||||
</select>
|
||||
```
|
||||
|
||||
### Via JavaScript
|
||||
```js
|
||||
// To style only selects with the my-select class
|
||||
$('.my-select').selectpicker();
|
||||
```
|
||||
or
|
||||
```js
|
||||
// To style all selects
|
||||
$('select').selectpicker();
|
||||
```
|
||||
|
||||
If calling bootstrap-select via JavaScript, you will need to wrap your code in a [`.ready()`](https://api.jquery.com/ready/) block or place it at the bottom of the page (after the last instance of bootstrap-select).
|
||||
|
||||
```js
|
||||
$(function () {
|
||||
$('select').selectpicker();
|
||||
});
|
||||
```
|
||||
@@ -0,0 +1,231 @@
|
||||
# Methods
|
||||
|
||||
Interface with bootstrap-select.
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('val')`
|
||||
|
||||
You can set the selected value by calling the `val` method on the element.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('val', 'Mustard');
|
||||
$('.selectpicker').selectpicker('val', ['Mustard','Relish']);
|
||||
```
|
||||
|
||||
This is different to calling `val()` directly on the `select` element. If you call `val()` on the element directly, the bootstrap-select ui will not refresh (as the change event only fires from user interaction). You will have to call the ui refresh method yourself.
|
||||
|
||||
```js
|
||||
$('.selectpicker').val('Mustard');
|
||||
$('.selectpicker').selectpicker('render');
|
||||
|
||||
// this is the equivalent of the above
|
||||
$('.selectpicker').selectpicker('val', 'Mustard');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('selectAll')`
|
||||
|
||||
This will select all items in a multi-select.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('selectAll');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('deselectAll')`
|
||||
|
||||
This will deselect all items in a multi-select.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('deselectAll');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('render')`
|
||||
|
||||
You can force a re-render of the bootstrap-select ui with the `render` method. This is useful if you programatically change any underlying values that affect the layout of the element.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('render');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('mobile')`
|
||||
|
||||
Enable mobile scrolling by calling `$('.selectpicker').selectpicker('mobile')`. This enables the device's native menu for select menus.
|
||||
|
||||
The method for detecting the browser is left up to the user.
|
||||
|
||||
```js
|
||||
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
|
||||
$('.selectpicker').selectpicker('mobile');
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('setStyle')`
|
||||
|
||||
Modify the class(es) associated with either the button itself or its container.
|
||||
|
||||
If changing the class on the container:
|
||||
|
||||
```js
|
||||
$('.selectpicker').addClass('col-lg-12').selectpicker('setStyle');
|
||||
```
|
||||
|
||||
If changing the class(es) on the button (altering data-style):
|
||||
|
||||
```js
|
||||
// Replace Class
|
||||
$('.selectpicker').selectpicker('setStyle', 'btn-danger');
|
||||
|
||||
// Add Class
|
||||
$('.selectpicker').selectpicker('setStyle', 'btn-large', 'add');
|
||||
|
||||
// Remove Class
|
||||
$('.selectpicker').selectpicker('setStyle', 'btn-large', 'remove');
|
||||
```
|
||||
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('refresh')`
|
||||
|
||||
To programmatically update a select with JavaScript, first manipulate the select, then use the `refresh` method to
|
||||
update the UI to match the new state. This is necessary when removing or adding options, or when disabling/enabling a
|
||||
select via JavaScript.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('refresh');
|
||||
```
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker remove-example">
|
||||
<option value="Mustard">Mustard</option>
|
||||
<option value="Ketchup">Ketchup</option>
|
||||
<option value="Relish">Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-warning rm-mustard">Remove Mustard</button>
|
||||
<button class="btn btn-danger rm-ketchup">Remove Ketchup</button>
|
||||
<button class="btn btn-success rm-relish">Remove Relish</button>
|
||||
</div>
|
||||
|
||||
```html
|
||||
<select class="selectpicker remove-example">
|
||||
<option value="Mustard">Mustard</option>
|
||||
<option value="Ketchup">Ketchup</option>
|
||||
<option value="Relish">Relish</option>
|
||||
</select>
|
||||
|
||||
<button class="btn btn-warning rm-mustard">Remove Mustard</button>
|
||||
<button class="btn btn-danger rm-ketchup">Remove Ketchup</button>
|
||||
<button class="btn btn-success rm-relish">Remove Relish</button>
|
||||
```
|
||||
```js
|
||||
$('.rm-mustard').click(function () {
|
||||
$('.remove-example').find('[value=Mustard]').remove();
|
||||
$('.remove-example').selectpicker('refresh');
|
||||
});
|
||||
```
|
||||
|
||||
<div class="bs-docs-example">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker disable-example">
|
||||
<option value="Mustard">Mustard</option>
|
||||
<option value="Ketchup">Ketchup</option>
|
||||
<option value="Relish">Relish</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-default ex-disable"><i class="icon-remove"></i> Disable</button>
|
||||
<button class="btn btn-default ex-enable"><i class="icon-ok"></i> Enable</button>
|
||||
</div>
|
||||
|
||||
```js
|
||||
$('.ex-disable').click(function () {
|
||||
$('.disable-example').prop('disabled', true);
|
||||
$('.disable-example').selectpicker('refresh');
|
||||
});
|
||||
|
||||
$('.ex-enable').click(function () {
|
||||
$('.disable-example').prop('disabled', false);
|
||||
$('.disable-example').selectpicker('refresh');
|
||||
});
|
||||
```
|
||||
|
||||
<script type="text/javascript">
|
||||
window.onload = function () {
|
||||
var $re = $('.remove-example'),
|
||||
$de = $('.disable-example');
|
||||
|
||||
$('.rm-mustard').click(function () {
|
||||
$re.find('[value=Mustard]').remove();
|
||||
$re.selectpicker('refresh');
|
||||
});
|
||||
$('.rm-ketchup').click(function () {
|
||||
$re.find('[value=Ketchup]').remove();
|
||||
$re.selectpicker('refresh');
|
||||
});
|
||||
$('.rm-relish').click(function () {
|
||||
$re.find('[value=Relish]').remove();
|
||||
$re.selectpicker('refresh');
|
||||
});
|
||||
$('.ex-disable').click(function () {
|
||||
$de.prop('disabled', true);
|
||||
$de.selectpicker('refresh');
|
||||
});
|
||||
$('.ex-enable').click(function () {
|
||||
$de.prop('disabled', false);
|
||||
$de.selectpicker('refresh');
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('toggle')`
|
||||
|
||||
Programmatically toggles the bootstrap-select menu open/closed.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('toggle');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('hide')`
|
||||
|
||||
To programmatically hide the bootstrap-select use the `hide` method (this only affects the visibility of the bootstrap-select itself).
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('hide');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('show')`
|
||||
|
||||
To programmatically show the bootstrap-select use the `show` method (this only affects the visibility of the bootstrap-select itself).
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('show');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### `.selectpicker('destroy')`
|
||||
|
||||
To programmatically destroy the bootstrap-select, use the `destroy` method.
|
||||
|
||||
```js
|
||||
$('.selectpicker').selectpicker('destroy');
|
||||
```
|
||||
@@ -0,0 +1,491 @@
|
||||
# Bootstrap version
|
||||
|
||||
---
|
||||
|
||||
Because there are some changes in class names and layout between Bootstrap 3 and Bootstrap 4, bootstrap-select needs to know the version of Bootstrap you are using. By default, bootstrap-select automatically detects the version of Bootstrap. However, there are some instances where the version detection does not work properly (e.g. Bootstrap is being loaded asynchronously or there is a namespace collision). For now, bootstrap-select defaults to using Bootstrap 3 formatting if version detection fails. This will be changed in the next major release.
|
||||
|
||||
You can manually specify Bootstrap's version via bootstrap-select's `Constructor.BootstrapVersion` object:
|
||||
|
||||
```js
|
||||
$.fn.selectpicker.Constructor.BootstrapVersion = '4';
|
||||
```
|
||||
|
||||
# Core options
|
||||
|
||||
---
|
||||
|
||||
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in
|
||||
`data-style=""` or `data-selected-text-format="count"`.
|
||||
|
||||
<span class="alert alert-warning d-block" role="alert">
|
||||
<strong>Note:</strong> For security reasons, the <code>sanitize</code>, <code>sanitizeFn</code> and <code>whiteList</code> options cannot be supplied using data attributes.
|
||||
</span>
|
||||
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 15%;">Name</th>
|
||||
<th style="width: 22%;">Type</th>
|
||||
<th style="width: 20%;">Default</th>
|
||||
<th style="width: 43%;">Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>actionsBox</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, adds two buttons to the top of the dropdown menu (<strong>Select All</strong> & <strong>Deselect All</strong>).</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>container</td>
|
||||
<td>string | false</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to a string, appends the select to a specific element or selector, e.g., <code>container: 'body' | '.main-body'</code></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>countSelectedText</td>
|
||||
<td>string | function</td>
|
||||
<td><code>function</code></td>
|
||||
<td>
|
||||
<p>Sets the format for the text displayed when selectedTextFormat is <code>count</code> or <code>count > #</code>. {0} is the selected amount. {1} is total available for selection.</p>
|
||||
<p>When set to a function, the first parameter is the number of selected options, and the second is the total number of
|
||||
options. The function must return a string.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>deselectAllText</td>
|
||||
<td>string</td>
|
||||
<td><code>'Deselect All'</code></td>
|
||||
<td>
|
||||
<p>The text on the button that deselects all options when <code>actionsBox</code> is enabled.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>dropdownAlignRight</td>
|
||||
<td>boolean | <code>'auto'</code></td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>Align the menu to the right instead of the left. If set to <code>'auto'</code>, the menu will automatically align right if there isn't room for the menu's full width when aligned to the left.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>dropupAuto</td>
|
||||
<td>boolean</td>
|
||||
<td><code>true</code></td>
|
||||
<td>
|
||||
<p>checks to see which has more room, above or below. If the dropup has enough room to fully open normally, but
|
||||
there is more room above, the dropup still opens normally. Otherwise, it becomes a dropup. If dropupAuto is
|
||||
set to false, dropups must be called manually.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>header</td>
|
||||
<td>string</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>adds a header to the top of the menu; includes a close button by default</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>hideDisabled</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>removes disabled options and optgroups from the menu <code>data-hide-disabled: true</code></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>iconBase</td>
|
||||
<td>string</td>
|
||||
<td><code>'glyphicon'</code></td>
|
||||
<td>
|
||||
<p>Set the base to use a different icon font instead of Glyphicons. If changing iconBase, you might also want to change <code>tickIcon</code>, in case the new icon font uses a different naming scheme.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>liveSearch</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, adds a search box to the top of the selectpicker dropdown.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>liveSearchNormalize</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>Setting liveSearchNormalize to <code>true</code> allows for accent-insensitive searching.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>liveSearchPlaceholder</td>
|
||||
<td>string</td>
|
||||
<td><code>null</code></td>
|
||||
<td>
|
||||
<p>When set to a string, a placeholder attribute equal to the string will be added to the liveSearch input.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>liveSearchStyle</td>
|
||||
<td>string</td>
|
||||
<td><code>'contains'</code></td>
|
||||
<td>
|
||||
<p>When set to <code>'contains'</code>, searching will reveal options that contain the searched text. For example, searching for pl with return both Ap<b>pl</b>e, <b>Pl</b>um, and <b>Pl</b>antain. When set to <code>'startsWith'</code>, searching for pl will return only <b>Pl</b>um and <b>Pl</b>antain.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>maxOptions</td>
|
||||
<td>integer | false</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to an integer and in a multi-select, the number of selected options cannot exceed the given value.</p>
|
||||
<p>This option can also exist as a data-attribute for an <code><optgroup></code>, in which case it only applies to that <code><optgroup></code>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>maxOptionsText</td>
|
||||
<td>string | array | function</td>
|
||||
<td><code>function</code></td>
|
||||
<td>
|
||||
<p>The text that is displayed when maxOptions is enabled and the maximum number of options for the given scenario have been selected.</p>
|
||||
<p>If a function is used, it must return an array. array[0] is the text used when maxOptions is applied to the entire select element. array[1] is the text used when maxOptions is used on an optgroup. If a string is used, the same text is used for both the element and the optgroup.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>mobile</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, enables the device's native menu for select menus.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>multipleSeparator</td>
|
||||
<td>string</td>
|
||||
<td><code>', '</code></td>
|
||||
<td>
|
||||
<p>Set the character displayed in the button that separates selected options.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>noneSelectedText</td>
|
||||
<td>string</td>
|
||||
<td><code>'Nothing selected'</code></td>
|
||||
<td>
|
||||
<p>The text that is displayed when a multiple select has no selected options.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>noneResultsText</td>
|
||||
<td>string</td>
|
||||
<td><code>'No results matched {0}'</code></td>
|
||||
<td>
|
||||
<p>The text displayed when a search doesn't return any results.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>selectAllText</td>
|
||||
<td>string</td>
|
||||
<td><code>'Select All'</code></td>
|
||||
<td>
|
||||
<p>The text on the button that selects all options when <code>actionsBox</code> is enabled.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>selectedTextFormat</td>
|
||||
<td><code>'values'</code> | <code>'static'</code> | <code>'count'</code> | <code>'count > x'</code> (where x is an integer)</td>
|
||||
<td><code>'values'</code></td>
|
||||
<td>
|
||||
<p>Specifies how the selection is displayed with a multiple select.</p>
|
||||
<p><code>'values'</code> displays a list of the selected options (separated by <code>multipleSeparator</code>. <code>'static'</code> simply displays the select element's title. <code>'count'</code> displays the total number of selected options. <code>'count > x'</code> behaves like <code>'values'</code> until the number of selected options is greater than x; after that, it behaves like <code>'count'</code>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>selectOnTab</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, treats the tab character like the enter or space characters within the selectpicker dropdown.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>showContent</td>
|
||||
<td>boolean</td>
|
||||
<td><code>true</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, display custom HTML associated with selected option(s) in the button. When set to <code>false</code>, the option value will be displayed instead.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>showIcon</td>
|
||||
<td>boolean</td>
|
||||
<td><code>true</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, display icon(s) associated with selected option(s) in the button.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>showSubtext</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>true</code>, display subtext associated with a selected option in the button.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>showTick</td>
|
||||
<td>boolean</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>Show checkmark on selected option (for items without <code>multiple</code> attribute).</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>size</td>
|
||||
<td><code>'auto'</code> | integer | false</td>
|
||||
<td><code>'auto'</code></td>
|
||||
<td>
|
||||
<p>When set to <code>'auto'</code>, the menu always opens up to show as many items as the window will allow
|
||||
without being cut off.</p>
|
||||
<p>When set to an integer, the menu will show the given number of items, even if the dropdown is cut off.</p>
|
||||
<p>When set to <code>false</code>, the menu will always show all items.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>style</td>
|
||||
<td>string | null</td>
|
||||
<td>
|
||||
<code>Bootstrap 4: 'btn-light'</code>
|
||||
<code>Bootstrap 3: 'btn-default'</code>
|
||||
</td>
|
||||
<td>
|
||||
<p>When set to a string, add the value to the button's style.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>styleBase</td>
|
||||
<td>string | null</td>
|
||||
<td><code>'btn'</code></td>
|
||||
<td>
|
||||
<p>The default class applied to the button. When using the <code>setStyle</code> method, this class will always remain.</p>
|
||||
<p>Hint: If you want to style the element as a form control, set style to <code>''</code> and styleBase to <code>'form-control'</code>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>tickIcon</td>
|
||||
<td>string</td>
|
||||
<td><code>'glyphicon-ok'</code></td>
|
||||
<td>
|
||||
<p>Set which icon to use to display as the "tick" next to selected options.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>title</td>
|
||||
<td>string | null</td>
|
||||
<td><code>null</code></td>
|
||||
<td>
|
||||
<p>The default title for the selectpicker.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>virtualScroll</td>
|
||||
<td>boolean | integer</td>
|
||||
<td><code>600</code></td>
|
||||
<td>
|
||||
<p>If enabled, the items in the dropdown will be rendered using virtualization (i.e. only the items that are within the viewport will be rendered). This drastically improves performance for selects with a large number of options. Set to an integer to only use virtualization if the select has at least that number of options.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>width</td>
|
||||
<td><code>'auto'</code> | <code>'fit'</code> | css-width | false (where <code>css-width</code> is a CSS width with units, e.g. <code>100px</code>)</td>
|
||||
<td><code>false</code></td>
|
||||
<td>
|
||||
<p>When set to <code>auto</code>, the width of the selectpicker is automatically adjusted to accommodate the widest option.</p>
|
||||
<p>When set to a css-width, the width of the selectpicker is forced inline to the given value.</p>
|
||||
<p>When set to <code>false</code>, all width information is removed.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>windowPadding</td>
|
||||
<td>integer | array</td>
|
||||
<td><code>0</code></td>
|
||||
<td>
|
||||
<p>This is useful in cases where the window has areas that the dropdown menu should not cover - for instance a fixed header. When set to an integer, the same padding will be added to all sides. Alternatively, an array of integers can be used in the format <code>[top, right, bottom, left]</code>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>sanitize</td>
|
||||
<td>boolean</td>
|
||||
<td><code>true</code></td>
|
||||
<td>
|
||||
<p>Enable or disable the sanitization. If activated, <code>'data-content'</code> on individual options will be sanitized.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>whiteList</td>
|
||||
<td>object</td>
|
||||
<td><a href="#sanitizer">Default value</a></td>
|
||||
<td>
|
||||
<p>Object which contains allowed attributes and tags</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>sanitizeFn</td>
|
||||
<td>null | function</td>
|
||||
<td><code>null</code></td>
|
||||
<td>
|
||||
<p>Here you can supply your own sanitize function. This can be useful if you prefer to use a dedicated library to perform sanitization.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
# Default settings
|
||||
|
||||
---
|
||||
|
||||
You can change the default settings for bootstrap-select by modifying its `Constructor.DEFAULTS` object:
|
||||
|
||||
```js
|
||||
$.fn.selectpicker.Constructor.DEFAULTS.multipleSeparator = ' | ';
|
||||
```
|
||||
|
||||
# Events
|
||||
|
||||
---
|
||||
|
||||
Bootstrap-select exposes a few events for hooking into select functionality.
|
||||
|
||||
hide.bs.select, hidden.bs.select, show.bs.select, and shown.bs.select all have a `relatedTarget` property, whose value is the toggling anchor element.
|
||||
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Event Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>show.bs.select</td>
|
||||
<td>This event fires immediately when the show instance method is called.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>shown.bs.select</td>
|
||||
<td>This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>hide.bs.select</td>
|
||||
<td>This event is fired immediately when the hide instance method has been called.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>hidden.bs.select</td>
|
||||
<td>This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>loaded.bs.select</td>
|
||||
<td>This event fires after the select has been initialized.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>rendered.bs.select</td>
|
||||
<td>This event fires after the render instance has been called.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>refreshed.bs.select</td>
|
||||
<td>This event fires after the refresh instance has been called.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>changed.bs.select</td>
|
||||
<td>
|
||||
<p>This event fires after the select's value has been changed. It passes through <code>event</code>, <code>clickedIndex</code>, <code>isSelected</code>, <code>previousValue</code>.</p>
|
||||
<p><code>previousValue</code> is the value of the select prior to being changed. If the select's value has been changed either via the <code>.selectpicker('val')</code>, <code>.selectpicker('selectAll')</code>, or <code>.selectpicker('deselectAll')</code> methods, clickedIndex and isSelected will be <code>null</code>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
```js
|
||||
$('#mySelect').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
|
||||
// do something...
|
||||
});
|
||||
```
|
||||
|
||||
# Sanitizer
|
||||
|
||||
---
|
||||
|
||||
HTML added via the `data-content` attribute on individual options is sanitized using our built-in sanitizer.
|
||||
|
||||
The default `whiteList` value is the following:
|
||||
|
||||
```js
|
||||
var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
|
||||
var DefaultWhitelist = {
|
||||
// Global attributes allowed on any supplied element below.
|
||||
'*': ['class', 'dir', 'id', 'lang', 'role', 'tabindex', 'style', ARIA_ATTRIBUTE_PATTERN],
|
||||
a: ['target', 'href', 'title', 'rel'],
|
||||
area: [],
|
||||
b: [],
|
||||
br: [],
|
||||
col: [],
|
||||
code: [],
|
||||
div: [],
|
||||
em: [],
|
||||
hr: [],
|
||||
h1: [],
|
||||
h2: [],
|
||||
h3: [],
|
||||
h4: [],
|
||||
h5: [],
|
||||
h6: [],
|
||||
i: [],
|
||||
img: ['src', 'alt', 'title', 'width', 'height'],
|
||||
li: [],
|
||||
ol: [],
|
||||
p: [],
|
||||
pre: [],
|
||||
s: [],
|
||||
small: [],
|
||||
span: [],
|
||||
sub: [],
|
||||
sup: [],
|
||||
strong: [],
|
||||
u: [],
|
||||
ul: []
|
||||
}
|
||||
```
|
||||
|
||||
If you want to add new values to this default `whiteList` you can do the following:
|
||||
|
||||
```js
|
||||
var myDefaultWhiteList = $.fn.selectpicker.Constructor.DEFAULTS.whiteList;
|
||||
|
||||
// To allow table elements
|
||||
myDefaultWhiteList.table = [];
|
||||
|
||||
// To allow td elements and data-option attributes on td elements
|
||||
myDefaultWhiteList.td = ['data-option'];
|
||||
|
||||
// You can push your custom regex to validate your attributes.
|
||||
// Be careful about your regular expressions being too lax
|
||||
var myCustomRegex = /^data-my-app-[\w-]+/;
|
||||
myDefaultWhiteList['*'].push(myCustomRegex);
|
||||
```
|
||||
|
||||
If you want to bypass our sanitizer because you prefer to use a dedicated library, you should do the following:
|
||||
|
||||
```js
|
||||
$('#yourSelect').selectpicker({
|
||||
sanitizeFn: function (domNodes) {
|
||||
return DOMPurify.sanitize(domNodes)
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
For performance reasons, our built-in sanitizer accepts an array of DOM nodes as its first argument, rather than an HTML string. Keep that in mind if deciding to use your own `sanitizeFn`.
|
||||
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script data-require="jquery@2.2.0" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
|
||||
<script id="plnkrOpener" src="../plnkrOpener.js" data-bootstrap-version="3"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script data-require="jquery@2.2.0" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
|
||||
<script id="plnkrOpener" src="plnkrOpener.js" data-bootstrap-version="4"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
92
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/docs/playground/plnkrOpener.js
vendored
Normal file
92
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/docs/docs/playground/plnkrOpener.js
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
$(document).ready(function() {
|
||||
function formPostData(url, fields) {
|
||||
var form = $('<form style="display: none;" method="post" action="' + url + '"></form>');
|
||||
$.each(fields, function(name, value) {
|
||||
var input = $('<input type="hidden" name="' + name + '">');
|
||||
input.attr('value', value);
|
||||
form.append(input);
|
||||
});
|
||||
|
||||
$(document).find('body').append(form);
|
||||
|
||||
form[0].submit(function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
form.remove();
|
||||
}
|
||||
|
||||
function plnkrOpener() {
|
||||
var ctrl = {},
|
||||
bootstrapVersion = $('#plnkrOpener').data('bootstrapVersion');
|
||||
|
||||
ctrl.example = {
|
||||
path: ctrl.examplePath,
|
||||
manifest: undefined,
|
||||
files: undefined,
|
||||
name: 'bootstrap-select playground (Bootstrap ' + bootstrapVersion + ')'
|
||||
};
|
||||
|
||||
ctrl.open = function() {
|
||||
var postData = {
|
||||
'tags[0]': 'jquery',
|
||||
'tags[1]': 'bootstrap-select',
|
||||
'private': true
|
||||
};
|
||||
|
||||
ctrl.example.files = [
|
||||
{
|
||||
name: 'index.html',
|
||||
url: 'https://raw.githubusercontent.com/snapappointments/bootstrap-select/v1.13.0-dev/tests/bootstrap' + bootstrapVersion + '.html',
|
||||
content: ''
|
||||
},
|
||||
{
|
||||
name: 'js/bootstrap-select.js',
|
||||
url: 'https://raw.githubusercontent.com/snapappointments/bootstrap-select/v1.13.0-dev/dist/js/bootstrap-select.js',
|
||||
content: ''
|
||||
},
|
||||
{
|
||||
name: 'css/bootstrap-select.css',
|
||||
url: 'https://raw.githubusercontent.com/snapappointments/bootstrap-select/v1.13.0-dev/dist/css/bootstrap-select.css',
|
||||
content: ''
|
||||
}
|
||||
]
|
||||
|
||||
function getData(file) {
|
||||
return $.ajax({
|
||||
method: 'GET',
|
||||
url: file.url
|
||||
})
|
||||
.then(function(data) {
|
||||
file.content = data;
|
||||
|
||||
if (file.name === 'index.html') {
|
||||
file.content = file.content.replace(new RegExp('../dist/', 'g'), '');
|
||||
}
|
||||
|
||||
postData['files[' + file.name + ']'] = file.content;
|
||||
});
|
||||
}
|
||||
|
||||
var files = [];
|
||||
|
||||
$.each(ctrl.example.files, function(i, file) {
|
||||
files.push(getData(file));
|
||||
});
|
||||
|
||||
function sendData() {
|
||||
postData.description = ctrl.example.name;
|
||||
|
||||
formPostData('https://plnkr.co/edit/?p=preview', postData);
|
||||
};
|
||||
|
||||
$.when.apply(this, files).done(function() {
|
||||
sendData();
|
||||
});
|
||||
};
|
||||
|
||||
return ctrl.open()
|
||||
}
|
||||
|
||||
plnkrOpener();
|
||||
});
|
||||
@@ -0,0 +1,21 @@
|
||||
site_name: bootstrap-select
|
||||
site_description: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.
|
||||
site_url: https://developer.snapappointments.com/bootstrap-select
|
||||
repo_url: https://github.com/snapappointments/bootstrap-select
|
||||
plugins:
|
||||
- search
|
||||
theme:
|
||||
name: bootstrap
|
||||
custom_dir: custom_theme
|
||||
extra_css:
|
||||
- css/custom.css
|
||||
- dist/css/bootstrap-select.min.css
|
||||
extra_javascript:
|
||||
- dist/js/bootstrap-select.min.js
|
||||
nav:
|
||||
- Getting Started: index.md
|
||||
- Examples: examples.md
|
||||
- Options: options.md
|
||||
- Methods: methods.md
|
||||
extra:
|
||||
version: 1.13.14
|
||||
@@ -0,0 +1,156 @@
|
||||
{
|
||||
"env": {
|
||||
"browser": true,
|
||||
"jquery": true
|
||||
},
|
||||
|
||||
"globals": {
|
||||
"document": false,
|
||||
"navigator": false,
|
||||
"window": false
|
||||
},
|
||||
|
||||
"rules": {
|
||||
"accessor-pairs": "error",
|
||||
"arrow-spacing": ["error", { "before": true, "after": true }],
|
||||
"block-spacing": ["error", "always"],
|
||||
"brace-style": ["error", "1tbs", { "allowSingleLine": true }],
|
||||
"camelcase": ["error", { "properties": "never" }],
|
||||
"comma-dangle": ["error", {
|
||||
"arrays": "never",
|
||||
"objects": "never",
|
||||
"imports": "never",
|
||||
"exports": "never",
|
||||
"functions": "never"
|
||||
}],
|
||||
"comma-spacing": ["error", { "before": false, "after": true }],
|
||||
"comma-style": ["error", "last"],
|
||||
"constructor-super": "error",
|
||||
"curly": ["error", "multi-line"],
|
||||
"dot-location": ["error", "property"],
|
||||
"dot-notation": "error",
|
||||
"eol-last": "error",
|
||||
"func-call-spacing": ["error", "never"],
|
||||
"generator-star-spacing": ["error", { "before": true, "after": true }],
|
||||
"handle-callback-err": ["error", "^(err|error)$" ],
|
||||
"indent": ["error", 2, {
|
||||
"SwitchCase": 1,
|
||||
"VariableDeclarator": { "var": 2 },
|
||||
"outerIIFEBody": 1,
|
||||
"MemberExpression": 1,
|
||||
"FunctionDeclaration": { "parameters": 1, "body": 1 },
|
||||
"FunctionExpression": { "parameters": 1, "body": 1 },
|
||||
"CallExpression": { "arguments": 1 },
|
||||
"ArrayExpression": 1,
|
||||
"ObjectExpression": 1,
|
||||
"ImportDeclaration": 1,
|
||||
"flatTernaryExpressions": true,
|
||||
"ignoreComments": false
|
||||
}],
|
||||
"key-spacing": ["error", { "beforeColon": false, "afterColon": true }],
|
||||
"keyword-spacing": ["error", { "before": true, "after": true }],
|
||||
"new-cap": ["error", { "newIsCap": true, "capIsNew": false }],
|
||||
"new-parens": "error",
|
||||
"no-array-constructor": "error",
|
||||
"no-bitwise": "error",
|
||||
"no-caller": "error",
|
||||
"no-class-assign": "error",
|
||||
"no-compare-neg-zero": "error",
|
||||
"no-cond-assign": "error",
|
||||
"no-const-assign": "error",
|
||||
"no-constant-condition": ["error", { "checkLoops": false }],
|
||||
"no-control-regex": "error",
|
||||
"no-debugger": "error",
|
||||
"no-delete-var": "error",
|
||||
"no-dupe-args": "error",
|
||||
"no-dupe-class-members": "error",
|
||||
"no-dupe-keys": "error",
|
||||
"no-duplicate-case": "error",
|
||||
"no-empty-character-class": "error",
|
||||
"no-empty-pattern": "error",
|
||||
"no-eval": "error",
|
||||
"no-ex-assign": "error",
|
||||
"no-extra-bind": "error",
|
||||
"no-extra-parens": ["error", "functions"],
|
||||
"no-fallthrough": "error",
|
||||
"no-floating-decimal": "error",
|
||||
"no-func-assign": "error",
|
||||
"no-global-assign": "error",
|
||||
"no-implied-eval": "error",
|
||||
"no-inner-declarations": ["error", "functions"],
|
||||
"no-invalid-regexp": "error",
|
||||
"no-irregular-whitespace": "error",
|
||||
"no-iterator": "error",
|
||||
"no-label-var": "error",
|
||||
"no-labels": ["error", { "allowLoop": false, "allowSwitch": false }],
|
||||
"no-lone-blocks": "error",
|
||||
"no-mixed-spaces-and-tabs": "error",
|
||||
"no-multi-str": "error",
|
||||
"no-multiple-empty-lines": ["error", { "max": 1, "maxEOF": 0 }],
|
||||
"no-negated-in-lhs": "error",
|
||||
"no-new-func": "error",
|
||||
"no-new-object": "error",
|
||||
"no-new-require": "error",
|
||||
"no-new-symbol": "error",
|
||||
"no-new-wrappers": "error",
|
||||
"no-obj-calls": "error",
|
||||
"no-octal": "error",
|
||||
"no-octal-escape": "error",
|
||||
"no-path-concat": "error",
|
||||
"no-proto": "error",
|
||||
"no-regex-spaces": "error",
|
||||
"no-return-assign": ["error", "except-parens"],
|
||||
"no-return-await": "error",
|
||||
"no-self-assign": "error",
|
||||
"no-sequences": "error",
|
||||
"no-shadow-restricted-names": "error",
|
||||
"no-sparse-arrays": "error",
|
||||
"no-tabs": "error",
|
||||
"no-template-curly-in-string": "error",
|
||||
"no-this-before-super": "error",
|
||||
"no-throw-literal": "error",
|
||||
"no-trailing-spaces": "error",
|
||||
"no-undef": "error",
|
||||
"no-undef-init": "error",
|
||||
"no-unexpected-multiline": "error",
|
||||
"no-unmodified-loop-condition": "error",
|
||||
"no-unneeded-ternary": ["error", { "defaultAssignment": false }],
|
||||
"no-unreachable": "error",
|
||||
"no-unsafe-finally": "error",
|
||||
"no-unsafe-negation": "error",
|
||||
"no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true, "allowTaggedTemplates": true }],
|
||||
"no-unused-vars": ["error", { "vars": "all", "args": "none", "ignoreRestSiblings": true }],
|
||||
"no-use-before-define": ["error", { "functions": false, "classes": false, "variables": false }],
|
||||
"no-useless-call": "error",
|
||||
"no-useless-computed-key": "error",
|
||||
"no-useless-constructor": "error",
|
||||
"no-useless-rename": "error",
|
||||
"no-useless-return": "error",
|
||||
"no-whitespace-before-property": "error",
|
||||
"no-with": "error",
|
||||
"object-curly-spacing": ["error", "always"],
|
||||
"padded-blocks": ["error", { "blocks": "never", "switches": "never", "classes": "never" }],
|
||||
"prefer-promise-reject-errors": "error",
|
||||
"quotes": ["error", "single", { "avoidEscape": true, "allowTemplateLiterals": true }],
|
||||
"rest-spread-spacing": ["error", "never"],
|
||||
"semi-spacing": ["error", { "before": false, "after": true }],
|
||||
"space-before-blocks": ["error", "always"],
|
||||
"space-before-function-paren": ["error", "always"],
|
||||
"space-in-parens": ["error", "never"/*, { "exceptions": ["()"] }*/],
|
||||
"space-infix-ops": "error",
|
||||
"space-unary-ops": ["error", { "words": true, "nonwords": false }],
|
||||
"spaced-comment": ["error", "always", {
|
||||
"line": { "markers": ["*package", "!", "/", ",", "="] },
|
||||
"block": { "balanced": true, "markers": ["*package", "!", ",", ":", "::", "flow-include"], "exceptions": ["*"] }
|
||||
}],
|
||||
"symbol-description": "error",
|
||||
"template-curly-spacing": ["error", "never"],
|
||||
"template-tag-spacing": ["error", "never"],
|
||||
"unicode-bom": ["error", "never"],
|
||||
"use-isnan": "error",
|
||||
"valid-typeof": ["error", { "requireStringLiterals": true }],
|
||||
"wrap-iife": ["error", "any", { "functionPrototypeMethods": true }],
|
||||
"yield-star-spacing": ["error", "both"],
|
||||
"yoda": ["error", "never"]
|
||||
}
|
||||
}
|
||||
3152
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/bootstrap-select.js
vendored
Normal file
3152
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/bootstrap-select.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-am_ET.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-am_ET.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: AM (Amharic)
|
||||
* Region: ET (Ethiopia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'ምንም አልተመረጠም',
|
||||
noneResultsText: 'ከ{0} ጋር ተመሳሳይ ውጤት የለም',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} ምርጫ ተመርጧል' : '{0} ምርጫዎች ተመርጠዋል';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'ገደብ ላይ ተደርሷል (ቢበዛ {n} ምርጫ)' : 'ገደብ ላይ ተደርሷል (ቢበዛ {n} ምርጫዎች)',
|
||||
(numGroup == 1) ? 'የቡድን ገደብ ላይ ተደርሷል (ቢበዛ {n} ምርጫ)' : 'የቡድን ገደብ ላይ ተደርሷል (ቢበዛ {n} ምርጫዎች)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'ሁሉም ይመረጥ',
|
||||
deselectAllText: 'ሁሉም አይመረጥ',
|
||||
multipleSeparator: ' ፣ '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ar_AR.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ar_AR.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*!
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: AR (Arabic)
|
||||
* Author: Yasser Lotfy <y_l@alive.com>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'لم يتم إختيار شئ',
|
||||
noneResultsText: 'لا توجد نتائج مطابقة لـ {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} خيار تم إختياره' : '{0} خيارات تمت إختيارها';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'تخطى الحد المسموح ({n} خيار بحد أقصى)' : 'تخطى الحد المسموح ({n} خيارات بحد أقصى)',
|
||||
(numGroup == 1) ? 'تخطى الحد المسموح للمجموعة ({n} خيار بحد أقصى)' : 'تخطى الحد المسموح للمجموعة ({n} خيارات بحد أقصى)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'إختيار الجميع',
|
||||
deselectAllText: 'إلغاء إختيار الجميع',
|
||||
multipleSeparator: '، '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-bg_BG.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-bg_BG.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: BG (Bulgaria)
|
||||
* Region: BG (Bulgaria)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Нищо избрано',
|
||||
noneResultsText: 'Няма резултат за {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} избран елемент' : '{0} избрани елемента';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Лимита е достигнат ({n} елемент максимум)' : 'Лимита е достигнат ({n} елемента максимум)',
|
||||
(numGroup == 1) ? 'Груповия лимит е достигнат ({n} елемент максимум)' : 'Груповия лимит е достигнат ({n} елемента максимум)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Избери всички',
|
||||
deselectAllText: 'Размаркирай всички',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-cs_CZ.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-cs_CZ.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: CS
|
||||
* Region: CZ (Czech Republic)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Vyberte ze seznamu',
|
||||
noneResultsText: 'Pro hledání {0} nebyly nalezeny žádné výsledky',
|
||||
countSelectedText: 'Vybrané {0} z {1}',
|
||||
maxOptionsText: ['Limit překročen ({n} {var} max)', 'Limit skupiny překročen ({n} {var} max)', ['položek', 'položka']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Vybrat vše',
|
||||
deselectAllText: 'Zrušit výběr'
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-da_DK.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-da_DK.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: DA (Danish)
|
||||
* Region: DK (Denmark)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Intet valgt',
|
||||
noneResultsText: 'Ingen resultater fundet {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} valgt' : '{0} valgt';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Begrænsning nået (max {n} valgt)' : 'Begrænsning nået (max {n} valgte)',
|
||||
(numGroup == 1) ? 'Gruppe-begrænsning nået (max {n} valgt)' : 'Gruppe-begrænsning nået (max {n} valgte)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Markér alle',
|
||||
deselectAllText: 'Afmarkér alle',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-de_DE.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-de_DE.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: DE (German, deutsch)
|
||||
* Region: DE (Germany, Deutschland)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Bitte wählen...',
|
||||
noneResultsText: 'Keine Ergebnisse für {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} Element ausgewählt' : '{0} Elemente ausgewählt';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Limit erreicht ({n} Element max.)' : 'Limit erreicht ({n} Elemente max.)',
|
||||
(numGroup == 1) ? 'Gruppen-Limit erreicht ({n} Element max.)' : 'Gruppen-Limit erreicht ({n} Elemente max.)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Alles auswählen',
|
||||
deselectAllText: 'Nichts auswählen',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-en_US.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-en_US.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: EN (English)
|
||||
* Region: US (United States)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nothing selected',
|
||||
noneResultsText: 'No results match {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} item selected' : '{0} items selected';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Limit reached ({n} item max)' : 'Limit reached ({n} items max)',
|
||||
(numGroup == 1) ? 'Group limit reached ({n} item max)' : 'Group limit reached ({n} items max)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Select All',
|
||||
deselectAllText: 'Deselect All',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-es_CL.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-es_CL.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ES (Spanish)
|
||||
* Region: CL (Chile)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'No hay selección',
|
||||
noneResultsText: 'No hay resultados {0}',
|
||||
countSelectedText: 'Seleccionados {0} de {1}',
|
||||
maxOptionsText: ['Límite alcanzado ({n} {var} max)', 'Límite del grupo alcanzado({n} {var} max)', ['elementos', 'element']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Seleccionar Todos',
|
||||
deselectAllText: 'Desmarcar Todos'
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-es_ES.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-es_ES.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ES (Spanish)
|
||||
* Region: ES (Spain)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'No hay selección',
|
||||
noneResultsText: 'No hay resultados {0}',
|
||||
countSelectedText: 'Seleccionados {0} de {1}',
|
||||
maxOptionsText: ['Límite alcanzado ({n} {var} max)', 'Límite del grupo alcanzado({n} {var} max)', ['elementos', 'element']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Seleccionar Todos',
|
||||
deselectAllText: 'Desmarcar Todos'
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-et_EE.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-et_EE.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ET (Eesti keel)
|
||||
* Region: EE (Estonia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Valikut pole tehtud',
|
||||
noneResultsText: 'Otsingule {0} ei ole vasteid',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} item selected' : '{0} items selected';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'Limiit on {n} max',
|
||||
'Globaalne limiit on {n} max'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Vali kõik',
|
||||
deselectAllText: 'Tühista kõik',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-eu.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-eu.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: EU (Basque)
|
||||
* Region:
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Hautapenik ez',
|
||||
noneResultsText: 'Emaitzarik ez {0}',
|
||||
countSelectedText: '{1}(e)tik {0} hautatuta',
|
||||
maxOptionsText: ['Mugara iritsita ({n} {var} gehienez)', 'Taldearen mugara iritsita ({n} {var} gehienez)', ['elementu', 'elementu']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Hautatu Guztiak',
|
||||
deselectAllText: 'Desautatu Guztiak'
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fa_IR.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fa_IR.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: FA (Farsi)
|
||||
* Region: IR (Iran)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'چیزی انتخاب نشده است',
|
||||
noneResultsText: 'هیج مشابهی برای {0} پیدا نشد',
|
||||
countSelectedText: '{0} از {1} مورد انتخاب شده',
|
||||
maxOptionsText: ['بیشتر ممکن نیست {حداکثر {n} عدد}', 'بیشتر ممکن نیست {حداکثر {n} عدد}'],
|
||||
selectAllText: 'انتخاب همه',
|
||||
deselectAllText: 'انتخاب هیچ کدام',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fi_FI.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fi_FI.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: FI (Finnish)
|
||||
* Region: FI (Finland)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Ei valintoja',
|
||||
noneResultsText: 'Ei hakutuloksia {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} valittu' : '{0} valitut';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Valintojen maksimimäärä ({n} saavutettu)' : 'Valintojen maksimimäärä ({n} saavutettu)',
|
||||
(numGroup == 1) ? 'Ryhmän maksimimäärä ({n} saavutettu)' : 'Ryhmän maksimimäärä ({n} saavutettu)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Valitse kaikki',
|
||||
deselectAllText: 'Poista kaikki',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fr_FR.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-fr_FR.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: FR (French; Français)
|
||||
* Region: FR (France)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Aucune sélection',
|
||||
noneResultsText: 'Aucun résultat pour {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected > 1) ? '{0} éléments sélectionnés' : '{0} élément sélectionné';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll > 1) ? 'Limite atteinte ({n} éléments max)' : 'Limite atteinte ({n} élément max)',
|
||||
(numGroup > 1) ? 'Limite du groupe atteinte ({n} éléments max)' : 'Limite du groupe atteinte ({n} élément max)'
|
||||
];
|
||||
},
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Tout sélectionner',
|
||||
deselectAllText: 'Tout désélectionner'
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-hr_HR.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-hr_HR.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: HR (Croatia)
|
||||
* Region: HR (Croatia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Odaberite stavku',
|
||||
noneResultsText: 'Nema rezultata pretrage {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} stavka selektirana' : '{0} stavke selektirane';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Limit je postignut ({n} stvar maximalno)' : 'Limit je postignut ({n} stavke maksimalno)',
|
||||
(numGroup == 1) ? 'Grupni limit je postignut ({n} stvar maksimalno)' : 'Grupni limit je postignut ({n} stavke maksimalno)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Selektiraj sve',
|
||||
deselectAllText: 'Deselektiraj sve',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-hu_HU.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-hu_HU.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: HU (Hungarian)
|
||||
* Region: HU (Hungary)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Válasszon!',
|
||||
noneResultsText: 'Nincs találat {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return '{0} elem kiválasztva';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'Legfeljebb {n} elem választható',
|
||||
'A csoportban legfeljebb {n} elem választható'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Mind',
|
||||
deselectAllText: 'Egyik sem',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-id_ID.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-id_ID.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ID (Indonesian; Bahasa Indonesia)
|
||||
* Region: ID (Indonesia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Tidak ada yang dipilih',
|
||||
noneResultsText: 'Tidak ada yang cocok {0}',
|
||||
countSelectedText: '{0} terpilih',
|
||||
maxOptionsText: ['Mencapai batas (maksimum {n})', 'Mencapai batas grup (maksimum {n})'],
|
||||
selectAllText: 'Pilih Semua',
|
||||
deselectAllText: 'Hapus Semua',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
19
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-it_IT.js
vendored
Normal file
19
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-it_IT.js
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: IT (Italian; italiano)
|
||||
* Region: IT (Italy; Italia)
|
||||
* Author: Michele Beltrame <mb@cattlegrid.info>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nessuna selezione',
|
||||
noneResultsText: 'Nessun risultato per {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? 'Selezionato {0} di {1}' : 'Selezionati {0} di {1}';
|
||||
},
|
||||
maxOptionsText: ['Limite raggiunto ({n} {var} max)', 'Limite del gruppo raggiunto ({n} {var} max)', ['elementi', 'elemento']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Seleziona Tutto',
|
||||
deselectAllText: 'Deseleziona Tutto'
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ja_JP.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ja_JP.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: JA (Japanese; 日本語)
|
||||
* Region: JP (Japan)
|
||||
* Author: Richard Snijders (Flaxis)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: '選択されていません',
|
||||
noneResultsText: '\'{0}\'は見つかりません',
|
||||
countSelectedText: '{0}/{1} 選択中',
|
||||
maxOptionsText: ['選択上限数を超えています(最大{n}{var})', 'グループの選択上限数を超えています(最大{n}{var})', ['アイテム', 'アイテム']],
|
||||
selectAllText: '全て選択',
|
||||
deselectAllText: '選択をクリア',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-kh_KM.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-kh_KM.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: KH (Khmer)
|
||||
* Region: kM (Khmer)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'មិនមានអ្វីបានជ្រើសរើស',
|
||||
noneResultsText: 'មិនមានលទ្ធផល {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} ធាតុដែលបានជ្រើស' : '{0} ធាតុដែលបានជ្រើស';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'ឈានដល់ដែនកំណត់ ( {n} ធាតុអតិបរមា)' : 'អតិបរមាឈានដល់ដែនកំណត់ ( {n} ធាតុ)',
|
||||
(numGroup == 1) ? 'ដែនកំណត់ក្រុមឈានដល់ ( {n} អតិបរមាធាតុ)' : 'អតិបរមាក្រុមឈានដល់ដែនកំណត់ ( {n} ធាតុ)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'ជ្រើសយកទាំងអស់',
|
||||
deselectAllText: 'មិនជ្រើសយកទាំងអស',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ko_KR.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ko_KR.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: KO (Korean)
|
||||
* Region: KR (South Korea)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: '항목을 선택해주세요',
|
||||
noneResultsText: '{0} 검색 결과가 없습니다',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return '{0}개를 선택하였습니다';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'{n}개까지 선택 가능합니다',
|
||||
'해당 그룹은 {n}개까지 선택 가능합니다'
|
||||
];
|
||||
},
|
||||
selectAllText: '전체선택',
|
||||
deselectAllText: '전체해제',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-lt_LT.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-lt_LT.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: LT (Lithuanian)
|
||||
* Region: LT (Lithuania)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Niekas nepasirinkta',
|
||||
noneResultsText: 'Niekas nesutapo su {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} elementas pasirinktas' : '{0} elementai(-ų) pasirinkta';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Pasiekta riba ({n} elementas daugiausiai)' : 'Riba pasiekta ({n} elementai(-ų) daugiausiai)',
|
||||
(numGroup == 1) ? 'Grupės riba pasiekta ({n} elementas daugiausiai)' : 'Grupės riba pasiekta ({n} elementai(-ų) daugiausiai)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Pasirinkti visus',
|
||||
deselectAllText: 'Atmesti visus',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-lv_LV.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-lv_LV.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: LV (Latvian)
|
||||
* Region: LV (Latvia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nekas nav atzīmēts',
|
||||
noneResultsText: 'Nav neviena rezultāta {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} ieraksts atzīmēts' : '{0} ieraksti atzīmēts';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Sasniegts limits ({n} ieraksts maksimums)' : 'Sasniegts limits ({n} ieraksti maksimums)',
|
||||
(numGroup == 1) ? 'Sasniegts grupas limits ({n} ieraksts maksimums)' : 'Sasniegts grupas limits ({n} ieraksti maksimums)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Atzīmēt visu',
|
||||
deselectAllText: 'Neatzīmēt nevienu',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-nb_NO.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-nb_NO.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: NB (Norwegian; Bokmål)
|
||||
* Region: NO (Norway)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Ingen valgt',
|
||||
noneResultsText: 'Søket gir ingen treff {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} alternativ valgt' : '{0} alternativer valgt';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Grense nådd (maks {n} valg)' : 'Grense nådd (maks {n} valg)',
|
||||
(numGroup == 1) ? 'Grense for grupper nådd (maks {n} grupper)' : 'Grense for grupper nådd (maks {n} grupper)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Merk alle',
|
||||
deselectAllText: 'Fjern alle',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-nl_NL.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-nl_NL.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: NL (Dutch; Nederlands)
|
||||
* Region: NL (Europe)
|
||||
* Author: Daan Rosbergen (Badmuts)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Niets geselecteerd',
|
||||
noneResultsText: 'Geen resultaten gevonden voor {0}',
|
||||
countSelectedText: '{0} van {1} geselecteerd',
|
||||
maxOptionsText: ['Limiet bereikt ({n} {var} max)', 'Groep limiet bereikt ({n} {var} max)', ['items', 'item']],
|
||||
selectAllText: 'Alles selecteren',
|
||||
deselectAllText: 'Alles deselecteren',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pl_PL.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pl_PL.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: PL (Polish)
|
||||
* Region: EU (Europe)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nic nie zaznaczono',
|
||||
noneResultsText: 'Brak wyników wyszukiwania {0}',
|
||||
countSelectedText: 'Zaznaczono {0} z {1}',
|
||||
maxOptionsText: ['Osiągnięto limit ({n} {var} max)', 'Limit grupy osiągnięty ({n} {var} max)', ['elementy', 'element']],
|
||||
selectAllText: 'Zaznacz wszystkie',
|
||||
deselectAllText: 'Odznacz wszystkie',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pt_BR.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pt_BR.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: PT (Portuguese; português)
|
||||
* Region: BR (Brazil; Brasil)
|
||||
* Author: Rodrigo de Avila <rodrigo@avila.net.br>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nada selecionado',
|
||||
noneResultsText: 'Nada encontrado contendo {0}',
|
||||
countSelectedText: 'Selecionado {0} de {1}',
|
||||
maxOptionsText: ['Limite excedido (máx. {n} {var})', 'Limite do grupo excedido (máx. {n} {var})', ['itens', 'item']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Selecionar Todos',
|
||||
deselectAllText: 'Desmarcar Todos'
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pt_PT.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-pt_PT.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: PT (Portuguese; português)
|
||||
* Region: PT (Portugal; Portugal)
|
||||
* Author: Burnspirit <burnspirit@gmail.com>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nenhum seleccionado',
|
||||
noneResultsText: 'Sem resultados contendo {0}',
|
||||
countSelectedText: 'Selecionado {0} de {1}',
|
||||
maxOptionsText: ['Limite ultrapassado (máx. {n} {var})', 'Limite de seleções ultrapassado (máx. {n} {var})', ['itens', 'item']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Selecionar Tudo',
|
||||
deselectAllText: 'Desmarcar Todos'
|
||||
};
|
||||
})(jQuery);
|
||||
18
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ro_RO.js
vendored
Normal file
18
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ro_RO.js
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: RO (Romanian)
|
||||
* Region: RO (Romania)
|
||||
* Alex Florea <alecz.fia@gmail.com>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
doneButtonText: 'Închide',
|
||||
noneSelectedText: 'Nu a fost selectat nimic',
|
||||
noneResultsText: 'Nu există niciun rezultat {0}',
|
||||
countSelectedText: '{0} din {1} selectat(e)',
|
||||
maxOptionsText: ['Limita a fost atinsă ({n} {var} max)', 'Limita de grup a fost atinsă ({n} {var} max)', ['iteme', 'item']],
|
||||
selectAllText: 'Selectează toate',
|
||||
deselectAllText: 'Deselectează toate',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ru_RU.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ru_RU.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: RU (Russian; Русский)
|
||||
* Region: RU (Russian Federation)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Ничего не выбрано',
|
||||
noneResultsText: 'Совпадений не найдено {0}',
|
||||
countSelectedText: 'Выбрано {0} из {1}',
|
||||
maxOptionsText: ['Достигнут предел ({n} {var} максимум)', 'Достигнут предел в группе ({n} {var} максимум)', ['шт.', 'шт.']],
|
||||
doneButtonText: 'Закрыть',
|
||||
selectAllText: 'Выбрать все',
|
||||
deselectAllText: 'Отменить все',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sk_SK.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sk_SK.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: SK
|
||||
* Region: SK (Slovak Republic)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Vyberte zo zoznamu',
|
||||
noneResultsText: 'Pre výraz {0} neboli nájdené žiadne výsledky',
|
||||
countSelectedText: 'Vybrané {0} z {1}',
|
||||
maxOptionsText: ['Limit prekročený ({n} {var} max)', 'Limit skupiny prekročený ({n} {var} max)', ['položiek', 'položka']],
|
||||
selectAllText: 'Vybrať všetky',
|
||||
deselectAllText: 'Zrušiť výber',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
21
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sl_SI.js
vendored
Normal file
21
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sl_SI.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: SL (Slovenian)
|
||||
* Region: SI (Slovenia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Nič izbranega',
|
||||
noneResultsText: 'Ni zadetkov za {0}',
|
||||
countSelectedText: '{0} od {1} izbranih',
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'Omejitev dosežena (max. izbranih: {n})',
|
||||
'Omejitev skupine dosežena (max. izbranih: {n})'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Izberi vse',
|
||||
deselectAllText: 'Počisti izbor',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sr_SP.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sr_SP.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: SR (Serbian; Srpski)
|
||||
* Region: SR (Republic of Serbia)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Izaberite',
|
||||
noneResultsText: 'Nema rezultata za {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} izabrana' : '{0} izabrane';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Limit je dostignut ({n} stvar maximalno)' : 'Limit je dostignut ({n} stavke maksimalno)',
|
||||
(numGroup == 1) ? 'Grupni limit je dostignut ({n} stvar maksimalno)' : 'Grupni limit je dostignut ({n} stavke maksimalno)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Izaberi sve',
|
||||
deselectAllText: 'Obrisi sve',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sv_SE.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-sv_SE.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: SV (Swedish)
|
||||
* Region: SE (Sweden)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Inget valt',
|
||||
noneResultsText: 'Inget sökresultat matchar {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected === 1) ? '{0} alternativ valt' : '{0} alternativ valda';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'Gräns uppnåd (max {n} alternativ)',
|
||||
'Gräns uppnåd (max {n} gruppalternativ)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Markera alla',
|
||||
deselectAllText: 'Avmarkera alla',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-th_TH.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-th_TH.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: TH (Thai)
|
||||
* Region: TH (Thailand)
|
||||
* Author: Ekkachai Sohmontha
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'ไม่ได้เลือกอะไรเลย',
|
||||
noneResultsText: 'ไม่มีผลลัพธ์ที่ตรงกัน {0}',
|
||||
countSelectedText: '{0} รายการที่เลือก',
|
||||
maxOptionsText: ['เกินจำนวนที่กำหนด (สูงสุด {n} รายการ)', 'เกินจำนวนที่กำหนด (สูงสุด {n} กลุ่ม)'],
|
||||
selectAllText: 'เลือกทั้งหมด',
|
||||
deselectAllText: 'ไม่เลือกทั้งหมด',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
24
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-tr_TR.js
vendored
Normal file
24
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-tr_TR.js
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: TR (Turkey)
|
||||
* Region: TR (Europe)
|
||||
* Author: Serhan Güney
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Hiçbiri seçilmedi',
|
||||
noneResultsText: 'Hiçbir sonuç bulunamadı {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? '{0} öğe seçildi' : '{0} öğe seçildi';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'Limit aşıldı (maksimum {n} sayıda öğe )' : 'Limit aşıldı (maksimum {n} sayıda öğe)',
|
||||
(numGroup == 1) ? 'Grup limiti aşıldı (maksimum {n} sayıda öğe)' : 'Grup limiti aşıldı (maksimum {n} sayıda öğe)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Tümünü Seç',
|
||||
deselectAllText: 'Seçiniz',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ua_UA.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-ua_UA.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: UA (Ukrainian; Українська)
|
||||
* Region: UA (Ukraine)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Нічого не вибрано',
|
||||
noneResultsText: 'Збігів не знайдено {0}',
|
||||
countSelectedText: 'Вибрано {0} із {1}',
|
||||
maxOptionsText: ['Досягнута межа ({n} {var} максимум)', 'Досягнута межа в групі ({n} {var} максимум)', ['items', 'item']],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: 'Вибрати все',
|
||||
deselectAllText: 'Скасувати вибір усі'
|
||||
};
|
||||
})(jQuery);
|
||||
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-vi_VN.js
vendored
Normal file
23
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-vi_VN.js
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
* Dịch các văn bản mặc định cho bootstrap-select.
|
||||
* Locale: VI (Vietnamese)
|
||||
* Region: VN (Việt Nam)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'Chưa chọn',
|
||||
noneResultsText: 'Không có kết quả cho {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return '{0} mục đã chọn';
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
'Không thể chọn (giới hạn {n} mục)',
|
||||
'Không thể chọn (giới hạn {n} mục)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'Chọn tất cả',
|
||||
deselectAllText: 'Bỏ chọn',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-zh_CN.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-zh_CN.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ZH (Chinese)
|
||||
* Region: CN (China)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: '没有选中任何项',
|
||||
noneResultsText: '没有找到匹配项',
|
||||
countSelectedText: '选中{1}中的{0}项',
|
||||
maxOptionsText: ['超出限制 (最多选择{n}项)', '组选择超出限制(最多选择{n}组)'],
|
||||
multipleSeparator: ', ',
|
||||
selectAllText: '全选',
|
||||
deselectAllText: '取消全选'
|
||||
};
|
||||
})(jQuery);
|
||||
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-zh_TW.js
vendored
Normal file
16
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/i18n/defaults-zh_TW.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: ZH (Chinese)
|
||||
* Region: TW (Taiwan)
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: '沒有選取任何項目',
|
||||
noneResultsText: '沒有找到符合的結果',
|
||||
countSelectedText: '已經選取{0}個項目',
|
||||
maxOptionsText: ['超過限制 (最多選擇{n}項)', '超過限制(最多選擇{n}組)'],
|
||||
selectAllText: '選取全部',
|
||||
deselectAllText: '全部取消',
|
||||
multipleSeparator: ', '
|
||||
};
|
||||
})(jQuery);
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/umd-intro.js
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/umd-intro.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
(function (root, factory) {
|
||||
if (root === undefined && window !== undefined) root = window;
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(["jquery"], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require("jquery"));
|
||||
} else {
|
||||
factory(root["jQuery"]);
|
||||
}
|
||||
}(this, function (jQuery) {
|
||||
|
||||
3
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/umd-outro.js
vendored
Normal file
3
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/js/umd-outro.js
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
}));
|
||||
502
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/less/bootstrap-select.less
vendored
Normal file
502
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/less/bootstrap-select.less
vendored
Normal file
@@ -0,0 +1,502 @@
|
||||
@import "variables";
|
||||
|
||||
@keyframes bs-notify-fadeOut {
|
||||
0% {opacity: 0.9;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
// Mixins
|
||||
.cursor-disabled() {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Rules
|
||||
select.bs-select-hidden,
|
||||
.bootstrap-select > select.bs-select-hidden,
|
||||
select.selectpicker {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bootstrap-select {
|
||||
width: 220px \0; /*IE9 and below*/
|
||||
vertical-align: middle;
|
||||
|
||||
// The selectpicker button
|
||||
> .dropdown-toggle {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
// necessary for proper positioning of caret in Bootstrap 4 (pushes caret to the right)
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
// force caret to be vertically centered for Bootstrap 4 multi-line buttons
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
&:after {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
&.bs-placeholder {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: @input-color-placeholder;
|
||||
}
|
||||
|
||||
&.btn-primary,
|
||||
&.btn-secondary,
|
||||
&.btn-success,
|
||||
&.btn-danger,
|
||||
&.btn-info,
|
||||
&.btn-dark {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: @input-alt-color-placeholder;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> select {
|
||||
position: absolute !important;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: block !important;
|
||||
width: 0.5px !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0 !important;
|
||||
border: none;
|
||||
z-index: 0 !important;
|
||||
|
||||
&.mobile-device {
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
z-index: 2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Error display
|
||||
.has-error & .dropdown-toggle,
|
||||
.error & .dropdown-toggle,
|
||||
&.is-invalid .dropdown-toggle,
|
||||
.was-validated & select:invalid + .dropdown-toggle {
|
||||
border-color: @color-red-error;
|
||||
}
|
||||
|
||||
&.is-valid .dropdown-toggle,
|
||||
.was-validated & select:valid + .dropdown-toggle {
|
||||
border-color: @color-green-success;
|
||||
}
|
||||
|
||||
&.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
&:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: @width-default;
|
||||
}
|
||||
|
||||
> select.mobile-device:focus + .dropdown-toggle,
|
||||
.dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
// The selectpicker components
|
||||
.bootstrap-select {
|
||||
&.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
height: auto;
|
||||
|
||||
:not(.input-group) > &:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.input-group-btn {
|
||||
float: none;
|
||||
z-index: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline &,
|
||||
.form-inline &.form-control:not([class*="col-"]) {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&:not(.input-group-btn),
|
||||
&[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Forces the pull to the right, if necessary
|
||||
&,
|
||||
&[class*="col-"],
|
||||
.row &[class*="col-"] {
|
||||
&.dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline &,
|
||||
.form-horizontal &,
|
||||
.form-group & {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-group-lg &.form-control,
|
||||
.form-group-sm &.form-control {
|
||||
padding: 0;
|
||||
|
||||
.dropdown-toggle {
|
||||
height: 100%;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&.form-control-sm .dropdown-toggle,
|
||||
&.form-control-lg .dropdown-toggle {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
&.form-control-sm .dropdown-toggle {
|
||||
padding: @input-padding-y-sm @input-padding-x-sm;
|
||||
}
|
||||
|
||||
&.form-control-lg .dropdown-toggle {
|
||||
padding: @input-padding-y-lg @input-padding-x-lg;
|
||||
}
|
||||
|
||||
// Set the width of the live search (and any other form control within an inline form)
|
||||
// see https://github.com/silviomoreto/bootstrap-select/issues/685
|
||||
.form-inline & .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
> .disabled {
|
||||
.cursor-disabled();
|
||||
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.bs-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.dropdown-menu {
|
||||
z-index: @zindex-select-dropdown;
|
||||
}
|
||||
}
|
||||
|
||||
// The selectpicker button
|
||||
.dropdown-toggle {
|
||||
.filter-option {
|
||||
position: static;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
flex: 0 1 auto; // for IE10
|
||||
|
||||
.bs3& {
|
||||
padding-right: inherit;
|
||||
}
|
||||
|
||||
.input-group .bs3-has-addon& {
|
||||
position: absolute;
|
||||
padding-top: inherit;
|
||||
padding-bottom: inherit;
|
||||
padding-left: inherit;
|
||||
float: none;
|
||||
|
||||
.filter-option-inner {
|
||||
padding-right: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-option-inner-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// used to expand the height of the button when inside an input group
|
||||
.filter-expand {
|
||||
width: 0 !important;
|
||||
float: left;
|
||||
opacity: 0 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group &.form-control .dropdown-toggle {
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
&[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// The selectpicker dropdown
|
||||
.dropdown-menu {
|
||||
min-width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
> .inner:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
&.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&.active small {
|
||||
color: @input-alt-color-placeholder !important;
|
||||
}
|
||||
|
||||
&.disabled a {
|
||||
.cursor-disabled();
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
|
||||
span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: rgb(245, 245, 245);
|
||||
border: 1px solid rgb(227, 227, 227);
|
||||
box-shadow: inset 0 1px 1px fade(rgb(0, 0, 0), 5%);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
box-sizing: border-box;
|
||||
|
||||
&.fadeOut {
|
||||
animation: 300ms linear 750ms forwards bs-notify-fadeOut;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.fit-width .dropdown-toggle {
|
||||
.filter-option {
|
||||
position: static;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.filter-option-inner,
|
||||
.filter-option-inner-inner {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.bs-caret:before {
|
||||
content: '\00a0';
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
&.show-tick .dropdown-menu {
|
||||
.selected span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
// default check mark for use without an icon font
|
||||
.bs-ok-default:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0.5em;
|
||||
height: 1em;
|
||||
border-style: solid;
|
||||
border-width: 0 0.26em 0.26em 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-select.show-menu-arrow {
|
||||
&.open > .dropdown-toggle,
|
||||
&.show > .dropdown-toggle {
|
||||
z-index: (@zindex-select-dropdown + 1);
|
||||
}
|
||||
|
||||
.dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid @color-grey-arrow;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropup .dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 7px solid @color-grey-arrow;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.pull-right .dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.open > .dropdown-toggle .filter-option,
|
||||
&.show > .dropdown-toggle .filter-option {
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.bs-actionsbox {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
& .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
& .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bs-searchbox {
|
||||
& + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
|
||||
& .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/less/variables.less
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/less/variables.less
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
@color-red-error: rgb(185, 74, 72);
|
||||
@color-green-success: #28a745;
|
||||
@color-grey-arrow: rgba(204, 204, 204, 0.2);
|
||||
|
||||
@width-default: 220px; // 3 960px-grid columns
|
||||
|
||||
@zindex-select-dropdown: 1060; // must be higher than a modal background (1050)
|
||||
|
||||
//** Placeholder text color
|
||||
@input-color-placeholder: #999;
|
||||
@input-alt-color-placeholder: rgba(255, 255, 255, 0.5);
|
||||
|
||||
@input-padding-y-sm: .25rem;
|
||||
@input-padding-x-sm: .5rem;
|
||||
|
||||
@input-padding-y-lg: 0.5rem;
|
||||
@input-padding-x-lg: 1rem;
|
||||
@@ -0,0 +1,20 @@
|
||||
# set env vars usually set by MyGet (enable for local testing)
|
||||
#$env:SourcesPath = '..'
|
||||
#$env:NuGet = "./nuget.exe" #https://dist.nuget.org/win-x86-commandline/latest/nuget.exe
|
||||
|
||||
$nuget = $env:NuGet
|
||||
|
||||
# parse the version number out of package.json
|
||||
$bsversionParts = ((Get-Content $env:SourcesPath\package.json) -join "`n" | ConvertFrom-Json).version.split('-', 2) # split the version on the '-'
|
||||
$bsversion = $bsversionParts[0]
|
||||
|
||||
if ($bsversionParts.Length -gt 1)
|
||||
{
|
||||
$bsversion += '-' + $bsversionParts[1].replace('.', '').replace('-', '_') # strip out invalid chars from the PreRelease part
|
||||
}
|
||||
|
||||
# update sourceMappingURL in bootstrap-select.min.js
|
||||
(Get-Content $env:SourcesPath\dist\js\bootstrap-select.min.js).replace("sourceMappingURL=", "sourceMappingURL=Scripts/") | Set-Content $env:SourcesPath\dist\js\bootstrap-select.min.js
|
||||
|
||||
# create packages
|
||||
& $nuget pack "$env:SourcesPath\nuget\bootstrap-select.nuspec" -Verbosity detailed -NonInteractive -NoPackageAnalysis -BasePath $env:SourcesPath -Version $bsversion
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0"?>
|
||||
<package xmlns="http://schemas.microsoft.com/packaging/2012/06/nuspec.xsd">
|
||||
<metadata>
|
||||
<id>bootstrap-select</id>
|
||||
<version>1.13.14</version>
|
||||
<title>bootstrap-select</title>
|
||||
<authors>Casey Holzer, Silvio Moreto, SnapAppointments LLC</authors>
|
||||
<owners>SnapAppointments, LLC</owners>
|
||||
<projectUrl>https://developer.snapappointments.com/bootstrap-select</projectUrl>
|
||||
<description>The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.</description>
|
||||
<tags>javascript jquery form bootstrap dropdown select replacement</tags>
|
||||
<requireLicenseAcceptance>false</requireLicenseAcceptance>
|
||||
<dependencies>
|
||||
<dependency id="jQuery" version="[1.9.1, 4)" />
|
||||
<dependency id="bootstrap" version="3.0.0" />
|
||||
</dependencies>
|
||||
</metadata>
|
||||
<files>
|
||||
<file src="dist\js\bootstrap-select*.*" target="content\Scripts" />
|
||||
<file src="dist\js\i18n\*.*" target="content\Scripts\i18n" />
|
||||
<file src="dist\css\*.*" target="content\Content" />
|
||||
</files>
|
||||
</package>
|
||||
3940
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/package-lock.json
generated
Normal file
3940
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,69 @@
|
||||
{
|
||||
"name": "bootstrap-select",
|
||||
"title": "bootstrap-select",
|
||||
"main": "dist/js/bootstrap-select.js",
|
||||
"description": "The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.",
|
||||
"version": "1.13.14",
|
||||
"homepage": "https://developer.snapappointments.com/bootstrap-select",
|
||||
"author": {
|
||||
"name": "Casey Holzer",
|
||||
"url": "https://github.com/caseyjhol"
|
||||
},
|
||||
"contributors": [
|
||||
{
|
||||
"name": "Silvio Moreto",
|
||||
"url": "https://github.com/silviomoreto"
|
||||
},
|
||||
{
|
||||
"name": "SnapAppointments, LLC",
|
||||
"url": "https://snapappointments.com"
|
||||
}
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/snapappointments/bootstrap-select.git"
|
||||
},
|
||||
"license": "MIT",
|
||||
"dependencies": {},
|
||||
"peerDependencies": {
|
||||
"jquery": "1.9.1 - 3",
|
||||
"bootstrap": ">=3.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^9.7.6",
|
||||
"grunt": "^1.1.0",
|
||||
"grunt-banner": "^0.6.0",
|
||||
"grunt-contrib-clean": "^2.0.0",
|
||||
"grunt-contrib-compress": "^1.6.0",
|
||||
"grunt-contrib-concat": "^1.0.1",
|
||||
"grunt-contrib-copy": "^1.0.0",
|
||||
"grunt-contrib-csslint": "^2.0.0",
|
||||
"grunt-contrib-cssmin": "^3.0.0",
|
||||
"grunt-contrib-less": "^2.0.0",
|
||||
"grunt-contrib-uglify": "^4.0.1",
|
||||
"grunt-contrib-watch": "^1.0.0",
|
||||
"grunt-eslint": "^22.0.0",
|
||||
"grunt-postcss": "^0.9.0",
|
||||
"grunt-version": "^2.0.0",
|
||||
"load-grunt-tasks": "^5.1.0"
|
||||
},
|
||||
"browserslist": [
|
||||
"Android 2.3",
|
||||
"Android >= 4",
|
||||
"Chrome >= 20",
|
||||
"Firefox >= 24",
|
||||
"Explorer >= 8",
|
||||
"iOS >= 6",
|
||||
"Opera >= 12",
|
||||
"Safari >= 6"
|
||||
],
|
||||
"keywords": [
|
||||
"javascript",
|
||||
"jquery",
|
||||
"form",
|
||||
"bootstrap",
|
||||
"dropdown",
|
||||
"select",
|
||||
"replacement"
|
||||
]
|
||||
}
|
||||
520
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/sass/bootstrap-select.scss
vendored
Normal file
520
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/sass/bootstrap-select.scss
vendored
Normal file
@@ -0,0 +1,520 @@
|
||||
@import "variables";
|
||||
|
||||
@keyframes bs-notify-fadeOut {
|
||||
0% {opacity: 0.9;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
// Mixins
|
||||
@mixin cursor-disabled() {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
@mixin box-sizing($fmt) {
|
||||
-webkit-box-sizing: $fmt;
|
||||
-moz-box-sizing: $fmt;
|
||||
box-sizing: $fmt;
|
||||
}
|
||||
|
||||
@mixin box-shadow($fmt) {
|
||||
-webkit-box-shadow: $fmt;
|
||||
box-shadow: $fmt;
|
||||
}
|
||||
|
||||
@function fade($color, $amnt) {
|
||||
@if $amnt > 1 {
|
||||
$amnt: $amnt / 100; // convert to percentage if int
|
||||
}
|
||||
@return rgba($color, $amnt);
|
||||
}
|
||||
|
||||
// Rules
|
||||
select.bs-select-hidden,
|
||||
.bootstrap-select > select.bs-select-hidden,
|
||||
select.selectpicker {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bootstrap-select {
|
||||
width: 220px \0; /*IE9 and below*/
|
||||
vertical-align: middle;
|
||||
|
||||
// The selectpicker button
|
||||
> .dropdown-toggle {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
// necessary for proper positioning of caret in Bootstrap 4 (pushes caret to the right)
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
// force caret to be vertically centered for Bootstrap 4 multi-line buttons
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
&:after {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
&.bs-placeholder {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $input-color-placeholder;
|
||||
}
|
||||
|
||||
&.btn-primary,
|
||||
&.btn-secondary,
|
||||
&.btn-success,
|
||||
&.btn-danger,
|
||||
&.btn-info,
|
||||
&.btn-dark {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $input-alt-color-placeholder;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> select {
|
||||
position: absolute !important;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: block !important;
|
||||
width: 0.5px !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0 !important;
|
||||
border: none;
|
||||
z-index: 0 !important;
|
||||
|
||||
&.mobile-device {
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
z-index: 2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Error display
|
||||
.has-error & .dropdown-toggle,
|
||||
.error & .dropdown-toggle,
|
||||
&.is-invalid .dropdown-toggle,
|
||||
.was-validated & select:invalid + .dropdown-toggle {
|
||||
border-color: $color-red-error;
|
||||
}
|
||||
|
||||
&.is-valid .dropdown-toggle,
|
||||
.was-validated & select:valid + .dropdown-toggle {
|
||||
border-color: $color-green-success;
|
||||
}
|
||||
|
||||
&.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
&:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: $width-default;
|
||||
}
|
||||
|
||||
> select.mobile-device:focus + .dropdown-toggle,
|
||||
.dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
// The selectpicker components
|
||||
.bootstrap-select {
|
||||
&.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
height: auto;
|
||||
|
||||
:not(.input-group) > &:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.input-group-btn {
|
||||
float: none;
|
||||
z-index: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline &,
|
||||
.form-inline &.form-control:not([class*="col-"]) {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&:not(.input-group-btn),
|
||||
&[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Forces the pull to the right, if necessary
|
||||
&,
|
||||
&[class*="col-"],
|
||||
.row &[class*="col-"] {
|
||||
&.dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline &,
|
||||
.form-horizontal &,
|
||||
.form-group & {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-group-lg &.form-control,
|
||||
.form-group-sm &.form-control {
|
||||
padding: 0;
|
||||
|
||||
.dropdown-toggle {
|
||||
height: 100%;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&.form-control-sm .dropdown-toggle,
|
||||
&.form-control-lg .dropdown-toggle {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
&.form-control-sm .dropdown-toggle {
|
||||
padding: $input-padding-y-sm $input-padding-x-sm;
|
||||
}
|
||||
|
||||
&.form-control-lg .dropdown-toggle {
|
||||
padding: $input-padding-y-lg $input-padding-x-lg;
|
||||
}
|
||||
|
||||
// Set the width of the live search (and any other form control within an inline form)
|
||||
// see https://github.com/silviomoreto/bootstrap-select/issues/685
|
||||
.form-inline & .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
> .disabled {
|
||||
@include cursor-disabled();
|
||||
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.bs-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.dropdown-menu {
|
||||
z-index: $zindex-select-dropdown;
|
||||
}
|
||||
}
|
||||
|
||||
// The selectpicker button
|
||||
.dropdown-toggle {
|
||||
.filter-option {
|
||||
position: static;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
flex: 0 1 auto; // for IE10
|
||||
|
||||
@at-root .bs3#{&} {
|
||||
padding-right: inherit;
|
||||
}
|
||||
|
||||
@at-root .input-group .bs3-has-addon#{&} {
|
||||
position: absolute;
|
||||
padding-top: inherit;
|
||||
padding-bottom: inherit;
|
||||
padding-left: inherit;
|
||||
float: none;
|
||||
|
||||
.filter-option-inner {
|
||||
padding-right: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-option-inner-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// used to expand the height of the button when inside an input group
|
||||
.filter-expand {
|
||||
width: 0 !important;
|
||||
float: left;
|
||||
opacity: 0 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group &.form-control .dropdown-toggle {
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
&[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// The selectpicker dropdown
|
||||
.dropdown-menu {
|
||||
min-width: 100%;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
> .inner:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
&.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&.active small {
|
||||
color: $input-alt-color-placeholder !important;
|
||||
}
|
||||
|
||||
&.disabled a {
|
||||
@include cursor-disabled();
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
|
||||
span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: rgb(245, 245, 245);
|
||||
border: 1px solid rgb(227, 227, 227);
|
||||
@include box-shadow(inset 0 1px 1px fade(rgb(0, 0, 0), 5));
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.fadeOut {
|
||||
animation: 300ms linear 750ms forwards bs-notify-fadeOut;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.fit-width .dropdown-toggle {
|
||||
.filter-option {
|
||||
position: static;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.filter-option-inner,
|
||||
.filter-option-inner-inner {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.bs-caret:before {
|
||||
content: '\00a0';
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
&.show-tick .dropdown-menu {
|
||||
.selected span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
// default check mark for use without an icon font
|
||||
.bs-ok-default:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0.5em;
|
||||
height: 1em;
|
||||
border-style: solid;
|
||||
border-width: 0 0.26em 0.26em 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-select.show-menu-arrow {
|
||||
&.open > .dropdown-toggle,
|
||||
&.show > .dropdown-toggle {
|
||||
z-index: ($zindex-select-dropdown + 1);
|
||||
}
|
||||
|
||||
.dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid $color-grey-arrow;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropup .dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 7px solid $color-grey-arrow;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.pull-right .dropdown-toggle .filter-option {
|
||||
&:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.open > .dropdown-toggle .filter-option,
|
||||
&.show > .dropdown-toggle .filter-option {
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.bs-actionsbox {
|
||||
width: 100%;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
& .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
& .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bs-searchbox {
|
||||
& + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
|
||||
& .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/sass/variables.scss
vendored
Normal file
17
src/main/resources/static/bootstrap/bootstrap-select-1.13.14/sass/variables.scss
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
$color-red-error: rgb(185, 74, 72) !default;
|
||||
$color-green-success: #28a745;
|
||||
$color-grey-arrow: rgba(204, 204, 204, 0.2) !default;
|
||||
|
||||
$width-default: 220px !default; // 3 960px-grid columns
|
||||
|
||||
$zindex-select-dropdown: 1060 !default; // must be higher than a modal background (1050)
|
||||
|
||||
//** Placeholder text color
|
||||
$input-color-placeholder: #999 !default;
|
||||
$input-alt-color-placeholder: rgba(255, 255, 255, 0.5) !default;
|
||||
|
||||
$input-padding-y-sm: .25rem !default;
|
||||
$input-padding-x-sm: .5rem !default;
|
||||
|
||||
$input-padding-y-lg: 0.5rem !default;
|
||||
$input-padding-x-lg: 1rem !default;
|
||||
@@ -0,0 +1,357 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bootstrap-select Tests (Bootstrap 3)</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../dist/css/bootstrap-select.css">
|
||||
|
||||
<style>
|
||||
body {
|
||||
padding-top: 70px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#">Bootstrap-select usability tests</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="basic" class="col-lg-2 control-label">Large Select (liveSearch enabled, container: 'body')</label>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Standard</label>
|
||||
<select class="selectpicker form-control" id="number" data-container="body" data-live-search="true" title="Select a number" data-hide-disabled="true"></select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Multiple (no virtualScroll)</label>
|
||||
<select multiple class="selectpicker form-control" id="number-multiple" data-container="body" data-live-search="true" title="Select a number" data-hide-disabled="true" data-actions-box="true" data-virtual-scroll="false"></select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="basic" class="col-lg-2 control-label">Large Select (liveSearch disabled)</label>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Standard</label>
|
||||
<select class="selectpicker form-control" id="number2" data-live-search="true" title="Select a number" data-hide-disabled="true"></select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Multiple</label>
|
||||
<select class="selectpicker form-control" id="number2-multiple" data-live-search="true" title="Select a number" data-hide-disabled="true" data-actions-box="true" multiple></select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="basic" class="col-lg-2 control-label">"Basic" (liveSearch disabled)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic" class="selectpicker show-tick form-control">
|
||||
<option>cow</option>
|
||||
<option data-subtext="option subtext">bull</option>
|
||||
<option data-divider="true"></option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="optgroup subtext">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="basic" class="col-lg-2 control-label">"Basic" (liveSearch enabled)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic" class="selectpicker show-tick form-control" data-live-search="true">
|
||||
<option>cow</option>
|
||||
<option data-subtext="option subtext">bull</option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="optgroup subtext">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="basic2" class="col-lg-2 control-label">"Basic" (multiple, maxOptions=1)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic2" class="show-tick form-control" multiple>
|
||||
<option>cow</option>
|
||||
<option>bull</option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="another test">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="maxOption2" class="col-lg-2 control-label">multiple, show-menu-arrow, maxOptions=2</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="maxOption2" class="selectpicker show-menu-arrow form-control" multiple data-max-options="2">
|
||||
<option>chicken</option>
|
||||
<option>turkey</option>
|
||||
<option disabled>duck</option>
|
||||
<option>goose</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group form-group-lg">
|
||||
<label for="error" class="col-lg-2 control-label">error</label>
|
||||
|
||||
<div class="col-lg-10 error">
|
||||
<select id="error" class="selectpicker show-tick form-control">
|
||||
<option>pen</option>
|
||||
<option>pencil</option>
|
||||
<option selected>brush</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group has-error form-group-lg">
|
||||
<label class="control-label col-lg-2" for="country">error type 2</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="country" name="country" class="form-control selectpicker">
|
||||
<option>Argentina</option>
|
||||
<option>United State</option>
|
||||
<option>Mexico</option>
|
||||
</select>
|
||||
|
||||
<p class="help-block">No service available in the selected country</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<nav class="navbar navbar-default" role="navigation">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
</div>
|
||||
|
||||
<form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
|
||||
<optgroup label="filter1">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
<optgroup label="filter2">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
<optgroup label="filter3">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search" name="q">
|
||||
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-default">Search</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- .container-fluid -->
|
||||
</nav>
|
||||
|
||||
<hr>
|
||||
<select id="first-disabled" class="selectpicker" data-hide-disabled="true" data-live-search="true">
|
||||
<optgroup disabled="disabled" label="disabled">
|
||||
<option>Hidden</option>
|
||||
</optgroup>
|
||||
<optgroup label="Fruit">
|
||||
<option>Apple</option>
|
||||
<option>Orange</option>
|
||||
</optgroup>
|
||||
<optgroup label="Vegetable">
|
||||
<option>Corn</option>
|
||||
<option>Carrot</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
|
||||
<hr>
|
||||
<select id="first-disabled2" class="selectpicker" multiple data-hide-disabled="true" data-size="5">
|
||||
<option>Apple</option>
|
||||
<option>Banana</option>
|
||||
<option>Orange</option>
|
||||
<option>Pineapple</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
</select>
|
||||
<button id="special" class="btn btn-default">Hide selected by disabling</button>
|
||||
<button id="special2" class="btn btn-default">Reset</button>
|
||||
<p>Just select 1st element, click button and check list again</p>
|
||||
|
||||
<hr>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">@</span>
|
||||
<select class="form-control selectpicker">
|
||||
<option>One</option>
|
||||
<option>Two</option>
|
||||
<option>Three</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">@</span>
|
||||
<select class="form-control selectpicker" data-mobile="true">
|
||||
<option>One</option>
|
||||
<option>Two</option>
|
||||
<option>Three</option>
|
||||
</select>
|
||||
</div>
|
||||
<p>With <code>data-mobile="true"</code> option.</p>
|
||||
|
||||
<hr>
|
||||
<select id="done" class="selectpicker" multiple data-done-button="true">
|
||||
<option>Apple</option>
|
||||
<option>Banana</option>
|
||||
<option>Orange</option>
|
||||
<option>Pineapple</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
</select>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="tokens">Key words (data-tokens)</label>
|
||||
<select id="tokens" class="selectpicker form-control" multiple data-live-search="true">
|
||||
<option data-tokens="first">I actually am called "one"</option>
|
||||
<option data-tokens="second">And me "two"</option>
|
||||
<option data-tokens="last">I am "three"</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<form class="form-inline">
|
||||
<div class="form-group">
|
||||
<label class="col-md-1 control-label" for="lunchBegins">Lunch (Begins search):</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<select id="lunchBegins" class="selectpicker" data-live-search="true" data-live-search-style="begins" title="Please select a lunch ...">
|
||||
<option>Hot Dog, Fries and a Soda</option>
|
||||
<option>Burger, Shake and a Smile</option>
|
||||
<option>Sugar, Spice and all things nice</option>
|
||||
<option>Baby Back Ribs</option>
|
||||
<option>A really really long option made to illustrate an issue with the live search in an inline form</option>
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
||||
<script src="../dist/js/bootstrap-select.js"></script>
|
||||
|
||||
<script>
|
||||
function createOptions(number) {
|
||||
var options = [], _options;
|
||||
|
||||
for (var i = 0; i < number; i++) {
|
||||
var option = '<option value="' + i + '">Option ' + i + '</option>';
|
||||
options.push(option);
|
||||
}
|
||||
|
||||
_options = options.join('');
|
||||
|
||||
$('#number')[0].innerHTML = _options;
|
||||
$('#number-multiple')[0].innerHTML = _options;
|
||||
|
||||
|
||||
$('#number2')[0].innerHTML = _options;
|
||||
$('#number2-multiple')[0].innerHTML = _options;
|
||||
}
|
||||
|
||||
var mySelect = $('#first-disabled2');
|
||||
|
||||
createOptions(4000);
|
||||
|
||||
$('#special').on('click', function () {
|
||||
mySelect.find('option:selected').prop('disabled', true);
|
||||
mySelect.selectpicker('refresh');
|
||||
});
|
||||
|
||||
$('#special2').on('click', function () {
|
||||
mySelect.find('option:disabled').prop('disabled', false);
|
||||
mySelect.selectpicker('refresh');
|
||||
});
|
||||
|
||||
$('#basic2').selectpicker({
|
||||
liveSearch: true,
|
||||
maxOptions: 1
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,359 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bootstrap-select Tests (Bootstrap 4)</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="../dist/css/bootstrap-select.css">
|
||||
|
||||
<style>
|
||||
body {
|
||||
padding-top: 70px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-light bg-light fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#">Bootstrap-select usability tests</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="basic" class="col-lg-2 control-label">Large Select (liveSearch enabled, container: 'body')</label>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Standard</label>
|
||||
<select class="selectpicker form-control" id="number" data-container="body" data-live-search="true" title="Select a number" data-hide-disabled="true"></select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Multiple (no virtualScroll)</label>
|
||||
<select multiple class="selectpicker form-control" id="number-multiple" data-container="body" data-live-search="true" title="Select a number" data-hide-disabled="true" data-actions-box="true" data-virtual-scroll="false"></select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="basic" class="col-lg-2 control-label">Large Select (liveSearch disabled)</label>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Standard</label>
|
||||
<select class="selectpicker form-control" id="number2" title="Select a number" data-hide-disabled="true"></select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<label>Multiple</label>
|
||||
<select class="selectpicker form-control" id="number2-multiple" title="Select a number" data-hide-disabled="true" multiple data-actions-box="true"></select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="basic" class="col-lg-2 control-label">"Basic" (liveSearch disabled)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic" class="selectpicker show-tick form-control">
|
||||
<option>cow</option>
|
||||
<option data-subtext="option subtext">bull</option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="optgroup subtext">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="basic" class="col-lg-2 control-label">"Basic" (liveSearch enabled)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic" class="selectpicker show-tick form-control" data-live-search="true">
|
||||
<option>cow</option>
|
||||
<option data-subtext="option subtext">bull</option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="optgroup subtext">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="basic2" class="col-lg-2 control-label">"Basic" (multiple, maxOptions=1)</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="basic2" class="show-tick form-control" multiple>
|
||||
<option>cow</option>
|
||||
<option>bull</option>
|
||||
<option class="get-class" disabled>ox</option>
|
||||
<optgroup label="test" data-subtext="another test">
|
||||
<option>ASD</option>
|
||||
<option selected>Bla</option>
|
||||
<option>Ble</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="maxOption2" class="col-lg-2 control-label">multiple, show-menu-arrow, maxOptions=2</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="maxOption2" class="selectpicker show-menu-arrow form-control" multiple data-max-options="2">
|
||||
<option>chicken</option>
|
||||
<option>turkey</option>
|
||||
<option disabled>duck</option>
|
||||
<option>goose</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form role="form">
|
||||
<div class="form-group row">
|
||||
<label for="error" class="col-lg-2 control-label">is-invalid class</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="error" class="selectpicker show-tick form-control is-invalid form-control-lg" required>
|
||||
<option>pen</option>
|
||||
<option>pencil</option>
|
||||
<option selected>brush</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<form role="form" class="was-validated">
|
||||
<div class="form-group row">
|
||||
<label class="control-label col-lg-2" for="country">:invalid/:valid pseudoclass</label>
|
||||
|
||||
<div class="col-lg-10">
|
||||
<select id="country" name="country" class="form-control selectpicker form-control-sm" required multiple>
|
||||
<option>Argentina</option>
|
||||
<option>United States</option>
|
||||
<option>Mexico</option>
|
||||
</select>
|
||||
|
||||
<p class="help-block">Selecting an option changes to the :valid pseudoclass</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<nav class="navbar navbar-light bg-light" role="navigation">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
|
||||
<form class="form-inline" role="search">
|
||||
<div class="form-group">
|
||||
<select class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
|
||||
<optgroup label="filter1">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
<optgroup label="filter2">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
<optgroup label="filter3">
|
||||
<option>option1</option>
|
||||
<option>option2</option>
|
||||
<option>option3</option>
|
||||
<option>option4</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search" name="q">
|
||||
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-dark" type="submit"><i class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-dark">Search</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- .container-fluid -->
|
||||
</nav>
|
||||
|
||||
<hr>
|
||||
<select id="first-disabled" class="selectpicker" data-hide-disabled="true" data-live-search="true">
|
||||
<optgroup disabled="disabled" label="disabled">
|
||||
<option>Hidden</option>
|
||||
</optgroup>
|
||||
<optgroup label="Fruit">
|
||||
<option>Apple</option>
|
||||
<option>Orange</option>
|
||||
</optgroup>
|
||||
<optgroup label="Vegetable">
|
||||
<option>Corn</option>
|
||||
<option>Carrot</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
|
||||
<hr>
|
||||
<select id="first-disabled2" class="selectpicker" multiple data-hide-disabled="true" data-size="5">
|
||||
<option>Apple</option>
|
||||
<option>Banana</option>
|
||||
<option>Orange</option>
|
||||
<option>Pineapple</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
</select>
|
||||
<button id="special" class="btn btn-light">Hide selected by disabling</button>
|
||||
<button id="special2" class="btn btn-light">Reset</button>
|
||||
<p>Just select 1st element, click button and check list again</p>
|
||||
|
||||
<hr>
|
||||
<div class="input-group">
|
||||
<select class="form-control selectpicker">
|
||||
<option>One</option>
|
||||
<option>Two</option>
|
||||
<option>Three</option>
|
||||
</select>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text">@</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">@</span>
|
||||
</div>
|
||||
<select class="form-control selectpicker" data-mobile="true">
|
||||
<option>One</option>
|
||||
<option>Two</option>
|
||||
<option>Three</option>
|
||||
</select>
|
||||
</div>
|
||||
<p>With <code>data-mobile="true"</code> option.</p>
|
||||
|
||||
<hr>
|
||||
<select id="done" class="selectpicker" multiple data-done-button="true">
|
||||
<option>Apple</option>
|
||||
<option>Banana</option>
|
||||
<option>Orange</option>
|
||||
<option>Pineapple</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
<option>Apple2</option>
|
||||
<option>Banana2</option>
|
||||
<option>Orange2</option>
|
||||
<option>Pineapple2</option>
|
||||
</select>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="tokens">Key words (data-tokens)</label>
|
||||
<select id="tokens" class="selectpicker form-control" multiple data-live-search="true">
|
||||
<option data-tokens="first">I actually am called "one"</option>
|
||||
<option data-tokens="second">And me "two"</option>
|
||||
<option data-tokens="last">I am "three"</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<form>
|
||||
<div class="form-group row">
|
||||
<label class="col-lg-2 control-label" for="lunchBegins">searchStyle: 'begins'</label>
|
||||
<div class="col-lg-10">
|
||||
<select id="lunchBegins" class="selectpicker" data-live-search="true" data-live-search-style="begins" title="Please select a lunch ...">
|
||||
<option>Hot Dog, Fries and a Soda</option>
|
||||
<option>Burger, Shake and a Smile</option>
|
||||
<option>Sugar, Spice and all things nice</option>
|
||||
<option>Baby Back Ribs</option>
|
||||
<option>A really really long option made to illustrate an issue with the live search in an inline form</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../dist/js/bootstrap-select.js"></script>
|
||||
|
||||
<script>
|
||||
function createOptions(number) {
|
||||
var options = [], _options;
|
||||
|
||||
for (var i = 0; i < number; i++) {
|
||||
var option = '<option value="' + i + '">Option ' + i + '</option>';
|
||||
options.push(option);
|
||||
}
|
||||
|
||||
_options = options.join('');
|
||||
|
||||
$('#number')[0].innerHTML = _options;
|
||||
$('#number-multiple')[0].innerHTML = _options;
|
||||
|
||||
$('#number2')[0].innerHTML = _options;
|
||||
$('#number2-multiple')[0].innerHTML = _options;
|
||||
}
|
||||
|
||||
var mySelect = $('#first-disabled2');
|
||||
|
||||
createOptions(4000);
|
||||
|
||||
$('#special').on('click', function () {
|
||||
mySelect.find('option:selected').prop('disabled', true);
|
||||
mySelect.selectpicker('refresh');
|
||||
});
|
||||
|
||||
$('#special2').on('click', function () {
|
||||
mySelect.find('option:disabled').prop('disabled', false);
|
||||
mySelect.selectpicker('refresh');
|
||||
});
|
||||
|
||||
$('#basic2').selectpicker({
|
||||
liveSearch: true,
|
||||
maxOptions: 1
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user