ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / newrdv1 / wp-content / plugins / sf-booking / frontend / modules / availability / resources

/*****************************************************************************
*
*	copyright(c) - aonetheme.com - Service Finder Team
*	More Info: http://aonetheme.com/
*	Coder: Service Finder Team
*	Email: contact@aonetheme.com
*
******************************************************************************/

// When the browser is ready...
  jQuery(function() {
	'use strict';
	var dayname = 'Mon';
	var tabname = 'monday';
	var mflag = 0;
	var tflag = 0;
	var wflag = 0;
	var thflag = 0;
	var frflag = 0;
	var saflag = 0;
	var suflag = 0;
	var toval;
	var startval;
	
	var monarr = [];
	var tuearr = [];
	var wedarr = [];
	var thurarr = [];
	var friarr = [];
	var satarr = [];
	var sunarr = [];
	
	var monbookarr = [];
	var tuebookarr = [];
	var wedbookarr = [];
	var thubookarr = [];
	var fribookarr = [];
	var satbookarr = [];
	var sunbookarr = [];
	
	var x = [];
	
	var maxbooking = '';
	var resMessageSlots = '';
	var resMessageIds = '';
	
	//Add Start times
    jQuery('.bulk-intervals')
	.bootstrapValidator({
		message: param.not_valid,
		feedbackIcons: {
			valid: 'glyphicon glyphicon-ok',
			invalid: 'glyphicon glyphicon-remove',
			validating: 'glyphicon glyphicon-refresh'
		},
		fields: {
			starttime: {
				validators: {
					notEmpty: {
						message: param.req
					}
				}
			},
			endtime: {
				validators: {
					notEmpty: {
						message: param.req
					}
				}
			},
			slotinterval: {
				validators: {
					notEmpty: {
						message: param.req
					}
				}
			},
			maxbooking: {
				validators: {
					notEmpty: {
						message: param.req
					}
				}
			},
		}
	})
	.on('success.form.bv', function(form) {
		jQuery('form.bulk-intervals').find('button[type="submit"]').prop('disabled', false);											
		
		// Prevent form submission
		var stimeval = jQuery('select[name="starttime"]').val();
		var etimeval = jQuery('select[name="endtime"]').val();
		var slotinterval = jQuery('select[name="slotinterval"]').val();
		var wdays = jQuery('input[name="weekdays[]"]:checked').val();
		
		if(stimeval == ''){
			jQuery(".alert-danger").remove();
			jQuery( "<div class='alert alert-danger'>"+param.select_starttime+"</div>" ).insertBefore( "form.bulk-intervals" );
			return false;
		}
		
		if(etimeval == ''){
			jQuery(".alert-danger").remove();
			jQuery( "<div class='alert alert-danger'>"+param.select_endtime+"</div>" ).insertBefore( "form.bulk-intervals" );
			return false;
		}
		
		if(slotinterval == ''){
			jQuery(".alert-danger").remove();
			jQuery( "<div class='alert alert-danger'>"+param.select_interval+"</div>" ).insertBefore( "form.bulk-intervals" );
			return false;
		}
		
		if(wdays == undefined){
			jQuery(".alert-danger").remove();
			jQuery( "<div class='alert alert-danger'>"+param.select_weekday+"</div>" ).insertBefore( "form.bulk-intervals" );
			return false;
		}
		
		form.preventDefault();

// Get the form instance
		var $form = jQuery(form.target);
		// Get the BootstrapValidator instance
		var bv = $form.data('bootstrapValidator');
		
		bootbox.confirm(param.bulk_slots_warning, function(result) {
			 if(result){
				var data = {
				  "action": "add_bulk_slots",
				  "user_id": user_id
				};
				
				var formdata = jQuery($form).serialize() + "&" + jQuery.param(data);
				
				jQuery.ajax({
		
							type: 'POST',
		
							url: ajaxurl,
							
							dataType: "json",
							
							beforeSend: function() {
								jQuery(".alert-success").remove();
								jQuery(".alert-danger").remove();
								jQuery('.loading-area').show();
							},
							
							data: formdata,
		
							success:function (data, textStatus) {
								jQuery('.loading-area').hide();
								$form.find('button[type="submit"]').prop('disabled', false);
								if(data['status'] == 'success'){
									jQuery('.sf-select-box').selectpicker('refresh');
									jQuery('input[name="weekdays[]"]').attr('checked', false);
									jQuery('form.allstarttime').bootstrapValidator('resetForm',true);
									jQuery('.sf-select-box').selectpicker('refresh');
									jQuery( "<div class='alert alert-success'>"+data['suc_message']+"</div>" ).insertBefore( "form.bulk-intervals" );
									window.setTimeout(function(){
										window.location.href = data['redirect_url'];
									}, 2000);
								}else if(data['status'] == 'error'){
									jQuery( "<div class='alert alert-danger'>"+data['err_message']+"</div>" ).insertBefore( "form.bulk-intervals" );
								}
								
								
							
							}
		
						});
			 }											 
		});
		
		
		
	});
	
	/*Click event on subtabs*/
	jQuery('body').on('click', '#subTab li a', function(){
		dayname = jQuery(this).attr('href');													
		dayname = dayname.replace("#", "");
		tabname = dayname;
		dayname = dayname.replace("day", "");
		dayname = dayname.substr(0, 1).toUpperCase() + dayname.substr(1);
	});	
	jQuery('body').on('click', '.addslots', function(event){
		jQuery('form.'+tabname+'-timeslots').find('.saveslots').hide();													 
		jQuery('form.'+tabname+'-timeslots').find('ul.selected-time').html('');													 
		toval = jQuery('#getavl').find('#totime').val();
		service_finder_make_selected(dayname,startval,toval);
		bootbox.hideAll();
		ViewSelectedTimeslots(dayname,tabname);
		
	});	
	
	/*Click event on days/inner tab*/
	jQuery('body').on('click', '.time-zone li', function(event){
		if(!jQuery(this).hasClass("disable-slot")){
		jQuery('.loading-area').show();
		switch(tabname)
		{
			case 'monday':
			
				var startvaltext = jQuery(this).html();
				startval = jQuery(this).attr('id');
				
				startval = startval.split('Mon');			
				startval = startval[1];
				
				var tovaltext = service_finder_avl_slots(startval,dayname);
				
				jQuery('#getavl')
				.find('#startval').html(startvaltext).end()
				.find('#totime').html(tovaltext).end();
				jQuery('.sf-select-box').selectpicker('refresh');

break;
			case 'tuesday':
				
				var startvaltext = jQuery(this).html();
				startval = jQuery(this).attr('id');
				
				startval = startval.split('Tues');			
				startval = startval[1];
				
				var tovaltext = service_finder_avl_slots(startval,dayname);
				
				jQuery('#getavl')
				.find('#startval').html(startvaltext).end()
				.find('#totime').html(tovaltext).end();
				jQuery('.sf-select-box').selectpicker('refresh');

bootbox
				.dialog({
					title: param.select_timeslot,
					message: jQuery('#getavl'),
					show: false
				})
				.on('shown.bs.modal', function() {
					jQuery('.loading-area').hide();
					jQuery('#getavl')
					.show()
					.bootstrapValidator('resetForm');
				})
				.on('hide.bs.modal', function(e) {
					jQuery('#getavl').hide().appendTo('body');
				})
				.modal('show');
				
				if(suflag == 0){
					sunarr = [];
					sunbookarr = [];	
					jQuery('#'+tabname+'-timeslots').find('ul.selected-time li').each(function(){
							sunbookarr.push(jQuery(this).find('input').val());
							sunarr.push(jQuery(this).attr('data-ids'));
					});	
					suflag++;
					
				}
			  break;
		  }
		
		//jQuery('#'+tabname+'-timeslots').find('.saveslots').hide();
		//jQuery(this).parents('form').find('ul.selected-time').html('');
		//service_finder_ToggleTimeslot(this);
		}
	});	
	
	/*Remove slots*/
	jQuery('body').on('click', '.removeSlot', function(){
		jQuery(this).parents('li').remove();
		var dataIds = jQuery(this).parents('li').attr('data-ids');
		dataIds = dataIds.split('-');
		var startid = dataIds[0].split(dayname);
		var endid = dataIds[1].split(dayname);
		
		for(var i=parseInt(startid[1]);i<parseInt(endid[1]);i++){
			var j = i + 1;
			jQuery('#li'+dayname+i).css('background-color','');
			jQuery('#li'+dayname+i).removeClass('disable-slot');
			jQuery('#li'+dayname+j).removeAttr('data-point');	
		}
	});
	
	
	/*Save slots*/
	jQuery('body').on('click', '.saveslots', function(){
			maxbooking = '';										  
			var flag = 0;
			var resMessage = service_finder_GetSelectedTimeslots(dayname);
			
			resMessage = resMessage.split('|');
		    resMessageSlots = resMessage[0];
			resMessageIds = resMessage[1];
			
			
			jQuery('#'+tabname+'-timeslots').find('ul.selected-time li').each(function(){
			if(jQuery(this).find('input').val() == ""){
			jQuery(this).find('input').addClass('alert-danger');	
			flag++;
			}else{
			jQuery(this).find('input').removeClass('alert-danger');	
			}																					   
			maxbooking = maxbooking + jQuery(this).find('input').val() + ',';																	  
			});
			
			if(flag > 0 ){
			return false;	
			}
			
			var data = {
			  "action": "weekday_timeslots",
			  "day": tabname,
			  "slots": resMessageSlots,
			  "slotids": resMessageIds,
			  "maxbooking": maxbooking,
			  "user_id": user_id,
			};
			
			var formdata = jQuery.param(data);
			
			jQuery.ajax({

type: 'POST',

url: ajaxurl,
						
						dataType: "json",
						
						beforeSend: function() {
							jQuery(".alert-success,.alert-danger").remove();
							jQuery('.loading-area').show();
						},
						
						data: formdata,

success:function (data, textStatus) {
							jQuery('.loading-area').hide();
							
							if(data['status'] == 'success'){
								jQuery( "<div class='alert alert-success'>"+data['suc_message']+"</div>" ).insertBefore( "form."+tabname+"-timeslots" );
								window.location.href = data['redirect_url'];
										
							}else if(data['status'] == 'error'){
								jQuery( "<div class='alert alert-danger'>"+data['err_message']+"</div>" ).insertBefore( "form."+tabname+"-timeslots" );
							}
							
							
						
						}

});
	});
	
	
	
	
	var strColorOn = '#eaeaea';
    var strColorOff = '#ffffff';

function service_finder_GetHexValue(strRGBColor)
    {
       var aryRGBValues;
       var strR;
       var strG;
       var strB;
       var strHexValue;

strRGBColor = strRGBColor.replace(/\s*/g, '');
       strRGBColor = strRGBColor.replace(/rgb$|$/g, '');
       aryRGBValues = strRGBColor.split(',');
       strR = aryRGBValues[0];
       strG = aryRGBValues[1];
       strB = aryRGBValues[2];
	   
       strHexValue = '#' + service_finder_RGBtoHex(strR, strG, strB);
	 
       return strHexValue.toLowerCase();
    }

function service_finder_RGBtoHex(strR, strG, strB)
    {
       var intR = strR * 1;
       var intG = strG * 1;
       var intB = strB * 1;
       return intR.toString(16) + intG.toString(16) + intB.toString(16)
    }

function service_finder_ToggleTimeslot(tdTimeslot)
    {
      var strBackgroundColor;

if (tdTimeslot.style.backgroundColor == 'undefined' || tdTimeslot.style.backgroundColor == 'null' || tdTimeslot.style.backgroundColor == '')
      {
        tdTimeslot.style.backgroundColor = strColorOn;
        return;
      }
      strBackgroundColor = tdTimeslot.style.backgroundColor;
	  
      if (strBackgroundColor.substr(0,1) != '#')
      {
        strBackgroundColor = service_finder_GetHexValue(strBackgroundColor);
      }
      if (strBackgroundColor == strColorOff)
      {
        tdTimeslot.style.backgroundColor = strColorOn;
      }
      else
      {
        tdTimeslot.style.backgroundColor = strColorOff;
      }
    }

function service_finder_GetSelectedTimeslots(strDay)
    {
      var strTimeslots = '';
      var intLastSelectedTimeslot = -1;
      var strBackgroundColor;
	  var strHasEndClass;
      var intCounter;
      if(slot_interval == 15){
	  var intNumOfTimeslots = 96;
	  }else{
	  var intNumOfTimeslots = 48;
	  }
	  var liId = '';
	  var chkpoint= '';

intCounter = 1;
      while (intCounter <= intNumOfTimeslots)
      {
        strBackgroundColor = document.getElementById('li' + strDay + intCounter).style.backgroundColor;
		chkpoint = jQuery('#li' + strDay + intCounter).attr('data-point');
		
		if(chkpoint == "endpoint"){
			strHasEndClass = true;
		}else{
			strHasEndClass = false;
		}
        if (strBackgroundColor.substr(0,1) != '#')
        {
          strBackgroundColor = service_finder_GetHexValue(strBackgroundColor);
        }
        if (strBackgroundColor == strColorOn)
        {
          if (intCounter != (intLastSelectedTimeslot + 1) || strHasEndClass)
          {
			if(strHasEndClass){
				strTimeslots = strTimeslots + '-' + service_finder_GetTimeSlotValue(intLastSelectedTimeslot, 'end') + ', ';
				liId = liId + 'li' + strDay + intCounter + ',';
				strTimeslots = strTimeslots + service_finder_GetTimeSlotValue(intCounter, 'start');
				liId = liId + 'li' + strDay + intCounter + '-';
			}else{
				strTimeslots = strTimeslots + service_finder_GetTimeSlotValue(intCounter, 'start');
				liId = liId + 'li' + strDay + intCounter + '-';	
			}
			
          }
		  intLastSelectedTimeslot = intCounter;
		  
        }
        else
        {
          if (intCounter == (intLastSelectedTimeslot + 1))
          {
            strTimeslots = strTimeslots + '-' + service_finder_GetTimeSlotValue(intLastSelectedTimeslot, 'end') + ', ';
			liId = liId + 'li' + strDay + intCounter + ',';
          }
        }
        intCounter++
      }
      if (intLastSelectedTimeslot == intNumOfTimeslots)
      {
        strTimeslots = strTimeslots + '-' + service_finder_GetTimeSlotValue(intLastSelectedTimeslot, 'end') + ', ';
		if(slot_interval == 15){
		if(intCounter == 97){
		intCounter = 1;	
		}
		}else{
		if(intCounter == 49){
		intCounter = 1;	
		}	
		}
		liId = liId + 'li' + strDay + intCounter;
      }
      strTimeslots = strTimeslots.substr(0, (strTimeslots.length - 2));
      if (strTimeslots == '-')
      {
        strTimeslots = '';
      }

return strTimeslots +'|'+ liId;
    }
	
	function service_finder_make_selected(dayname,from,to){
		  
		  to = parseInt(to) - 1;	
		  
		  while (parseInt(from) <= parseInt(to))
		  {
			jQuery('#li'+dayname+from).css("background-color", strColorOn);
			jQuery('#li'+dayname+from).addClass("disable-slot");	
			if(from == to){
			var newendpoint = parseInt(from) + 1;
			jQuery('#li'+dayname+newendpoint).attr("data-point","endpoint");		
			}
			from++
		  }
	}
	
	function service_finder_avl_slots(intCounter,strDay)
    {
      var intLastSelectedTimeslot = -1;
      var strBackgroundColor;
      if(slot_interval == 15){
	  var intNumOfTimeslots = 96;
	  }else{
	  var intNumOfTimeslots = 48;
	  }
	  var avlslots;
	  intCounter = parseInt(intCounter) + parseInt(1);	
	  
      while (intCounter <= intNumOfTimeslots)
      {
        strBackgroundColor = document.getElementById('li' + strDay + intCounter).style.backgroundColor;
        if (strBackgroundColor.substr(0,1) != '#')
        {
          strBackgroundColor = service_finder_GetHexValue(strBackgroundColor);
        }
        if (strBackgroundColor == strColorOn)
        {
			avlslots = avlslots + '<option value="'+intCounter+'">'+jQuery('#li'+strDay+intCounter).html()+'</option>';
			break;
        }
        else
        {
			avlslots = avlslots + '<option value="'+intCounter+'">'+jQuery('#li'+strDay+intCounter).html()+'</option>';
        }
        intCounter++
      }
      
      return avlslots;
    }

function ViewSelectedTimeslots(dayname,tabname)
    {
      var strMessage = '';

strMessage = service_finder_GetSelectedTimeslots(dayname);

strMessage = strMessage.split('|');
	  var strMessageSlots = strMessage[0];
	  var strMessageIds = strMessage[1];
	  var arr = strMessageSlots.split(', ');
	  var arrIds = strMessageIds.split(',');
	  
	   switch(tabname)
	   {
			case 'monday':
				 for(x in arr){
				  if(jQuery.inArray(arrIds[x],monarr) > -1){

break;
			case 'thursday':
				
								for(x in arr){
				  if(jQuery.inArray(arrIds[x],thurarr) > -1){
					  var mindex = jQuery.inArray(arrIds[x],thurarr);
				   jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="'+thubookarr[mindex]+'" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				  }else{
					  jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				}
			  }

break;
			case 'friday':
				
								for(x in arr){
				  if(jQuery.inArray(arrIds[x],friarr) > -1){
					  var mindex = jQuery.inArray(arrIds[x],friarr);
				   jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="'+fribookarr[mindex]+'" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				  }else{
					  jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				}
			  }

break;
			case 'saturday':
				
								for(x in arr){
				  if(jQuery.inArray(arrIds[x],satarr) > -1){
					  var mindex = jQuery.inArray(arrIds[x],satarr);
				   jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="'+satbookarr[mindex]+'" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				  }else{
					  jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				}
			  }

break;
			case 'sunday':
				
							for(x in arr){
				  if(jQuery.inArray(arrIds[x],sunarr) > -1){
					  var mindex = jQuery.inArray(arrIds[x],sunarr);
				   jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="'+sunbookarr[mindex]+'" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				  }else{
					  jQuery('#'+tabname+'-timeslots').find('ul.selected-time').append('<li data-ids="'+arrIds[x]+'"><div class="input-group"><input type="text" class="form-control sf-form-control" value="" placeholder="'+param.allowed_booking+'"><div class="input-group-btn"><button type="button" class="btn btn-primary">'+arr[x]+'</button><button type="button" class="btn btn-danger removeSlot"><i class="fa fa-remove"></i></button></div></div></li>');
				}
			  }

break;
		  }
	  jQuery('#'+tabname+'-timeslots').find('.saveslots').show();

}
	
  });

[+] ..
[-] unavailability-form.js [edit]
[-] availability-form.js [edit]
[-] availability-starttime.js [edit]