This commit is contained in:
2026-04-07 14:50:23 +09:00
commit b4e485502b
4778 changed files with 2017091 additions and 0 deletions

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,394 @@
/*!
* Datetimepicker for Bootstrap 3
* version : 4.17.43
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eeeeee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #1B8BF9;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #1B8BF9;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #1B8BF9;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px;
}
.datepicker table tr td, .datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
color: #fff;
background-color: #1B8BF9;
border-color: #1B8BF9;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
background: #eee;
cursor: pointer;
}

View File

@@ -0,0 +1,266 @@
"use strict";
$(document).ready(function(){
$('input[name="daterange"]').daterangepicker();
$(function() {
$('input[name="birthdate"]').daterangepicker({
singleDatePicker: true,
showDropdowns: true
},
function(start, end, label) {
var years = moment().diff(start, 'years');
alert("You are " + years + " years old.");
});
$('input[name="datefilter"]').daterangepicker({
autoUpdateInput: false,
locale: {
cancelLabel: 'Clear'
}
});
$('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
});
$('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
});
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
$('#reportrange').daterangepicker({
startDate: start,
endDate: end,
"drops": "up",
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
cb(start, end);
$('.input-daterange input').each(function() {
$(this).datepicker();
});
$('#sandbox-container .input-daterange').datepicker({
todayHighlight: true
});
$('.input-group-date-custom').datepicker({
todayBtn: true,
clearBtn: true,
keyboardNavigation: false,
forceParse: false,
todayHighlight: true,
defaultViewDate: {
year: '2017',
month: '01',
day: '01'
}
});
$('.multiple-select').datepicker({
todayBtn: true,
clearBtn: true,
multidate: true,
keyboardNavigation: false,
forceParse: false,
todayHighlight: true,
defaultViewDate: {
year: '2017',
month: '01',
day: '01'
}
});
$('#config-demo').daterangepicker({
"singleDatePicker": true,
"showDropdowns": true,
"timePicker": true,
"timePicker24Hour": true,
"timePickerSeconds": true,
"showCustomRangeLabel": false,
"alwaysShowCalendars": true,
"startDate": "11/30/2016",
"endDate": "12/06/2016",
"drops": "up"
}, function(start, end, label) {
console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});
});
// Date-dropper js start
$("#dropper-default").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c"
}),
$("#dropper-animation").dateDropper( {
dropWidth: 200,
init_animation: "bounce",
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c"
}),
$("#dropper-format").dateDropper( {
dropWidth: 200,
format: "F S, Y",
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c"
}),
$("#dropper-lang").dateDropper( {
dropWidth: 200,
format: "F S, Y",
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
lang: "ar"
}),
$("#dropper-lock").dateDropper( {
dropWidth: 200,
format: "F S, Y",
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
lock: "from"
}),
$("#dropper-max-year").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
maxYear: "2020"
}),
$("#dropper-min-year").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
minYear: "1990"
}),
$("#year-range").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
yearsRange: "5"
}),
$("#dropper-width").dateDropper( {
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
dropWidth: 500
}),
$("#dropper-dangercolor").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#e74c3c",
dropBorder: "1px solid #e74c3c",
}),
$("#dropper-backcolor").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
dropBackgroundColor: "#bdc3c7"
}),
$("#dropper-txtcolor").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#46627f",
dropBorder: "1px solid #46627f",
dropTextColor: "#FFF",
dropBackgroundColor: "#e74c3c"
}),
$("#dropper-radius").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
dropBorderRadius: "0"
}),
$("#dropper-border").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "2px solid #1abc9c"
}),
$("#dropper-shadow").dateDropper( {
dropWidth: 200,
dropPrimaryColor: "#1abc9c",
dropBorder: "1px solid #1abc9c",
dropBorderRadius: "20px",
dropShadow: "0 0 20px 0 rgba(26, 188, 156, 0.6)"
})
// Date-dropper js end
// Color picker js start
function change_checkbox_color() {
$('.color-box .show-box').on('click', function() {
$(".color-box").toggleClass("open");
});
$('.colors-list a').on('click', function() {
var curr_color = $('main').data('checkbox-color');
var color = $(this).data('checkbox-color');
var new_colot = 'checkbox-' + color;
$('.rkmd-checkbox .input-checkbox').each(function(i, v) {
var findColor = $(this).hasClass(curr_color);
if (findColor) {
$(this).removeClass(curr_color);
$(this).addClass(new_colot);
}
$('main').data('checkbox-color', new_colot);
});
});
}
// Color picker
$("#custom").spectrum({
color: "#f00"
});
$("#flat").spectrum({
flat: true,
showInput: true
});
$("#flatClearable").spectrum({
flat: true,
showInput: true,
allowEmpty: true
});
// Color picker js end
// Mini-color js start
$('.demo').each( function() {
//
// Dear reader, it's actually very easy to initialize MiniColors. For example:
//
// $(selector).minicolors();
//
// The way I've done it below is just for the demo, so don't get confused
// by it. Also, data- attributes aren't supported at this time...they're
// only used for this demo.
//
$(this).minicolors({
control: $(this).attr('data-control') || 'hue',
defaultValue: $(this).attr('data-defaultValue') || '',
format: $(this).attr('data-format') || 'hex',
keywords: $(this).attr('data-keywords') || '',
inline: $(this).attr('data-inline') === 'true',
letterCase: $(this).attr('data-letterCase') || 'lowercase',
opacity: $(this).attr('data-opacity'),
position: $(this).attr('data-position') || 'bottom left',
swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [],
change: function(value, opacity) {
if( !value ) return;
if( opacity ) value += ', ' + opacity;
if( typeof console === 'object' ) {
console.log(value);
}
},
theme: 'bootstrap'
});
});
// Mini-color js ends
});

View File

@@ -0,0 +1,247 @@
"use strict";
setTimeout(function(){
$(document).ready(function(){
// Single Search Select
$(".js-example-basic-single").select2();
$(".js-example-disabled-results").select2();
// Multi Select
$(".js-example-basic-multiple").select2();
// With Placeholder
$(".js-example-placeholder-multiple").select2({
placeholder: "Select Your Name"
});
//Limited Numbers
$(".js-example-basic-multiple-limit").select2({
maximumSelectionLength: 2
});
// Tagging Suppoort
$(".js-example-tags").select2({
tags: true
});
// Automatic tokenization
$(".js-example-tokenizer").select2({
tags: true,
tokenSeparators: [',', ' ']
});
// Loading Array Data
var data = [{
id: 0,
text: 'enhancement'
}, {
id: 1,
text: 'bug'
}, {
id: 2,
text: 'duplicate'
}, {
id: 3,
text: 'invalid'
}, {
id: 4,
text: 'wontfix'
}];
$(".js-example-data-array").select2({
data: data
});
//RTL Suppoort
$(".js-example-rtl").select2({
dir: "rtl"
});
// Diacritics support
$(".js-example-diacritics").select2();
// Responsive width Search Select
$(".js-example-responsive").select2();
$(".js-example-basic-hide-search").select2({
minimumResultsForSearch: Infinity
});
$(".js-example-disabled").select2({
disabled: true
});
$(".js-programmatic-enable").on("click", function() {
$(".js-example-disabled").prop("disabled", false);
});
$(".js-programmatic-disable").on("click", function() {
$(".js-example-disabled").prop("disabled", true);
});
$(".js-example-theme-single").select2({
theme: "classic"
});
function formatRepo(repo) {
if (repo.loading) return repo.text;
var markup = "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
"<div class='select2-result-repository__meta'>" +
"<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
if (repo.description) {
markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
}
markup += "<div class='select2-result-repository__statistics'>" +
"<div class='select2-result-repository__forks'><i class='icofont icofont-flash'></i> " + repo.forks_count + " Forks</div>" +
"<div class='select2-result-repository__stargazers'><i class='icofont icofont-star'></i> " + repo.stargazers_count + " Stars</div>" +
"<div class='select2-result-repository__watchers'><i class='icofont icofont-eye-alt'></i> " + repo.watchers_count + " Watchers</div>" +
"</div>" +
"</div></div>";
return markup;
}
function formatRepoSelection(repo) {
return repo.full_name || repo.text;
}
$(".js-data-example-ajax").select2({
ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
delay: 250,
data: function(params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function(data, params) {
// parse the results into the format expected by Select2
// since we are using custom formatting functions we do not need to
// alter the remote JSON data, except to indicate that infinite
// scrolling can be used
params.page = params.page || 1;
return {
results: data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
escapeMarkup: function(markup) {
return markup;
}, // let our custom formatter work
minimumInputLength: 1,
templateResult: formatRepo, // omitted for brevity, see the source of this page
templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
});
// Multi-select js start
$('#my-select').multiSelect();
$('#public-methods').multiSelect();
$('#select-all').on('click',function() {
$('#public-methods').multiSelect('select_all');
return false;
});
$('#deselect-all').on('click',function() {
$('#public-methods').multiSelect('deselect_all');
return false;
});
$('#select-5').on('click',function() {
$('#public-methods').multiSelect('select', ['elem_1', 'elem_3', 'elem_4', 'elem_5']);
return false;
});
$('#deselect-5').on('click',function() {
$('#public-methods').multiSelect('deselect', ['elem_1', 'elem_3', 'elem_4', 'elem_5']);
return false;
});
$('#refresh').on('click', function() {
$('#public-methods').multiSelect('refresh');
return false;
});
$('#add-option').on('click', function() {
$('#public-methods').multiSelect('addOption', {
value: 42,
text: 'test 42',
index: 0
});
return false;
});
$('#optgroup').multiSelect({
selectableOptgroup: true
});
$('#custom-headers1').multiSelect({
selectableHeader: "<div class='custom-header'>Selectable items</div>",
selectionHeader: "<div class='custom-header'>Selection items</div>",
selectableFooter: "<div class='custom-header'>Selectable footer</div>",
selectionFooter: "<div class='custom-header'>Selection footer</div>"
});
// Single Select
// $('#example-single').multiselect();
// // Multi Select
// $('#example-multiple-selected').multiselect();
// // Multi Group Select
// $('#example-multiple-optgroups').multiselect();
// // Select all group select
// $('#example-enableClickableOptGroups').multiselect({
// enableClickableOptGroups: true
// });
// // Disable Options Select
// $('#example-enableClickableOptGroups-init').multiselect({
// enableClickableOptGroups: true
// });
// // Collapse group select
// $('#example-enableCollapsibleOptGroups').multiselect({
// enableCollapsibleOptGroups: true
// });
$('.searchable').multiSelect({
selectableHeader: "<input type='text' class='form-control' autocomplete='off' placeholder='try \"12\"'>",
selectionHeader: "<input type='text' class='form-control' autocomplete='off' placeholder='try \"4\"'>",
afterInit: function(ms) {
var that = this,
$selectableSearch = that.$selectableUl.prev(),
$selectionSearch = that.$selectionUl.prev(),
selectableSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selectable:not(.ms-selected)',
selectionSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selection.ms-selected';
that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
.on('keydown', function(e) {
if (e.which === 40) {
that.$selectableUl.focus();
return false;
}
});
that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
.on('keydown', function(e) {
if (e.which == 40) {
that.$selectionUl.focus();
return false;
}
});
},
afterSelect: function() {
this.qs1.cache();
this.qs2.cache();
},
afterDeselect: function() {
this.qs1.cache();
this.qs2.cache();
}
});
// Multi-select js end
});
},350);

View File

@@ -0,0 +1 @@
"use strict";$(document).ready(function(){var elemsingle=document.querySelector('.js-single');var switchery=new Switchery(elemsingle,{color:'#4099ff',jackColor:'#fff'});var elem=Array.prototype.slice.call(document.querySelectorAll('.js-switch'));elem.forEach(function(html){var switchery=new Switchery(html,{color:'#4099ff',jackColor:'#fff'});});var elemstate=document.querySelector('.js-dynamic-state');var switcheryy=new Switchery(elemstate,{color:'#4099ff',jackColor:'#fff'});document.querySelector('.js-dynamic-disable').addEventListener('click',function(){switcheryy.disable();});document.querySelector('.js-dynamic-enable').addEventListener('click',function(){switcheryy.enable();});var elemdefault=document.querySelector('.js-default');var switchery=new Switchery(elemdefault,{color:'#d6d6d6',jackColor:'#fff'});var elemprimary=document.querySelector('.js-primary');var switchery=new Switchery(elemprimary,{color:'#4099ff',jackColor:'#fff'});var elemprimary=document.querySelector('.js-success');var switchery=new Switchery(elemprimary,{color:'#2ed8b6',jackColor:'#fff'});var elemprimary=document.querySelector('.js-info');var switchery=new Switchery(elemprimary,{color:'#4099ff',jackColor:'#fff'});var elemprimary=document.querySelector('.js-warning');var switchery=new Switchery(elemprimary,{color:'#FFB64D',jackColor:'#fff'});var elemprimary=document.querySelector('.js-danger');var switchery=new Switchery(elemprimary,{color:'#FF5370',jackColor:'#fff'});var elemprimary=document.querySelector('.js-inverse');var switchery=new Switchery(elemprimary,{color:'#222',jackColor:'#fff'});var elemlarge=document.querySelector('.js-large');var switchery=new Switchery(elemlarge,{color:'#4099ff',jackColor:'#fff',size:'large'});var elemmedium=document.querySelector('.js-medium');var switchery=new Switchery(elemmedium,{color:'#4099ff',jackColor:'#fff',size:'medium'});var elemsmall=document.querySelector('.js-small');var switchery=new Switchery(elemsmall,{color:'#4099ff',jackColor:'#fff',size:'small'});var cities=new Bloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace('text'),queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:'assets/pages/advance-elements/cities.json'});cities.initialize();var elt=$('.color-tags > input');elt.tagsinput({tagClass:function(item){switch(item.continent){case 'Europe':return 'label label-primary';case 'America':return 'label label-danger';case 'Australia':return 'label label-success';case 'Africa':return 'label label-default';case 'Asia':return 'label label-warning';}},itemValue:'value',itemText:'text',typeaheadjs:[{hint:true,highlight:true,minLength:2},{name:'cities',displayKey:'text',source:cities.ttAdapter()}]});elt.tagsinput('add',{"value":1,"text":"Amsterdam","continent":"Europe"});elt.tagsinput('add',{"value":4,"text":"Washington","continent":"America"});elt.tagsinput('add',{"value":7,"text":"Sydney","continent":"Australia"});elt.tagsinput('add',{"value":10,"text":"Beijing","continent":"Asia"});elt.tagsinput('add',{"value":13,"text":"Cairo","continent":"Africa"});$('.tags_max').tagsinput({maxTags:3});$('.tags_max_char').tagsinput({maxChars:8});$(".tags_add_multiple").tagsinput('items');$('input[maxlength]').maxlength();$('input.thresold-i').maxlength({threshold:20});$('input.color-class').maxlength({alwaysShow:true,threshold:10,warningClass:"label label-success",limitReachedClass:"label label-danger"});$('input.position-class').maxlength({alwaysShow:true,placement:'top-left'});$('textarea.max-textarea').maxlength({alwaysShow:true});});