Subversion Repositories SmartDukaan

Rev

Rev 20691 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
18065 naman 1
<script>
2
    $(document).ready(function(){
18149 amit.gupta 3
    setTimeout(function(){
4
	    $('#searchforbrand').css({'background-color':'orange'});
18205 amit.gupta 5
	    setTimeout(function(){$('#searchforbrand').css({'background-color':''})}, 1500);
18149 amit.gupta 6
	}, 1000);
18145 amit.gupta 7
 
18075 naman 8
    var statepushed = false;
9
    if($("#searchforbrand").length != 0 ) {
10
      if (window.history && window.history.pushState) {
11
 
12
        $(window).on('popstate', function() {
13
            $('#searchforbrand').val("");
14
            $("#regularcontent").removeClass('hidden');
15
            $("#searchedcontent").addClass('hidden');
20048 naman 16
            $('.scrollselector').jscrollobj({
17
                loadingHtml: '<center><img src="/img/ajax-loader.gif" alt="Loading" /></center>',
18
                autoTriggerUntil: 3,
19
                padding: 20,
20
                callback:loadCartDetails
21
            });
18075 naman 22
            statepushed = false;
23
        });
24
 
25
      }
26
    }       
18241 naman 27
        trigger = false;
18076 naman 28
        var footertop = $(window).height();
29
        setInterval(function() {
30
        if(parseInt(footertop)!=parseInt($(window).height())){
31
        $("div.pmfooter").hide();
32
        }else{
33
        $("div.pmfooter").show();
34
        }
35
        },100);
36
 
18065 naman 37
        var new_msg="";
38
        var typingTimer;                
39
        var doneTypingInterval = 1000; 
18115 amit.gupta 40
        $('#searchforbrand').keyup(function(e){
18241 naman 41
            var keycode = e.keyCode || e.which;
42
            //dont do anything if invalid key has been pressed.
43
             var valid = 
44
                (keycode > 47 && keycode < 58)   || // number keys
45
                keycode == 32 || keycode == 13   || // spacebar & return key(s) (if you want to allow carriage returns)
46
                (keycode > 64 && keycode < 91)   || // letter keys
47
                (keycode > 95 && keycode < 112)  || // numpad keys
48
                (keycode > 185 && keycode < 193) || // ;=,-./` (in order)
49
                (keycode > 218 && keycode < 223) ||
50
                keycode==8 || keycode == 0 || keycode==229;
51
            if(!valid){
52
                return;
53
            }
18065 naman 54
            clearTimeout(typingTimer);
18115 amit.gupta 55
 
18065 naman 56
            var s ="";  
57
            s = encodeURIComponent($(this).val().trim());            
18115 amit.gupta 58
            if(s.length > 0 && $('#searchforbrand').val()!= "") {
18241 naman 59
                if(!statepushed) {
60
                    if (window.history && window.history.pushState) {
18387 naman 61
                        window.history.pushState('forward', null, window.location);
18241 naman 62
                        statepushed = true;
63
                    }
64
                }
18115 amit.gupta 65
 
66
                if ($('#searchforbrand').val) {
67
                    typingTimer = setTimeout(function doneTyping(){
68
                        $("#searchloader").removeClass('hidden');
69
                        $.ajax({
70
                            method: "GET",
18387 naman 71
                            url:  "<?php echo $base_url;?>categories/getdealsforsearchterm/"+s + "?subcategories="+getJsonFromUrl()["subcategories"],
18115 amit.gupta 72
                        },'json')
73
                        .done(function(msg){
18129 amit.gupta 74
                        	if( c != typingTimer) {
75
                        		$("#searchloader").addClass('hidden');
18124 amit.gupta 76
                        		return; 
18129 amit.gupta 77
                        	}
18205 amit.gupta 78
                        	$(window).one('scroll', function(){
79
                        		$("#searchforbrand").blur();
80
                        	});
18115 amit.gupta 81
							$("#popovertrigger5").popover('hide').remove();
82
                            var cart_details = localStorage.getItem("cart_details");
83
                            if(cart_details!=undefined){
84
                                var cartDetailsObj = JSON.parse(cart_details);
85
                                if(cartDetailsObj.totalCartQuantity > 0){
86
                                    var totalCartValue = cartDetailsObj.totalCartValue;
87
                                    var priceChangeMap = {};
88
                                    $.each(cartDetailsObj.cartItems, function(key,val) {
89
                                        var newUnitPrice = $(msg).find("div.number-spinner button[data-id='"+key+"']").data('price');
90
                                        if(newUnitPrice!=null){
91
                                            $(msg).find("div.number-spinner button[data-id='"+key+"']").closest('.number-spinner').find('input').val(val.quantity);
92
                                            if(parseInt(newUnitPrice)!=parseInt(val.unitprice)){
93
                                                totalCartValue = totalCartValue - (parseInt(val.unitprice)*parseInt(val.quantity)) + (parseInt(newUnitPrice)*parseInt(val.quantity));
94
                                                priceChangeMap[key] = newUnitPrice;
18065 naman 95
                                            }
96
                                        }
18115 amit.gupta 97
                                    });
98
                                    if(totalCartValue!=undefined){
99
                                        cartDetailsObj.totalCartValue = totalCartValue;
18065 naman 100
                                    }
18115 amit.gupta 101
                                    var cartItems = cartDetailsObj.cartItems;
102
                                    $.each(priceChangeMap, function(key,val) {
103
                                        cartItems[key].unitprice = val;
104
                                    });
105
                                    cartDetailsObj.cartItems = cartItems;
106
                                    localStorage.setItem('cart_details',JSON.stringify(cartDetailsObj));
18065 naman 107
                                }
18115 amit.gupta 108
                            }
18145 amit.gupta 109
                            $("#regularcontent").addClass('hidden');
110
                            $("#searchloader").addClass('hidden');
18115 amit.gupta 111
                            $("#searchedcontent").html('<div class="row scroll cscrollselector">'+msg+'</div>');
18145 amit.gupta 112
                            $("#searchedcontent").removeClass('hidden');
18115 amit.gupta 113
                            if($('.cscrollselector > .card').length>0) {
114
                                if(typeof noscrolling == 'undefined') {
115
                                    $('#searchedcontent').find('.cscrollselector').jscroll({
116
                                        loadingHtml: '<center><img src="/img/ajax-loader.gif" alt="Loading" /></center>',
117
                                        autoTriggerUntil: 3,
118
                                        padding: 20,
119
                                        callback:loadCartDetails
120
                                    });
121
                                }
122
                            }
123
                            $('.data-up:visible:first').append('<a id="popovertrigger5"  data-container="body" data-toggle="popover" data-placement="left" data-content="Quick buy multiple items together"></a>');
18241 naman 124
                            setPopOver("popovertrigger5", ".plusqtybutton", 'click');
18115 amit.gupta 125
                        });
126
                    }, doneTypingInterval);
18124 amit.gupta 127
                    c = typingTimer;
18115 amit.gupta 128
                }
18065 naman 129
            }
130
            else
131
            {
18241 naman 132
                c = 0;
18065 naman 133
                $("#regularcontent").removeClass('hidden');
134
                $("#searchedcontent").addClass('hidden');
18115 amit.gupta 135
                $('#popovertrigger5').popover('hide').remove();
136
                $('.data-up:visible:first').append('<a id="popovertrigger5"  data-container="body" data-toggle="popover" data-placement="left" data-content="Quick buy multiple items together"></a>');
137
                setPopOver("popovertrigger5", ".plusqtybutton", 'click');
18145 amit.gupta 138
                $('.scrollselector').jscrollobj({
18241 naman 139
                    loadingHtml: '<center><img src="/img/ajax-loader.gif" alt="Loading" /></center>',
140
                    autoTriggerUntil: 3,
141
                    padding: 20,
142
                    callback:loadCartDetails
143
                });
18075 naman 144
                if(statepushed){
18241 naman 145
                    statepushed = false;
18075 naman 146
                    window.history.back();
147
                }
18065 naman 148
            } 
149
        });
150
 
151
 
152
 
153
    });
