mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-12-01 14:03:45 +03:00
39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
/* globals ripples */
|
|
|
|
$(function (){
|
|
|
|
ripples.init(".btn:not(.btn-link), .navbar a, .nav-tabs a, .withripple");
|
|
|
|
// Add fake-checkbox to material checkboxes
|
|
$(".checkbox > label > input").after("<span class=ripple></span><span class=check></span>");
|
|
|
|
// Add fake-radio to material radios
|
|
$(".radio > label > input").after("<span class=ripple></span><span class=circle></span><span class=check></span>");
|
|
|
|
// Add elements for material inputs
|
|
$("input.form-control, textarea.form-control, select.form-control").each( function() {
|
|
$(this).wrap("<div class=form-control-wrapper></div>");
|
|
$(this).after("<span class=material-input></span>");
|
|
if ($(this).hasClass("floating-label")) {
|
|
var placeholder = $(this).attr("placeholder");
|
|
$(this).attr("placeholder", null).removeClass("floating-label");
|
|
$(this).after("<div class=floating-label>" + placeholder + "</div>");
|
|
}
|
|
if ($(this).val() === "") {
|
|
$(this).addClass("empty");
|
|
}
|
|
});
|
|
|
|
$(document).on("keyup change", ".form-control", function() {
|
|
if ($(this).val() !== "") {
|
|
$(this).removeClass("empty");
|
|
} else {
|
|
$(this).addClass("empty");
|
|
}
|
|
});
|
|
$(document).on("keydown", ".form-control", function() {
|
|
$(this).removeClass("empty");
|
|
});
|
|
});
|
|
|