Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
12694 anikendra 1 
      <script src="<?php echo base_url();?>assets/js/jquery.js" type="text/javascript"></script>
2 
      <script src="<?php echo base_url();?>assets/js/jquery.nouislider.js" type="text/javascript"></script>
3 
      <script src="<?php echo base_url();?>assets/css/jquery.nouislider.css" type="text/css"></script>
4 
 
5 
      <?php
6 
      $last = $this->uri->total_segments();
7 
      $itemcode = $this->uri->segment($last);
8 
      if(isset($special_page[0]->result->results) && (!empty($special_page[0]->result->results))) {
9 
        $selectedFilters = array();
10 
        $results = $special_page[0]->result;
11 
        $i=0;
12 
        $selectedItems = array();?>
13 
      <div class="pd-info-head ">
14 
        <div class="name-hldr clearfix">
15 
          <div>
16 
            <?php if(isset($results->label) && !empty($results->label))?>
17 
            <span><?php echo $results->label;?></span>
18 
            <?php if((isset($results->totalCount)) && (!empty($results->totalCount))){
19 
              $TotalPage = ceil($results->totalCount/10);?>
20 
            <span>&#40;<?php echo $results->totalCount;?> results&#41;</span></div>
21 
            <?php } ?>
22 
          <div onclick="toggleListview(event);"></div>
23 
        </div>
24 
      </div><!--pd-info-head-->
25 
      <div class="filter-div clearfix">
26 
          <div onclick="toggleRefine(event)" class="sort">
27 
            <span>
28 
              <?php
29 
              if(isset($results->sortedBy) && !empty($results->sortedBy)){
30 
              foreach($results->sortOptions as $key=>$value){
31 
                if($results->sortedBy == $key){
32 
                  $sortedBy = $results->sortedBy;
33 
                  echo $value;
34 
                }
35 
                 }
36 
              }else{ echo "sort by";}  ?>
37 
            </span>
38 
          </div>
39 
          <div onclick="toggleRefine(event)" class="filter">
40 
            <span>
41 
              Filter
42 
            </span>
43 
          </div>
44 
          <!-- <div onclick="toggleRefine(event)" class="deals">
45 
            <span>
46 
             All
47 
            </span>
48 
          </div> -->
49 
                  <div class="sort-by" style="display:none;" onclick="fireSort(event)">
50 
         <?php foreach($results->sortOptions as $key=>$value){ ?>
51 
              <div <?php if(isset($sortedBy) && $sortedBy == $key){ echo 'class="opt selected"';}?> data-val="<?php echo $key;?>" ><?php echo $value;?></div>
52 
          <?php }?>
53 
        </div><!--sort-by-->
54 
        <div class="filter-by" style="display:none" onclick="fireFilter(event)">
55 
          <div class="filter-head clearfix">
56 
            <div class="clear" onclick="clearfilter(event)">Clear</div>
57 
            <div class="apply" onclick="applyFilter(event)">Apply</div>
58 
          </div><!--btn-hldr-->
59 
          <div class="filter-name">Price(Rs.)<span>+</span></div>
60 
          <div class="filter-options ch-filter clearfix" style="display:none" >
61 
          <div style="position:relative; height:40px;padding:10px 0;box-sizing: border-box;-webkit-box-sizing: border-box;">
62 
            <span id="exTO" class="slider-input"><?php echo $results->minPrice; ?></span>
63 
            <span id="exFR" class="slider-input"><?php echo $results->maxPrice; ?></span>
64 
          </div>
65 
          <div class="clear"></div>
66 
 
67 
            <div class="noUiSlider"></div>
68 
            <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>
69 
            <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>
70 
          </div><!--filter-options-->
71 
          <?php
72 
          $i=0;
73 
 
74 
          foreach($results->facets as $facets){ ?>
75 
          <div class="filter-name"><?php if(isset($facets->displayText) && !empty($facets->displayText)) echo $facets->displayText;?><span>+</span></div>
76 
          <div class="filter-options" style="display:none" >
77 
          <?php
78 
          foreach($facets->filterOptions as $filterOptions){ ?>
79 
            <div <?php if($filterOptions->selected == 'true'){
80 
                $selectedFilters[$i] = $filterOptions->value; $i++;?>
81 
                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; ?>" >
82 
 
83 
             &#9633;  <?php echo $filterOptions->value; ?>
84 
             <span>&#40;<?php if($filterOptions->count != 1) echo $filterOptions->count." items";  else echo $filterOptions->count." item"; ?>&#41;</span></div>
85 
          <?php } ?>
86 
          </div>
87 
          <?php } ?>
88 
          <div class="filter-head clearfix">
89 
            <div class="clear" onclick="clearfilter(event)">Clear</div>
90 
            <div class="apply" onclick="applyFilter(event)">Apply</div>
91 
          </div><!--btn-hldr-->
92 
        </div><!--filter-by-->
93 
      <div class="refine-mask" onclick="toggleRefine(event)"></div>
94 
      </div><!--filter-div-->
95 
 
96 
      <div id="page" style="display:none">1</div>
97 
      <input type = "hidden" id="count" value="<?=$TotalPage?>"/>
98 
      <div id="appendlist" class="pd-list-hldr clearfix" >
99 
        <?php foreach ($results->results as $result) { ?>
100 
        <a class="pd-list" href="<?php echo base_url().$result->url;?>">
101 
          <div class="pd-image" style='background:url("<?php echo str_replace("'","&#039;",$result->image_url);?>")no-repeat center center;background-size:contain;'></div>
102 
          <?php if(!isset($result->dealprice)):?>
103 
          <div class="pd-info">
104 
            <div class="pdt-name"><?php echo $result->title;?></div>
105 
            <div class="pdt-price">
106 
              <?php if(isset($result->price) || isset($result->mrp)){?>
107 
              <span class="pr">Rs</span>
108 
              <?php if(isset($result->mrp) && $result->mrp != 0){ echo "<span class='pr-linethrough'>".$result->mrp. "</span>"; } ?>
109 
              <span class="pr-original"><?php echo $result->price;?></span>
110 
              <?php }?>
111 
            </div>
112 
            <div class="pdt-spec"><?php echo $result->description;?> </div>
113 
          </div>
114 
          <?php else:?>
115 
          <div class="pd-info">
116 
            <div class="pdt-name"><?php echo $result->title;?></div>
117 
            <div class="pdt-price">
118 
              <?php if(isset($result->price) || isset($result->mrp)){?>
119 
              <span class="pricetype">Site Price</span><span class="pr">Rs</span>
120 
              <?php if(isset($result->mrp) && $result->mrp != 0){ echo "<span class='pr-linethrough'>".$result->mrp. "</span>"; } ?>
121 
              <span class="pr-linethrough"><?php echo $result->price;?></span>
122 
              <?php }?>
123 
            </div>
124 
            <?php if(isset($result->dealprice)):?>
125 
            <div class="pdt-price pdeal-price">
126 
                <span class="pricetype">Your Price</span><span class="pr">Rs</span> <span class="pr-original"><?php echo $result->dealprice;?></span>
127 
            </div>
128 
            <?php endif;?>
129 
            <?php if(isset($result->offer_text) && !empty($result->offer_text)):?>
130 
              <div class="pdt-offertext"><?php echo $result->offer_text  ;?> </div>
131 
            <?php endif;?>
132 
            <div class="pdt-spec"><?php echo $result->description;?> </div>
133 
            <?php if(isset($result->dealColors) && !empty($result->dealColors) && $result->colorCount > 1 && trim($result->dealColors[0])!=''):?>
134 
              <?php if(sizeof($result->dealColors) < $result->colorCount):?>
135 
                <div class="pdt-offercolors">Offer available for : <?php echo implode(',',$result->dealColors);?></div>
136 
              <?php elseif(sizeof($result->dealColors) == $result->colorCount):?>
137 
                <div class="pdt-offercolors">Offer available on all colors</div>
138 
              <?php endif;?>
139 
            <?php endif;?>
140 
          </div>
141 
          <?php endif;?>
142 
        </a>
143 
        <?php } ?>
144 
      </div>
145 
      <div id="showmorebutton" class="load-more btn" style="display:none" onclick="showMoreProducts();">Show More</div>
146 
      <?php } else { ?>
147 
      <div class="empty-list">
148 
 
149 
      </div><!--empty-msg-->
150 
      <p class="empty-msg tcenter">No Products Found</p>
151 
      <?php } ?>
152 
      <script type="text/javascript">
153 
      var items = <?php echo json_encode($selectedFilters);?>
154 
      </script>
155 
       <script>
156 
 
157 
      //max, min values for slider initialization
158 
        var max = document.getElementById("maxprice").innerHTML;
159 
        max = parseInt(max);
160 
        var min = document.getElementById("minprice").innerHTML;
161 
        min = parseInt(min);
162 
        var smin = document.getElementById("exTO").innerHTML
163 
        smin = parseInt(smin);
164 
        var smax = document.getElementById("exFR").innerHTML
165 
        smax = parseInt(smax);
166 
          $("#exTO").css({
167 
                  left: 0 + '%'
168 
                });
169 
                $("#exFR").css({
170 
                  left: 94 + '%'
171 
                })
172 
 
173 
        // Run noUiSlider
174 
 
175 
        $('.noUiSlider').noUiSlider({
176 
           range: [min, max],
177 
           start: [smin, smax],
178 
           step: 1,
179 
           handles: 2,
180 
           slide:function(){
181 
              var value = $(this).val();
182 
              var from = value[0];
183 
              var to = value[1];
184 
 
185 
            $("#exTO").text(value[0]);
186 
            $("#exFR").text(value[1]);
187 
 
188 
              var left = $($(".noUiSlider").find("a")[0]).offset().left;
189 
              var right = $($(".noUiSlider").find("a")[1]).offset().left;
190 
              var width = $(".noUiSlider").width();
191 
 
192 
              // var left1 = $('#exTO').offset().left;
193 
              // var left2 = $('#exFR').offset().left
194 
              if((right - left) > 70)
195 
              {
196 
                $("#exTO").css({
197 
                  left: ((left/width * 100) - 8 ) + '%'
198 
                });
199 
                $("#exFR").css({
200 
                  left: ((right/width * 100) - 15 ) + '%'
201 
                });
202 
              }
203 
 
204 
           }
205 
 
206 
        });
207 
 
208 
 
209 
 
210 
      </script>