154
 
155
</script>
156
<style>
18145 amit.gupta 157
 
158
.shadow {
159
    -webkit-box-shadow: 0px 0px 12px 4px #ffffff;
160
    -moz-box-shadow: 0px 0px 12px 4px #ffffff;
161
    box-shadow: 0px 0px 12px 4px #ffffff;
162
    -webkit-transition: all 0.5s linear;
163
    -o-transition: all 0.5s linear;
164
    -moz-transition: all 0.5s linear;
165
    -ms-transition: all 0.5s linear;
166
    -kthtml-transition: all 0.5s linear;
167
    transition: all 0.5s linear;
168
}
169
 
170
#searchforbrand {
171
    width: 100%;
172
    -webkit-transition: all 0.5s linear;
173
    -o-transition: all 0.5s linear;
174
    -moz-transition: all 0.5s linear;
175
    -ms-transition: all 0.5s linear;
176
    -kthtml-transition: all 0.5s linear;
177
    transition: all 0.5s linear;
178
}
179
 
18065 naman 180
#searchloader{
181
    position:absolute;
182
    /*top:40%;*/
183
    left:50%;
184
    z-index:2001;
185
}
186
.black_overlay{
187
    /*display: none;*/
188
    position: absolute;
189
    top: 0%;
190
    left: 0%;
191
    width: 100%;
192
    height: 100%;
193
    background-color: black;
194
    z-index:2000;
195
    -moz-opacity: 0.8;
196
    opacity:.80;
197
    filter: alpha(opacity=80);
198
}
199
#moreitem{
200
    margin: 2px auto;
