Prosellers Shell V2.0

Editing: on-off-switch.js

Cancel

(function($){

$.fn.hurkanSwitch = function(opt){
	  /*
		@Author : Hürkan ARAS
		@Email  : hurkanaras@gmail.com
	  */
	  if(typeof opt == 'undefined') opt = {};
	  	var 	_hurkanSwitch_conf = $.extend({
									'on':function(r){},
									'off':function(r){},
									'onConfirm':function(r){ return true;},
									'offConfirm':function(r){ return true;},
									'selected':function(r){},
									'onTitle':'',
									'responsive':false,
									'offTitle':'',
									'animate':true,
									'offColor':'',
									'onColor':'success',
									'className':'',
									'width':80
	  },opt);
	  if(opt == 'destroy'){
		  
		  this.each(function(){
			 if($(this).next().hasClass('hurkanSwitch-switch-plugin-box') && $(this).hasClass('hurkanSwitch-switch-plugin')){
				 $(this).next().remove();
				 $(this).css({'display':'inline-block'});
				  $(this).find('.hurkanSwitch-switch-input').removeClass('hurkanSwitch-switch-input');
				  
				 $(this).removeClass('hurkanSwitch-switch-plugin');
			 } 
		  });
		  return false;
	  }

$.fn._radio_button_on = function(){
			 var __index = $(this).index('.hurkanSwitch-switch-plugin');

}
								bootstrapContent+=' hurkanSwitch-switch-item-status-off ';
							}
						bootstrapContent+='"';
						if(_hurkanSwitch_conf.width != false && _hurkanSwitch_conf.responsive == false){
							_hurkanSwitch_conf.width = parseInt(_hurkanSwitch_conf.width);
							bootstrapContent+=' style="width:'+_hurkanSwitch_conf.width+'px !important" ';
						}
						bootstrapContent+=' >';
					
						bootstrapContent+='<span class="lbl">'+label+'</span>'+'<span class="hurkanSwitch-switch-cursor-selector"></span></a>';
					});
				}
			
			}else if($inputElem.attr("type") == 'checkbox'){
						for(var i = 0;i<2;i++){
						$inputElem.addClass('hurkanSwitch-switch-input');
						
						bootstrapContent+='<a class=" hurkanSwitch-switch-item';
						if($inputElem.is(':disabled')){
							bootstrapContent+=' disabled ';
						}
							if(i == 0){
								if($inputElem.is(':checked')){
									bootstrapContent+='  active ';
									if($inputElem.attr("data-on-color")){
											
											bootstrapContent+=' hurkanSwitch-switch-item-color-'+$inputElem.attr("data-on-color");
									}else{ 
											bootstrapContent+=' hurkanSwitch-switch-item-color-'+_hurkanSwitch_conf['onColor'];
									}
								}
								bootstrapContent+='  hurkanSwitch-switch-item-status-on';
							}else{ 
							if(!$inputElem.is(':checked')){
									bootstrapContent+='  active ';
								}
								if($inputElem.attr("data-off-color")){
											
											bootstrapContent+=' hurkanSwitch-switch-item-color-'+$inputElem.attr("data-off-color");
									}else{ 
										bootstrapContent+=' hurkanSwitch-switch-item-color-'+_hurkanSwitch_conf['offColor'];

}
						}
						
						bootstrapContent+='<span class="lbl">'+label+'</span>';
							bootstrapContent+='<span class=" hurkanSwitch-switch-cursor-selector"></span></a>';

}
			}
			
			
			
			
			bootstrapContent+='</div>';					
			bootstrapContent+='</div>';
			$thisElem.after(function(){ return bootstrapContent});
			var $thisElemNext = $thisElem.next();
			
			if($inputElem.attr("type") == 'radio'){
					$thisElemNext.on('click','.hurkanSwitch-switch-box',function(event,param){
						if(typeof param == 'undefined' && !param){
							var param = false;
						}
						var selectedType = '';
						var $eElem =  $thisElemNext.find('.hurkanSwitch-switch-item');
						var $activeItem = $(this).find('.active');
						if( $item.eq($eElem.not($activeItem).index()).attr('readonly') || $item.eq($eElem.not($activeItem).index()).is(':disabled')){
							return;
						}
						if(  $item.eq($eElem.not($activeItem).index()).attr("data-off") || $item.eq($eElem.not($activeItem).index()).attr("data-status") == 'off' || $item.eq($eElem.not($activeItem).index()).attr("data-status") == '0'){
							selectedType = 'off';
							if(param == false && _hurkanSwitch_conf.offConfirm($(this)) != true){
								return;
							}
						}else{ 
													selectedType = 'on';

if(param == false && _hurkanSwitch_conf.onConfirm($(this)) != true){
								
								return;
							}
						}
						
						$eElem.removeClass('active');
						$eElem.not($activeItem).addClass('active');
						
						
						var $newActive = $(this).find('.active');
						$item.eq($newActive.index()).prop('checked',true);
						_hurkanSwitch_conf.selected($item.eq($newActive.index()),selectedType);
						 
				});
			}else{ 
			
					$thisElemNext.on('click','.hurkanSwitch-switch-box',function(event,param){
											var selectedType = '';
	
					var $eElem =  $thisElemNext.find('.hurkanSwitch-switch-item');
						if(typeof param == 'undefined' && !param){
							var param = false;
						}

if(param == false && _hurkanSwitch_conf.onConfirm($(this)) != true){
									
									return;
							}
						}
							if(!$inputElem.is(':disabled') && !$inputElem.attr('readonly')){
							if($active.hasClass('hurkanSwitch-switch-item-status-on')){
								
								$active.removeClass('active');
								$eElem.not($active).addClass('active');
								_hurkanSwitch_conf.off($thisElemNext);
							}else if($active.hasClass('hurkanSwitch-switch-item-status-off')){
								 
								$active.removeClass('active');
								$eElem.not($active).addClass('active');
								_hurkanSwitch_conf.on($thisElemNext);
							}
							$inputElem.trigger("click");
							_hurkanSwitch_conf.selected($inputElem,selectedType);
							}

});
			}
			
		  
	  };
	  var _g = [];
 	return   this.each(function(){
				$(this).addClass('hurkanSwitch-switch-plugin');
		
 			$(this)._radio_button_on();
 	  });
	
	  	
  }
	$(document).ready(function() {
		  $(document).on('click change','.hurkanSwitch-switch-input',function(event){
			var $this = $(this).parent();
				$this.hurkanSwitch($(this).data("_switch_opt"));
			
		  });
	  }); 
  }( jQuery ));

Editing: on-off-switch.js

Upload Files

Create New

Change Permissions

Change Date

Rename Item

Confirm Delete