form-adv.js
2.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// checkbox & radio
$('.checkbox-adv').each(function() {
$('label', $(this)).append('<span class="circle"></span><span class="circle-check"></span><span class="circle-icon icon icon-done"></span>');
});
$('.radio-adv').each(function() {
$('label', $(this)).append('<span class="circle"></span><span class="circle-check"></span>');
});
// floating label
if($('.form-group-label').length) {
$('.form-group-label .form-control').each(function() {
floatingLabel($(this));
});
};
$(document).on('change', '.form-group-label .form-control', function() {
floatingLabel($(this));
});
$(document).on('focusin', '.form-group-label .form-control', function() {
$(this).closest('.form-group-label').addClass('control-focus');
});
$(document).on('focusout', '.form-group-label .form-control', function() {
$(this).closest('.form-group-label').removeClass('control-focus');
});
function floatingLabel(input) {
var parent = input.closest('.form-group-label');
if(input.val()) {
parent.addClass('control-highlight');
} else {
parent.removeClass('control-highlight');
}
}
// icon label
$(document).on('focusin', '.form-group-icon .form-control', function() {
$(this).closest('.form-group-icon').addClass('control-focus');
});
$(document).on('focusout', '.form-group-icon .form-control', function() {
$(this).closest('.form-group-icon').removeClass('control-focus');
});
// switch
$(document).on('click', '.switch-toggle', function() {
var $this = $(this);
if (!$this.hasClass('switch-toggle-on')) {
$this.addClass('switch-toggle-on');
setTimeout(function() {
$this.removeClass('switch-toggle-on');
}, 300);
};
});
// textarea autosize v0.4.0
// Javier Julio: https://github.com/javierjulio/textarea-autosize
!function(t,e){function i(e){this.element=e,this.$element=t(e),this.init()}var n="textareaAutoSize",h="plugin_"+n,s=function(t){return t.replace(/\s/g,"").length>0};i.prototype={init:function(){var i=(this.$element.outerHeight(),parseInt(this.$element.css("paddingBottom"))+parseInt(this.$element.css("paddingTop")));s(this.element.value)&&this.$element.height(this.element.scrollHeight-i),this.$element.on("input keyup",function(){var n=t(e),h=n.scrollTop();t(this).height(0).height(this.scrollHeight-i),n.scrollTop(h)})}},t.fn[n]=function(e){return this.each(function(){t.data(this,h)||t.data(this,h,new i(this,e))}),this}}(jQuery,window,document);
$('.textarea-autosize').textareaAutoSize();