CasperSecurity
/*
Author : Dreamguys
Template Name: Doccure - Bootstrap Template
Version : 1.3
*/
(function($) {
"use strict";
// Stick Sidebar
if ($(window).width() > 767) {
if($('.theiaStickySidebar').length > 0) {
$('.theiaStickySidebar').theiaStickySidebar({
// Settings
additionalMarginTop: 30
});
}
}
// Sidebar
if($(window).width() <= 991){
var Sidemenu = function() {
this.$menuItem = $('.main-nav a');
};
function init() {
var $this = Sidemenu;
$('.main-nav a').on('click', function(e) {
if($(this).parent().hasClass('has-submenu')) {
e.preventDefault();
}
if(!$(this).hasClass('submenu')) {
$('ul', $(this).parents('ul:first')).slideUp(350);
$('a', $(this).parents('ul:first')).removeClass('submenu');
$(this).next('ul').slideDown(350);
$(this).addClass('submenu');
} else if($(this).hasClass('submenu')) {
$(this).removeClass('submenu');
$(this).next('ul').slideUp(350);
}
});
}
// Sidebar Initiate
init();
}
// Textarea Text Count
var maxLength = 100;
$('#review_desc').on('keyup change', function () {
var length = $(this).val().length;
length = maxLength-length;
$('#chars').text(length);
});
// Select 2
if($('.select').length > 0) {
$('.select').select2({
minimumResultsForSearch: -1,
width: '100%'
});
}
// Date Time Picker
if($('.datetimepicker').length > 0) {
$('.datetimepicker').datetimepicker({
format: 'DD/MM/YYYY',
icons: {
up: "fas fa-chevron-up",
down: "fas fa-chevron-down",
next: 'fas fa-chevron-right',
previous: 'fas fa-chevron-left'
}
});
}
// Floating Label
if($('.floating').length > 0 ){
$('.floating').on('focus blur', function (e) {
$(this).parents('.form-focus').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
}).trigger('blur');
}
// Mobile menu sidebar overlay
$('body').append('<div class="sidebar-overlay"></div>');
$(document).on('click', '#mobile_btn', function() {
$('main-wrapper').toggleClass('slide-nav');
$('.sidebar-overlay').toggleClass('opened');
$('html').addClass('menu-opened');
return false;
});
$(document).on('click', '.sidebar-overlay', function() {
$('html').removeClass('menu-opened');
$(this).removeClass('opened');
$('main-wrapper').removeClass('slide-nav');
});
$(document).on('click', '#menu_close', function() {
$('html').removeClass('menu-opened');
$('.sidebar-overlay').removeClass('opened');
$('main-wrapper').removeClass('slide-nav');
});
// Tooltip
if($('[data-toggle="tooltip"]').length > 0 ){
$('[data-toggle="tooltip"]').tooltip();
}
// Add More Hours
$(".hours-info").on('click','.trash', function () {
$(this).closest('.hours-cont').remove();
return false;
});
$(".add-hours").on('click', function () {
var hourscontent = '<div class="row form-row hours-cont">' +
'<div class="col-12 col-md-10">' +
'<div class="row form-row">' +
'<div class="col-12 col-md-6">' +
'<div class="form-group">' +
'<label>Start Time</label>' +
'<select class="form-control" name="start_time[]"><option selected value="00:00">12.00 AM</option><option value="00:30">12.30 AM</option><option value="01:00">01.00 AM</option><option value="01:30">01.30 AM</option><option value="02:00">02.00 AM</option><option value="02:30">02.30 AM</option><option value="03:00">03.00 AM</option><option value="03:30">03.30 AM</option><option value="04:00">04.00 AM</option><option value="04:30">04.30 AM</option><option value="05:00">05.00 AM</option><option value="05:30">05.30 AM</option><option value="06:00">06.00 AM</option><option value="06:30">06.30 AM</option><option value="07:00">07.00 AM</option><option value="07:30">07.30 AM</option><option value="08:00">08.00 AM</option><option value="08:30">08.30 AM</option><option value="09:00">09.00 AM</option><option value="09:30">09.30 AM</option><option value="10:00">10.00 AM</option><option value="10:30">10.30 AM</option><option value="11:00">11.00 AM</option><option value="11:30">11.30 AM</option><option value="12:00">12.00 PM</option><option value="12:30">12.30 PM</option><option value="13:00">01.00 PM</option><option value="13:30">01.30 PM</option><option value="14:00">02.00 PM</option><option value="14:30">02.30 PM</option><option value="15:00">03.00 PM</option><option value="15:30">03.30 PM</option><option value="16:00">04.00 PM</option><option value="16:30">04.30 PM</option><option value="17:00">05.00 PM</option><option value="17:30">05.30 PM</option><option value="18:00">06.00 PM</option><option value="18:30">06.30 PM</option><option value="19:00">07.00 PM</option><option value="19:30">07.30 PM</option><option value="20:00">08.00 PM</option><option value="20:30">08.30 PM</option><option value="21:00">09.00 PM</option><option value="21:30">09.30 PM</option><option value="22:00">10.00 PM</option><option value="22:30">10.30 PM</option><option value="23:00">11.00 PM</option><option value="23:30">11.30 PM</option> </select>'+
'</div>' +
'</div>' +
'<div class="col-12 col-md-6">' +
'<div class="form-group">' +
'<label>End Time</label>' +
'<select class="form-control" name="end_time[]"><option selected value="00:00">12.00 AM</option><option value="00:30">12.30 AM</option><option value="01:00">01.00 AM</option><option value="01:30">01.30 AM</option><option value="02:00">02.00 AM</option><option value="02:30">02.30 AM</option><option value="03:00">03.00 AM</option><option value="03:30">03.30 AM</option><option value="04:00">04.00 AM</option><option value="04:30">04.30 AM</option><option value="05:00">05.00 AM</option><option value="05:30">05.30 AM</option><option value="06:00">06.00 AM</option><option value="06:30">06.30 AM</option><option value="07:00">07.00 AM</option><option value="07:30">07.30 AM</option><option value="08:00">08.00 AM</option><option value="08:30">08.30 AM</option><option value="09:00">09.00 AM</option><option value="09:30">09.30 AM</option><option value="10:00">10.00 AM</option><option value="10:30">10.30 AM</option><option value="11:00">11.00 AM</option><option value="11:30">11.30 AM</option><option value="12:00">12.00 PM</option><option value="12:30">12.30 PM</option><option value="13:00">01.00 PM</option><option value="13:30">01.30 PM</option><option value="14:00">02.00 PM</option><option value="14:30">02.30 PM</option><option value="15:00">03.00 PM</option><option value="15:30">03.30 PM</option><option value="16:00">04.00 PM</option><option value="16:30">04.30 PM</option><option value="17:00">05.00 PM</option><option value="17:30">05.30 PM</option><option value="18:00">06.00 PM</option><option value="18:30">06.30 PM</option><option value="19:00" >07.00 PM</option><option value="19:30">07.30 PM</option><option value="20:00">08.00 PM</option><option value="20:30">08.30 PM</option><option value="21:00">09.00 PM</option><option value="21:30">09.30 PM</option><option value="22:00">10.00 PM</option><option value="22:30">10.30 PM</option><option value="23:00">11.00 PM</option><option value="23:30">11.30 PM</option> </select>'+
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="col-12 col-md-2"><label class="d-md-block d-sm-none d-none"> </label><a href="#" class="btn btn-danger trash"><i class="far fa-trash-alt"></i></a></div>' +
'</div>';
$(".hours-info").append(hourscontent);
return false;
});
// Content div min height set
function resizeInnerDiv() {
var height = $(window).height();
var header_height = $(".header").height();
var footer_height = $(".footer").height();
var setheight = height - header_height;
var trueheight = setheight - footer_height;
$(".content").css("min-height", trueheight);
}
if($('.content').length > 0 ){
resizeInnerDiv();
}
$(window).resize(function(){
if($('.content').length > 0 ){
resizeInnerDiv();
}
});
// Slick Slider
if($('.specialities-slider').length > 0) {
$('.specialities-slider').slick({
dots: true,
autoplay:false,
infinite: true,
variableWidth: true,
prevArrow: false,
nextArrow: false
});
}
if($('.doctor-slider').length > 0) {
$('.doctor-slider').slick({
dots: false,
autoplay:false,
infinite: true,
variableWidth: true,
});
}
if($('.features-slider').length > 0) {
$('.features-slider').slick({
dots: true,
infinite: true,
centerMode: true,
slidesToShow: 3,
speed: 500,
variableWidth: true,
arrows: false,
autoplay:false,
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 1
}
}]
});
}
// Slick Slider
if($('.features-slider1').length == 1) {
$('.features-slider1').slick({
dots: false,
infinite: true,
centerMode: false,
slidesToShow: 1,
speed: 500,
variableWidth: true,
arrows: true,
autoplay:false,
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 1
}
}]
});
}
if($('.slider-1').length > 0) {
$('.slider-1').slick();
}
// Date Range Picker
if($('.bookingrange').length > 0) {
var start = moment().subtract(6, 'days');
var end = moment();
function booking_range(start, end) {
$('.bookingrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
$('.bookingrange').daterangepicker({
startDate: start,
endDate: end,
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')]
}
}, booking_range);
booking_range(start, end);
}
// Chat
var chatAppTarget = $('.chat-window');
(function() {
if ($(window).width() > 991)
chatAppTarget.removeClass('chat-slide');
$(document).on("click",".chat-window .chat-users-list a.media",function () {
if ($(window).width() <= 991) {
chatAppTarget.addClass('chat-slide');
}
return false;
});
$(document).on("click","#back_user_list",function () {
if ($(window).width() <= 991) {
chatAppTarget.removeClass('chat-slide');
}
return false;
});
})();
//Increment Decrement Numberes
var quantitiy=0;
$('.quantity-right-plus').click(function(e){
e.preventDefault();
var quantity = parseInt($('#quantity').val());
$('#quantity').val(quantity + 1);
});
$('.quantity-left-minus').click(function(e){
e.preventDefault();
var quantity = parseInt($('#quantity').val());
if(quantity>0){
$('#quantity').val(quantity - 1);
}
});
//Cart Click
$("#cart").on("click", function(o) {
o.preventDefault();
$(".shopping-cart").fadeToggle();
$(".shopping-cart").toggleClass('show-cart');
});
// Circle Progress Bar
function animateElements() {
$('.circle-bar1').each(function () {
var elementPos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
var percent = $(this).find('.circle-graph1').attr('data-percent');
var animate = $(this).data('animate');
if (elementPos < topOfWindow + $(window).height() - 30 && !animate) {
$(this).data('animate', true);
$(this).find('.circle-graph1').circleProgress({
value: percent / 100,
size : 400,
thickness: 30,
fill: {
color: '#da3f81'
}
});
}
});
$('.circle-bar2').each(function () {
var elementPos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
var percent = $(this).find('.circle-graph2').attr('data-percent');
var animate = $(this).data('animate');
if (elementPos < topOfWindow + $(window).height() - 30 && !animate) {
$(this).data('animate', true);
$(this).find('.circle-graph2').circleProgress({
value: percent / 100,
size : 400,
thickness: 30,
fill: {
color: '#68dda9'
}
});
}
});
$('.circle-bar3').each(function () {
var elementPos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
var percent = $(this).find('.circle-graph3').attr('data-percent');
var animate = $(this).data('animate');
if (elementPos < topOfWindow + $(window).height() - 30 && !animate) {
$(this).data('animate', true);
$(this).find('.circle-graph3').circleProgress({
value: percent / 100,
size : 400,
thickness: 30,
fill: {
color: '#1b5a90'
}
});
}
});
}
if($('.circle-bar').length > 0) {
animateElements();
}
$(window).scroll(animateElements);
// Preloader
$(window).on('load', function () {
if($('#loader').length > 0) {
$('#loader').delay(350).fadeOut('slow');
$('body').delay(350).css({ 'overflow': 'visible' });
}
})
})(jQuery);