201
    height: 30px;
202
    color: #555;
203
    background-color: #f5f5f5;
204
    padding:4px;
205
}
18076 naman 206
.inner-addon .glyphicon {
19681 naman 207
  top : 0px; 
18076 naman 208
  position: absolute;
18115 amit.gupta 209
  padding: 13px;
18076 naman 210
  pointer-events: none;
211
}
212
.left-addon .glyphicon  { left:  0px;}
18115 amit.gupta 213
.left-addon input  { padding:5px 6px 3px 36px; }
19607 naman 214
 
215
.accmenu>li {
216
	padding : 0px ;
217
}
18065 naman 218
</style>
19607 naman 219
 
19907 naman 220
<?php //if($id==6):?>
19607 naman 221
<div class = "row" style="background:white;padding:5px 0px;">	
222
		<hr style="margin-top:0px;margin-bottom:4px;">
223
 
224
	<div class= "col-xs-9" style="padding:0px;">
225
 
19907 naman 226
 
20005 naman 227
		<div style="width:100%;font-size:12px;padding:5px 1px 1px 1px;margin-left:5px;<?php if($id==6):?>margin-top: 1px;<?php endif;?>">
19907 naman 228
			<?php if($id==6):?>
21009 amit.gupta 229
				<!--<a href= "<?php echo $base_url."abouts/returnpolicy";?>" style="color:#3399fe;">Easy Returns, Free Replacement:
19907 naman 230
				<span style="border: #3399fe 1px solid;padding:2px;font-size:11px;"> See detail </span></a>
231
				<br>
232
				<a href= "<?php echo $base_url."abouts/shippingpolicy";?>" style="color:#3399fe;">Free Shippings: 
21009 amit.gupta 233
				<span style="border: #3399fe 1px solid;padding:2px;font-size:11px;"> See how </span></a>-->
19907 naman 234
			<?php elseif($id==3):?>
20005 naman 235
				<div id="wrapper3" style="background:white;">
236
					<div id="scroller3">
20014 naman 237
						<ul>								
20016 naman 238
							<!--  	<li class="quickclick"><a href= "<?php //echo $clearancesale;?>" class="linkdeal">Clearance Sale</a></li>-->
