/*
Template Name: Skote - Responsive Bootstrap 4 Admin Dashboard
Author: Themesbrand
Version: 1.4.0
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Form Advanced Js File
*/
!function($) {
"use strict";
var AdvancedForm = function() {};
AdvancedForm.prototype.init = function() {
// Select2
$(".select2").select2();
$(".select2-limiting").select2({
maximumSelectionLength: 2
});
$(".select2-search-disable").select2({
minimumResultsForSearch: Infinity
});
$('.select2-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
},
placeholder: 'Search for a repository',
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
function formatRepo (repo) {
if (repo.loading) {
return repo.text;
}
var $container = $(
"
"
);
$container.find(".select2-result-repository__title").text(repo.full_name);
$container.find(".select2-result-repository__description").text(repo.description);
$container.find(".select2-result-repository__forks").append(repo.forks_count + " Forks");
$container.find(".select2-result-repository__stargazers").append(repo.stargazers_count + " Stars");
$container.find(".select2-result-repository__watchers").append(repo.watchers_count + " Watchers");
return $container;
}
function formatRepoSelection (repo) {
return repo.full_name || repo.text;
}
function formatState (state) {
if (!state.id) {
return state.text;
}
var baseUrl = "/assets/images/flags/select2";
var $state = $(
' ' + state.text + ''
);
return $state;
};
$(".select2-templating").select2({
templateResult: formatState
});
//colorpicker start
$('.colorpicker-default').colorpicker({
format: 'hex'
});
$('.colorpicker-rgba').colorpicker();
$('#colorpicker-horizontal').colorpicker({
color: "#88cc33",
horizontal: true
});
$('#colorpicker-inline').colorpicker({
color: '#DD0F20',
inline: true,
container: true
});
// Time Picker
$('#timepicker').timepicker({
icons: {
up: 'mdi mdi-chevron-up',
down: 'mdi mdi-chevron-down'
}
});
$('#timepicker2').timepicker({
showMeridian: false,
icons: {
up: 'mdi mdi-chevron-up',
down: 'mdi mdi-chevron-down'
}
});
$('#timepicker3').timepicker({
minuteStep: 15,
icons: {
up: 'mdi mdi-chevron-up',
down: 'mdi mdi-chevron-down'
}
});
//Bootstrap-TouchSpin
var defaultOptions = {
};
// touchspin
$('[data-toggle="touchspin"]').each(function (idx, obj) {
var objOptions = $.extend({}, defaultOptions, $(obj).data());
$(obj).TouchSpin(objOptions);
});
$("input[name='demo3_21']").TouchSpin({
initval: 40,
buttondown_class: "btn btn-primary",
buttonup_class: "btn btn-primary"
});
$("input[name='demo3_22']").TouchSpin({
initval: 40,
buttondown_class: "btn btn-primary",
buttonup_class: "btn btn-primary"
});
$("input[name='demo_vertical']").TouchSpin({
verticalbuttons: true
});
//Bootstrap-MaxLength
$('input#defaultconfig').maxlength({
warningClass: "badge badge-info",
limitReachedClass: "badge badge-warning"
});
$('input#thresholdconfig').maxlength({
threshold: 20,
warningClass: "badge badge-info",
limitReachedClass: "badge badge-warning"
});
$('input#moreoptions').maxlength({
alwaysShow: true,
warningClass: "badge badge-success",
limitReachedClass: "badge badge-danger"
});
$('input#alloptions').maxlength({
alwaysShow: true,
warningClass: "badge badge-success",
limitReachedClass: "badge badge-danger",
separator: ' out of ',
preText: 'You typed ',
postText: ' chars available.',
validate: true
});
$('textarea#textarea').maxlength({
alwaysShow: true,
warningClass: "badge badge-info",
limitReachedClass: "badge badge-warning"
});
$('input#placement').maxlength({
alwaysShow: true,
placement: 'top-left',
warningClass: "badge badge-info",
limitReachedClass: "badge badge-warning"
});
},
//init
$.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
}(window.jQuery),
//Datepicker
function ($) {
"use strict";
$.AdvancedForm.init();
}(window.jQuery);
$(function () {
'use strict';
var $date = $('.docs-date');
var $container = $('.docs-datepicker-container');
var $trigger = $('.docs-datepicker-trigger');
var options = {
show: function (e) {
console.log(e.type, e.namespace);
},
hide: function (e) {
console.log(e.type, e.namespace);
},
pick: function (e) {
console.log(e.type, e.namespace, e.view);
}
};
$date.on({
'show.datepicker': function (e) {
console.log(e.type, e.namespace);
},
'hide.datepicker': function (e) {
console.log(e.type, e.namespace);
},
'pick.datepicker': function (e) {
console.log(e.type, e.namespace, e.view);
}
}).datepicker(options);
$('.docs-options, .docs-toggles').on('change', function (e) {
var target = e.target;
var $target = $(target);
var name = $target.attr('name');
var value = target.type === 'checkbox' ? target.checked : $target.val();
var $optionContainer;
switch (name) {
case 'container':
if (value) {
value = $container;
$container.show();
} else {
$container.hide();
}
break;
case 'trigger':
if (value) {
value = $trigger;
$trigger.prop('disabled', false);
} else {
$trigger.prop('disabled', true);
}
break;
case 'inline':
$optionContainer = $('input[name="container"]');
if (!$optionContainer.prop('checked')) {
$optionContainer.click();
}
break;
case 'language':
$('input[name="format"]').val($.fn.datepicker.languages[value].format);
break;
}
options[name] = value;
$date.datepicker('reset').datepicker('destroy').datepicker(options);
});
$('.docs-actions').on('click', 'button', function (e) {
var data = $(this).data();
var args = data.arguments || [];
var result;
e.stopPropagation();
if (data.method) {
if (data.source) {
$date.datepicker(data.method, $(data.source).val());
} else {
result = $date.datepicker(data.method, args[0], args[1], args[2]);
if (result && data.target) {
$(data.target).val(result);
}
}
}
});
});