first
This commit is contained in:
217
safekiso-server/modules/base/wwwroot/admindek/pages/advance-elements/bootstrap-datetimepicker.min.js
vendored
Normal file
217
safekiso-server/modules/base/wwwroot/admindek/pages/advance-elements/bootstrap-datetimepicker.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
}
|
||||
@@ -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
|
||||
});
|
||||
1212
safekiso-server/modules/base/wwwroot/admindek/pages/advance-elements/moment-with-locales.min.js
vendored
Normal file
1212
safekiso-server/modules/base/wwwroot/admindek/pages/advance-elements/moment-with-locales.min.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@@ -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);
|
||||
@@ -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});});
|
||||
Reference in New Issue
Block a user