Subversion Repositories SmartDukaan

      <script src="<?php echo base_url();?>assets/js/jquery.js" type="text/javascript"></script>

      <script src="<?php echo base_url();?>assets/js/jquery.nouislider.js" type="text/javascript"></script>

      <script src="<?php echo base_url();?>assets/css/jquery.nouislider.css" type="text/css"></script>

      <?php  //print_r($product_list);

      if(isset($product_list[0]->result->results) && (!empty($product_list[0]->result->results))){

        $selectedFilters = array();

        $results = $product_list[0]->result;

        //print_r($results);?>

      <div class="pd-info-head ">

        <div class="name-hldr clearfix">

          <div>

            <?php if(isset($results->label) && !empty($results->label))?>

            <span><?php echo $results->label;?></span>

            <?php if((isset($results->totalCount)) && (!empty($results->totalCount))){

              $TotalPage = ceil($results->totalCount/10);?>

            <span>&#40;<?php echo $results->totalCount;?> results&#41;</span></div>

            <?php } ?>

          <div onclick="toggleListview(event);"></div>

        </div>

      </div><!--pd-info-head-->

      <div class="filter-div clearfix">

          <div onclick="toggleRefine(event)" class="sort">

            <span>

              <?php

              if(isset($results->sortedBy) && !empty($results->sortedBy)){               

              foreach($results->sortOptions as $key=>$value){ 

                if($results->sortedBy == $key){

                echo $value;  

                }

                 }

              }else{ echo "sort by";}  ?>

            </span>

          </div>

          <div onclick="toggleRefine(event)" class="filter">

            <span>

              Filter

            </span>

          </div>

          <!-- <div onclick="toggleRefine(event)" class="deals">

            <span>

             All

            </span>

          </div> -->

                 <div class="sort-by" style="display:none;" onclick="fireSort(event)">

         <?php foreach($results->sortOptions as $key=>$value){ ?>

              <div data-val="<?php echo $key;?>" ><?php echo $value;?></div>

          <?php }?>

        </div><!--sort-by-->

        <div class="filter-by" style="display:none" onclick="fireFilter(event)">

          <div class="filter-head clearfix">

            <div class="clear" onclick="clearfilter(event)">Clear</div>

            <div class="apply" onclick="applyFilter(event)">Apply</div>

          </div><!--btn-hldr-->

          <div class="filter-name">Price(Rs.)<span>+</span></div>

          <div class="filter-options clearfix" style="display:none" >

          <div style="position:relative; height:40px; width: 87%;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;">

            <span id="exTO" class="slider-input"><?php echo $results->minPrice; ?></span>

            <span id="exFR" class="slider-input"><?php echo $results->maxPrice; ?></span>

          </div>

          <div class="clear"></div>

            <div class="noUiSlider"></div>

            <div id="minprice" class="oprice" style="display:<?php if(isset($results->dynamicPriceMap) && !empty($results->dynamicPriceMap)){echo 'block';}else{echo 'none';} ?>"><?php if(isset($results->dynamicPriceMap) && !empty($results->dynamicPriceMap)) { echo $results->dynamicPriceMap->min; } else { echo $results->minPrice; }?></div>

            <div id="maxprice" class="oprice max" style="display:<?php if(isset($results->dynamicPriceMap) && !empty($results->dynamicPriceMap)){echo 'block';}else{echo 'none';} ?>"><?php if(isset($results->dynamicPriceMap) && !empty($results->dynamicPriceMap)) { echo $results->dynamicPriceMap->max; } else { echo $results->maxPrice; } ?></div>

          </div><!--filter-options-->

          <?php 

          $i=0;

          foreach($results->facets as $facets){ ?>

          <div class="filter-name"><?php if(isset($facets->displayText) && !empty($facets->displayText)) echo $facets->displayText;?><span>+</span></div>

          <div class="filter-options" style="display:none" >

          <?php 

          foreach($facets->filterOptions as $filterOptions){ ?>

            <div <?php if($filterOptions->selected == 'true'){ 

                $selectedFilters[$i] = $filterOptions->value; $i++;?> 

                class="opt selected" <?php } else{?> class="opt" <?php } ?> id="<?php echo $filterOptions->value;?>" onclick="filter(event)" data-key="<?php echo $filterOptions->key; ?>" data-value="<?php echo $filterOptions->value; ?>" >

             &#9633;  <?php echo $filterOptions->value; ?>

             <span>&#40;<?php if($filterOptions->count != 1) echo $filterOptions->count." items";  else echo $filterOptions->count." item"; ?>&#41;</span></div>

          <?php } ?>

          </div>

          <?php } ?>

          <div class="filter-head clearfix">

            <div class="clear" onclick="clearfilter()">Clear</div>

            <div class="apply" onclick="applyFilter()">Apply</div>

          </div><!--btn-hldr-->

        </div><!--filter-by-->

      <div class="refine-mask" onclick="toggleRefine(event)"></div>

      </div><!--filter-div-->

      <div id="page" style="display:none">1</div>

      <input type = "hidden" id="count" value="<?=$TotalPage?>"/>

      <div id="appendlist" class="pd-list-hldr clearfix" >

        <?php foreach ($results->results as $result) { ?>

        <a class="pd-list" href="<?php echo base_url().$result->url;?>">

          <div class="pd-image" style='background:url("<?php echo str_replace("'","&#039;",$result->image_url);?>")no-repeat center center;background-size:contain;'></div>

          <div class="pd-info">

            <div class="pdt-name"><?php echo $result->title;?></div>

            <div class="pdt-price">

              <?php if(isset($result->price) || isset($result->mrp)){?>

              <span>Rs</span>

              <span><?php if(isset($result->mrp) && $result->mrp != 0){echo $result->mrp;}else{echo '';}?></span>

              <span><?php echo $result->price;?></span>

            <?php }?>

            </div>

            <div class="pdt-spec"><?php echo $result->description;?> </div>

          </div> 

        </a>

        <?php } ?>

      </div>

      <div id="showmorebutton" class="load-more" style="display:none" onclick="showMoreProducts();">Show More</div>

      <?php } else { ?>

      <div class="empty-list">

      </div><!--empty-msg-->

      <p class="empty-msg tcenter">Your Shopping Bag is empty</p>

      <?php } ?>

      <script type="text/javascript">

          var items = <?php echo json_encode($selectedFilters);?>

      </script>

      <script>

      debugger;

      //max, min values for slider initialization

         var max = document.getElementById("maxprice").innerHTML;

         max = parseInt(max);

        var min = document.getElementById("minprice").innerHTML;

        min = parseInt(min);

          var smin = document.getElementById("exTO").innerHTML

          smin = parseInt(smin);

          var smax = document.getElementById("exFR").innerHTML

          smax = parseInt(smax);

        // Run noUiSlider

        $('.noUiSlider').noUiSlider({

           range: [min, max],

           start: [smin, smax],

           step: 1,

           handles: 2,

           slide:function(){

             var maxWidth = document.getElementsByClassName('filter-by')[0].clientWidth;

             var value = $(this).val();

              var from = value[0];

              var to = value[1];

            $("#exTO").text(value[0]);

            $("#exFR").text(value[1]);

          left = $($(".noUiSlider").find("a")[0]).offset().left;

          right = $($(".noUiSlider").find("a")[1]).offset().left;

          width = $(".noUiSlider").width();

          if((right - left) > 70)

          {

            $("#exTO").css({

              left: ((left/width * 100) - 8 ) + '%'

            });

            if(right < maxWidth){

              $("#exFR").css({

                left: ((right/width * 100) - 12 ) + '%'

              })  

            }

          }

           }

        });

      </script>