20691 amit.gupta 239
							<!-- <li class="quickclick"><a href= "<?php echo $base_url."categories/linkdeal/".$id."?filtertype=below1000";?>" class="linkdeal quickclick">Feature phone below 1000</a></li>-->
240
								<li class="quickclick"><a href= "<?php echo $base_url."categories/linkdeal/".$id."?filtertype=exclusive";?>" class="linkdeal quickclick">Direct Deals</a></li>
20005 naman 241
 
242
					    </ul>
243
					</div>
244
				</div>
245
 
19922 naman 246
<!-- 				<span class="glyphicon glyphicon-bookmark"></span>			 -->
19907 naman 247
 
248
			<?php endif;?>
19607 naman 249
		</div>
250
 
19907 naman 251
 
19607 naman 252
		<?php //echo strtok($_SERVER["REQUEST_URI"],'?');?>
18184 amit.gupta 253
	</div>
19607 naman 254
 
255
	<div class ="col-xs-3" style="padding:0px;">
19907 naman 256
		<?php if(isset($id)):?>
19607 naman 257
								<ul class="nav">
19907 naman 258
									<li class="tab_layout" style="height: 28px !important;">
19607 naman 259
 
260
										<div class="dropdown pull-right" style="padding: 4px 4px 0px;">
261
 
262
											<button class="btn btn-default btn-xs dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
263
 
19907 naman 264
												<?php if($id == 6 && (isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories))):?>												
19607 naman 265
													<i class="glyphicon glyphicon-sort"></i> SORT
266
												<?php else:?>
267
													 FILTER
268
												<?php endif;?>
269
											</button>
270
											<ul class="dropdown-menu dropdown-menu-right accmenu" role="menu" aria-labelledby="dropdownMenu1" style="right:4px;">
271
 
19907 naman 272
											<?php if($id == 6 && (isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories))):?>
19607 naman 273
											<?php else:?>	
19907 naman 274
												<?php if($id == 6):?>
275
													<li role="presentation" class="menu-item"><a role="menuitem" tabindex="-1" href="<?php echo $base_url;?>subcategoryfilter/subcategory<?php if(isset($id)):?>/<?php echo $id;?><?php endif;?>/?<?php echo $_SERVER["QUERY_STRING"];?>" >By Product <span class="greyarrow"></span></a></li>
276
												<?php endif;?>
19607 naman 277
												<li role="presentation" class="menu-item"><a role="menuitem" tabindex="-1" href="<?php echo $base_url;?>filter/brand<?php if(isset($id)):?>/<?php echo $id;?><?php endif;?>/?<?php echo $_SERVER["QUERY_STRING"];?>">By Brands <span class="greyarrow"></span></a></li>
278
												<li role="presentation" class="dropdown-header menu-item" style="padding-left: 20px;">SORT</li>
279
 
280
											<?php endif;?>
281
												<li role="presentation" class="menu-item <?php if(isset($sortlabel) && $sortlabel == 'bestseller'):?>selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=bestSellerPoints&direction=-1<?php if(isset($filterstr)):?><?php echo $filterstr;?><?php endif;?><?php if(isset($whatfirst) && !empty($whatfirst)):?><?php echo "&whatfirst=".$whatfirst;?><?php endif;?>">Bestsellers</a></li>
282
												<li role="presentation" class="menu-item<?php if(isset($sortlabel) && $sortlabel == 'pricelow'):?> selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=available_price&direction=1<?php echo $filterstr;?><?php if(isset($whatfirst) && !empty($whatfirst)):?><?php echo "&whatfirst=".$whatfirst;?><?php endif;?>">Price- Low to High</a></li>
283
												<li role="presentation" class="menu-item<?php if(isset($sortlabel) && $sortlabel == 'pricehigh'):?> selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=available_price&direction=-1<?php echo $filterstr;?><?php if(isset($whatfirst) && !empty($whatfirst)):?><?php echo "&whatfirst=".$whatfirst;?><?php endif;?>">Price- High to Low</a></li>	
