Admin Control Panel v2.0

✎ Editing: projectscripts.blade.php ← Back

<?php if($lang=="ar") { ?><script src="{{ asset('assets/js/jquery.isotope.ar.min.js') }}"></script>    <?php } else{ ?>
<script src="{{ asset('assets/js/jquery.isotope.min.js') }}"></script>    <?php } ?>
<script type="text/javascript">

var allAnchors = $('.portfolioFilter').find('a');
var filters = {};
// var reverseFilters = [];

$(window).load(function(){
    var $container = $('.portfolioContainer');
	
	function applyFilter(){
		var reverseFilters = [];
		var finalFilter = [];
		if(typeof filters.domain != "undefined" ){
				finalFilter.push(filters.domain);
		}
		if(typeof filters.service != "undefined" ){
				finalFilter.push(filters.service);
		}
		if(typeof filters.sector != "undefined" ){
				finalFilter.push(filters.sector);
		}
		// console.log(finalFilter)
		 $('.potfolio').each(function(i,v){
			// if(typeof filters.domain != "undefined" && $(this).hasClass(filters.domain.replace(".",""))){
			for(var t=0;t<finalFilter.length;t++){
				// if($(this).hasClass(filters.domain.replace(".",""))){
				if($(this).hasClass(finalFilter[t].replace(".",""))){
						var t = $(this).attr('class').replace('potfolio','').replace('isotope-item','');
						var temp = t.split(" ");
						for(var i=0;i<temp.length;i++){
							if(temp[i].length>0){
								if($.inArray(temp[i],reverseFilters)==-1){
									reverseFilters.push(temp[i]);
								}
							}						
						}
				}
			}
		});
		
		console.log(reverseFilters)
		// if(typeof filters.domain != "undefined"){
		if(reverseFilters.length>0){
			$('.portfolioFilter a.filtersAnc').each(function(){
					var t = $(this).attr('data-filter');
					if(typeof t != "undefined"){
						t = t.replace(".","");
						// console.log(t+"=="+reverseFilters+"=="+$.inArray(t,reverseFilters));
						if($.inArray(t,reverseFilters)==-1){
							$(this).addClass('disableCat');
						}else{
							$(this).removeClass('disableCat');
						}
					}
			}); 
		}
		/**/
		/* $('.portfolioFilter a').each(function(){
				var e = $(this),present=true;
				// console.log($(this).attr('class'))
				// console.log(filters.domain.replace(".",""))
				if(typeof filters.domain != "undefined" && $(this).attr('data-filter')==(filters.domain)){
					e.addClass('disableCat');
				}else{
					e.removeClass('disableCat');
				}
		}); */
		$container.isotope({
			filter: function(){
				var show = true;
				for(var i=0;i<finalFilter.length;i++){
					var t = finalFilter[i].replace(".","");
					if(!$(this).hasClass(t)){
						show = false;
					}
				}
				return show;
			},
		});
	}

$('.clearDomain').on('click',function(e){
		e.preventDefault();
		if(typeof filters.domain != "undefined" ){
			filters.domain = undefined;
		}
		$('.domainA').removeClass('current').removeClass('disableCat');
		$('.serviceA').removeClass('current').removeClass('disableCat');
		$('.sectorA').removeClass('current').removeClass('disableCat');
		$('.no-item').addClass('disableCat');
		applyFilter();
	});
	$('.clearService').on('click',function(e){
		e.preventDefault();
		if(typeof filters.service != "undefined" ){
			filters.service = undefined;
		}
		$('.serviceA').removeClass('current').removeClass('disableCat');;
		$('.no-item').addClass('disableCat');
		applyFilter();
	});
	$('.clearSector').on('click',function(e){
		e.preventDefault();
		if(typeof filters.sector != "undefined" ){
			filters.sector = undefined;
		}
		$('.sectorA').removeClass('current').removeClass('disableCat');;
		$('.no-item').addClass('disableCat');
		applyFilter();
	});
	
	
    $container.isotope({		
	<?php if($lang=="ar") { ?>			
		transformsEnabled: false,			
	<?php } ?>
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });
	 
    $('.portfolioFilter a').click(function(){
		if($(this).hasClass('disableCat')) return;
		var selector = $(this).attr('data-filter');
		if($(this).hasClass('domainA')){
					$('.domainA').removeClass('current');
					domainFilters = selector;
					filters.domain = selector;
					$(this).addClass('current');
		}
		if($(this).hasClass('serviceA')){
					$('.serviceA').removeClass('current');
					serviceFilters = selector;
					filters.service = selector;
					$(this).addClass('current');
		}
		if($(this).hasClass('sectorA')){
				$('.sectorA').removeClass('current');
				sectorFilters = selector;
				filters.sector = selector;
				$(this).addClass('current');
		}
			
		applyFilter();
       
         return false;
    }); 
});

</script>
 <script  src="{{ asset('assets/js/wow.min.js') }}"></script>

Cancel