284
												<li role="presentation" class="menu-item<?php if(isset($sortlabel) && $sortlabel == 'recommended'):?> selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=-1<?php echo $filterstr;?><?php if(isset($whatfirst) && !empty($whatfirst)):?><?php echo "&whatfirst=".$whatfirst;?><?php endif;?>">Recommended</a></li>
285
 
286
											</ul>
287
										</div>
288
 
289
									</li>	
290
								</ul>
291
 
292
		<?php else:?>
293
				&nbsp;
294
		<?php endif;?>
295
	</div>	
296
 
19681 naman 297
 
18408 amit.gupta 298
</div>
19907 naman 299
<?php //endif;?>
19607 naman 300
 
301
	<?php if($id==6 && $subcategories && array_key_exists($subcategories, $searchableSubCategories)):?>
19681 naman 302
		<div style="padding-top: 1px;background:white;">
19607 naman 303
 
19681 naman 304
		    <div class= "inner-addon left-addon" style='padding-top:4px;position: relative;margin-top:1px;'>
19607 naman 305
		        <i class="glyphicon glyphicon-search"></i>
306
		        <input type="text" id= "searchforbrand" placeholder="Search brands or models"  class="input-block-level">
307
		    </div>
308
 
309
		    <hr style="margin-top:0px;margin-bottom:4px;">
310
		</div>
311
	<?php //elseif(isset($searchfor) && !empty($searchfor)):?>
312
<!-- 	<div id= "moreitem">     -->
313
<!--  	    <a href="<?php //echo $_SERVER['HTTP_REFERER'];?>"><span style="padding:3px" class="glyphicon glyphicon-arrow-left"></span>Showing <?php //echo $searchfor;?> items</a>-->
314
<!-- 	</div> -->
315
	<?php endif;?>
18065 naman 316
 
317
 
318
<div class="text-center hidden" id="searchloader">
319
    <br><br><br><br>
320
          <div class="hexdots-loader"></div>         
321
</div>
322
 
323
 
324
 
325
<div class="content" id="regularcontent">
326
 
18115 amit.gupta 327
  <div class="row scroll scrollselector">
19244 amit.gupta 328
	<?php echo $this->element('deals');?>    
329
  </div>
330
  <script type="text/javascript">
331
  	function getCookie(cname,forceCookie) {
332
	    if(typeof(Storage) !== "undefined" && !forceCookie) {
333
	        return localStorage.getItem(cname);
334
	    } else {       
335
	        var name = cname + "=";
336
	        var ca = document.cookie.split(';');
337
	        for(var i=0; i<ca.length; i++) {
338
	            var c = ca[i];
339
	            while (c.charAt(0)==' ') c = c.substring(1);
340
	            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
341
	        }
342
	        return "";
343
	    }
344
	}
19321 amit.gupta 345
	if(getCookie('fresh', true)=="0"){	
19326 amit.gupta 346
		if(typeof localStorage.pages != "undefined") {
19244 amit.gupta 347
			document.getElementsByClassName('scrollselector')[0].innerHTML = localStorage.pages;
19326 amit.gupta 348
			localStorage.removeItem('pages');
19244 amit.gupta 349
		}
350
	}
351
  </script>
352
 
13532 anikendra 353
</div>
18145 amit.gupta 354
 
355
<div class='content hidden' id='searchedcontent'>
18065 naman 356
 
18145 amit.gupta 357
</div>
358
 
18068 naman 359
<!-- <script type="text/javascript" src="/js/jquery.jscroll.js"></script> -->
18146 amit.gupta 360
<script type="text/javascript" src="/js/jquery.jscroll.min.js?v=<?php echo $staticversion;?>"></script>
17766 manish.sha 361
<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
18065 naman 362
<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
18145 amit.gupta 363
<link rel="stylesheet" href="/css/hexdots.css" type="text/css">
18065 naman 364
 
365
 
366
 
18443 naman 367