WebSVN – SmartDukaan – Diff – //trunk/DtrMobileAppDashboard/app/View/Elements/header.ctp

+<?php if((isset($id) && $id == 6) && ((isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories)))):?>
+	<script type="text/javascript" src="<?php echo $base_url;?>js/iscroll.js"></script>
+	<script type="text/javascript">
+	function loaded () {
+		myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
+		myScroll1 = new IScroll('#wrapper1', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
+	}</script>
+<?php endif;?>
+<script>
+$(document).ready(function(){
+	var scrollerwidth = 0;
+	var scroller1width = 0;
+	$('#scroller li').each(function() {
+	    var $this = $(this);
+	    scrollerwidth =scrollerwidth + $this.outerWidth() + 4;
+	});
+	var scrollerwidth = ""+(scrollerwidth + 2)+"px";
+	$('#scroller1 li').each(function() {
+	    var $this = $(this);
+	    scroller1width =scroller1width + $this.outerWidth() + 10;
+	});
+	var scroller1width = ""+(scroller1width + 2)+"px";
+    $('#scroller').css("width",scrollerwidth);
+    $('#scroller1').css("width",scroller1width);
+	$('.getcancel').click(function(){
+		var urldet = getJsonFromUrl();
+		var whatfirst = "";
+	    if(urldet['whatfirst'] !=undefined){
+	    	whatfirst = urldet['whatfirst'];
+	    }
+		var that = $(this);
+		var brandid = that.attr('data-brandid');
+		var subcatid = that.attr('data-subCategoryid');
+		var subcatarr =[];
+		var brandarr = [];
+		var url = "/category/6?";
+		if(urldet['brands'] != undefined){
+			brandarr = urldet['brands'].split("^");
+		}
+		if(urldet['subcategories'] != undefined){
+			subcatarr = urldet['subcategories'].split("^");
+		}
+		if(that.attr('data-type') == "brand"){
+			if(jQuery.inArray(brandid, brandarr) !== -1){
+					var y = jQuery.grep(brandarr, function(value) {
+						  return value != brandid;
+						});
+					brandarr = y;
+				}
+		}
+		if(that.attr('data-type') == "subCategory"){
+			if(jQuery.inArray(subcatid, subcatarr) !== -1){
+					var y = jQuery.grep(subcatarr, function(value) {
+						  return value != subcatid;
+						});
+					subcatarr = y;
+				}
+		}
+		if(brandarr.length != 0 && subcatarr.length == 0)
+		{
+			if(whatfirst == "subCategory"){
+				whatfirst = "brand";
+			}
+			url = url + "brands="+brandarr.join('^');
+		}
+		else if(brandarr.length == 0 && subcatarr.length != 0)
+		{
+			if(whatfirst == "brand"){
+				whatfirst = "subCategory";
+			}
+			url = url + "subcategories="+subcatarr.join('^');
+		}
+		else if(brandarr.length != 0 && subcatarr.length != 0)
+		{
+			url = url + "brands="+brandarr.join('^')+"&subcategories="+subcatarr.join('^');
+		}
+		if(brandarr.length == 0 && subcatarr.length == 0){
+			window.location = apihost + "category/6";
+		}else {
+			window.location = url+"&whatfirst="+whatfirst;
+		}
+	});
+	$('.downselect').click(function(){
+		var urldet = getJsonFromUrl();
+		var whatfirst = "";
+	    if(urldet['whatfirst'] !=undefined){
+	    	whatfirst = urldet['whatfirst'];
+	    }
+		var that = $(this);
+		var brandid = that.attr('data-brandid');
+		var subcatid = that.attr('data-subCategoryid');
+		var subcatarr =[];
+		var brandarr = [];
+		var url = "/category/6?";
+		if(urldet['brands'] != undefined){
+			brandarr = urldet['brands'].split("^");
+		}
+		if(urldet['subcategories'] != undefined){
+			subcatarr = urldet['subcategories'].split("^");
+		}
+		if(that.attr('data-type') == "brand"){
+			if(jQuery.inArray(brandid, brandarr) !== -1){
+					var y = jQuery.grep(brandarr, function(value) {
+						  return value != brandid;
+						});
+					brandarr = y;
+				}
+			else{
+				brandarr.push(brandid);
+			}
+		}
+		if(that.attr('data-type') == "subCategory"){
+			if(jQuery.inArray(subcatid, subcatarr) !== -1){
+					var y = jQuery.grep(subcatarr, function(value) {
+						  return value != subcatid;
+						});
+					subcatarr = y;
+				}
+			else{
+				subcatarr.push(subcatid);
+			}
+		}
+		if(brandarr.length != 0 && subcatarr.length == 0)
+		{
+			url = url + "brands="+brandarr.join('^');
+		}
+		else if(brandarr.length == 0 && subcatarr.length != 0)
+		{
+			url = url + "subcategories="+subcatarr.join('^');
+		}
+		else if(brandarr.length != 0 && subcatarr.length != 0)
+		{
+			url = url + "brands="+brandarr.join('^')+"&subcategories="+subcatarr.join('^');
+		}
+		window.location = url+"&whatfirst="+whatfirst;
+	});
+});
+</script>
+<style>
+.activate{
+	color:green;
+}
+#wrapper,#wrapper1 {
+/* 	position: absolute; */
+	z-index: 1;
+/* 	top: 5px; */
+	bottom: 48px;
+	left: 0;
+/* 	width: 100%; */
+/* 	height: 24px; */
+	overflow: hidden;
+}
+#wrapper{
+/* 	top: 25px; */
+	height:40px;
+	width: 97%;
+	padding: 0px 5px
+}
+#wrapper1{
+	height:30px;
+	width: 100%;
+/* 	top: 2px; */
+}
+#scroller, #scroller1 {
+/* 	position: absolute; */
+	z-index: 1;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+/* 	width: 500px; */
+	-webkit-transform: translateZ(0);
+	-moz-transform: translateZ(0);
+	-ms-transform: translateZ(0);
+	-o-transform: translateZ(0);
+	transform: translateZ(0);
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-text-size-adjust: none;
+	-moz-text-size-adjust: none;
+	-ms-text-size-adjust: none;
+	-o-text-size-adjust: none;
+	text-size-adjust: none;
+}
+#scroller ul,#scroller1 ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	width: 100%;
+	text-align: center;
+}
+#scroller li, #scroller1 li {
+	display: block;
+	float: left;
+/*   	height: 24px; 	 */
+  	margin:2px;
+	color:white;
+	border-right: 1px solid #ccc;
+	background-color: #F2DEDE;
+	font-size: 12px;
+}
+#scroller li{
+	font-weight:bold;
+	padding: 7px;
+	height: 37px;
+	border-radius:5px;
+	vertical-align:middle;
+	font-size: 11px;
+	min-width: 67px;
+	max-width: 92px;
+	text-transform: uppercase;
+/* 	overflow: hidden ; */
+	}
+#scroller1 li {
+	color: #555;
+    padding: 5px;
+    background : none;
+    height: 23px;
+    border : #E5E5E5 1px solid;
+    margin:3px;
+    text-transform: uppercase;
+    font-size: 10px;
+}
+.cancelstyle{
+	font-weight:bold;
+	background: black;
+    padding: 1px 3px;
+    color: white;
+	border-radius: 4px;
+}
+</style>
+<?php $catstr = explode("^",$subcategories);?>
  <ul class="nav nav-tabs catselect">
 <?php foreach($categories AS $catId => $name):?>
   	<li class=" tab_layout <?php if((isset($id)) && $catId == $id):?>active<?php endif;?> col-xs-<?php echo (12/(count($categories)+1));?>">
 	    	<?php echo $name;?>
 	    </a>
     </li>
 <?php endforeach;?>
 </ul>
-<div class="filters row" <?php if($id==6 && isset($subcategories) && array_key_exists($subcategories, $searchableSubCategories)):?> style="display:none"<?php endif;?>>
+<div class="filters row" >
 <!-- For apps tab -->
 <?php if($id==2):?>
 	<div class="text-center">
 		<div class="text_arrange cb">
 			});
 		</script>
 	</div>
 	<?php endif;?>
 <?php endif;?>
+	<?php if((isset($id) && $id == 6) && ((!isset($brands) || ( isset($brands) && empty($brands))) && (!isset($subcategories) || (isset($subcategories) && empty($subcategories))))):?>
+	<div class="col-xs-12 herotext" style='padding-top:0px'>
+			<?php echo $this->element('headerlinks',array(),array());?>
+	</div>
-	<?php if($id!=2):?>
+	<?php elseif($id!=2 && $id != 6):?>
 	<div class="col-xs-9 herotext" style='padding-top:0px'>
+	    	<?php if((isset($id) && $id == 6) && ((isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories)))):?>
+		    	<div id="wrapperboss" style="position:relative;">
+				<!-- crossfilter start -->
+		    		<div id="wrapper1" style="background:white;">
+						<div id="scroller1">
+							<ul>
+								<?php foreach($allbrandsubcat['idListInfo'] as $akey => $avalue ):?>
+									<li class="upselect mtop getcancel" data-type="<?php if(isset($whatfirst)&&!empty($whatfirst)):?><?php echo $whatfirst;?><?php endif;?>" data-<?php echo $whatfirst."id";?>="<?php echo $akey;?>" ><?php echo $avalue;?> <span class="cancelstyle"> X </span></li>
+								<?php endforeach;?>
+								<?php foreach($allbrandsubcat['result'] as $ckey => $cvalue ):?>
+									<?php if(in_array($cvalue[$whatsecondid],$secondloop)):?>
+										<li class="upselect getcancel" data-type="<?php if(isset($whatsecond)&&!empty($whatsecond)):?><?php echo $whatsecond;?><?php endif;?>" data-<?php echo $whatsecond."id";?>="<?php echo $cvalue[$whatsecondid];?>">
+										<?php echo $cvalue[$whatsecond];?> <span class="cancelstyle"> X </span>
+										</li>
+									<?php endif;?>
+								<?php endforeach;?>
+						    </ul>
+						</div>
+					</div>
+				<!-- crossfilter end -->
+		    	</div>
+		    <?php else:?>
-	    	<?php echo $this->element('headerlinks',array(),array());?>
+		    	<?php echo $this->element('headerlinks',array(),array());?>
 	    	<!-- Daily profitable deals for you	               	        -->
+		    <?php endif;?>
 	</div>
 	<div class="col-xs-3 pt7">
 		<?php if((isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories))):?>
-				<a class="btn btn-xs btn-danger filteraction clearfilters pull-right mr5" id="clearfilters">Reset <i class="glyphicon glyphicon-chevron-right"></i></a>
+				<a class="btn btn-xs btn-danger filteraction clearfilters pull-right mr5" id="clearfilters" style="margin-top: 4px;padding: 2px 16px; background: #efefef !important;border: 1px; color: #333!important;font-size: 12px;"> RESET </a>
 			<?php endif;?>
 	</div>
 	<?php endif;?>
+<?php if((isset($id) && $id == 6)):?>
+<?php else:?>
-<?php if($id!=2) {?>
+			<?php if($id!=2):?>
-<div class = 'col-xs-3 bg-white' style='float:left'>
+							<div class = 'col-xs-3 bg-white' style='float:left'>
 								<ul class="nav">
 									<li class="tab_layout <?php if($id!=2):?>bg-white<?php endif;?>">
 										<?php if($id!=2):?>
 										<div class="dropdown pull-right">
 												<!-- <li role="presentation" class="menu-item"><a role="menuitem" tabindex="-1" href="#">Price-range</a></li> -->
 												<!-- <li role="presentation" class="menu-item"><a role="menuitem" tabindex="-1" href="#">Sub-category</a></li> -->
 												<li role="presentation" class="dropdown-header menu-item">SORT</li>
-												<li role="presentation" class="menu-item <?php if($sortlabel == 'bestseller'):?>selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=bestSellerPoints&direction=-1<?php echo $filterstr;?>">Bestsellers</a></li>
+												<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;?>">Bestsellers</a></li>
 												<li role="presentation" class="menu-item <?php //if(isset($sort) && $sort == 'available_price'):?><?php //endif;?>">
 													<span class="sortlabel">Price</span>
-							<a role="menuitem" tabindex="-1" href="?sort=available_price&direction=1<?php echo $filterstr;?>" class="btn-asc btn btn-xs" <?php if($sortlabel == 'pricelow'):?> style="background:#36d98a;" <?php endif;?>>Low</a>
+							<a role="menuitem" tabindex="-1" href="?sort=available_price&direction=1<?php echo $filterstr;?>" class="btn-asc btn btn-xs" <?php if(isset($sortlabel) && $sortlabel == 'pricelow'):?> style="background:#36d98a;" <?php endif;?>>Low</a>
-							<a role="menuitem" tabindex="-1" href="?sort=available_price&direction=-1<?php echo $filterstr;?>" class="btn-desc btn-xs" <?php if($sortlabel == 'pricehigh'):?> style="background:#36d98a;" <?php endif;?>>High</a>
+							<a role="menuitem" tabindex="-1" href="?sort=available_price&direction=-1<?php echo $filterstr;?>" class="btn-desc btn-xs" <?php if(isset($sortlabel) && $sortlabel == 'pricehigh'):?> style="background:#36d98a;" <?php endif;?>>High</a>
 												</li>
 												<!-- <li role="presentation" class="menu-item <?php if(isset($sort) && $sort == 'available_price' && $direction=='-1'):?>selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=available_price&direction=-1">Price High to Low</a></li> -->
-												<li role="presentation" class="menu-item<?php if($sortlabel == 'recommended'):?> selected<?php endif;?>"><a role="menuitem" tabindex="-1" href="?sort=-1<?php echo $filterstr;?>">Recommended</a></li>
+												<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;?>">Recommended</a></li>
 											</ul>
 										</div>
 										<?php endif;?>
 									</li>
 								</ul>
 							</div>
+			<?php endif; ?>
-<?php } ?>
+<?php endif;?>
 </div>
+<?php if((isset($id) && $id == 6) && ((isset($brands) && !empty($brands)) || (isset($subcategories) && !empty($subcategories))) && (isset($allbrandsubcat) && !empty($allbrandsubcat))):?>
+<!-- for quickfilter start-->
+				<div style="background:white;">
+		    		<div id="wrapper" style="background:white;">
+						<div id="scroller">
+							<ul>
+							<?php $colorcount = 0;?>
+							<?php foreach($allbrandsubcat['result'] as $bkey => $bvalue ):?>
+								<?php if(!in_array($bvalue[$whatsecondid],$secondloop)):?>
+								<?php $strarr = explode(" ", $bvalue[$whatsecond]);?>
+									<li class="downselect" data-type="<?php if(isset($whatsecond)&&!empty($whatsecond)):?><?php echo $whatsecond;?><?php endif;?>" data-<?php echo $whatsecond."id";?>="<?php echo $bvalue[$whatsecondid];?>" style="background:<?php echo $color[$colorcount];?>; <?php if(strlen($bvalue[$whatsecond]) >9 && sizeof($strarr)>1):?> font-size: 10px;line-height: 12px;<?php elseif(strlen($bvalue[$whatsecond]) <=9 && sizeof($strarr)>1):?>line-height: 12px;<?php else:?>line-height: 24px;<?php endif;?>;">
+										<?php
+											echo $strarr[0];
+											if(sizeof($strarr) >1){
+												echo "<br>";
+												for($abs = 1; $abs<= sizeof($strarr);$abs++)
+												{
+													echo $strarr[$abs]." ";
+												}
+											}
+										?>
+									</li>
+									<?php $colorcount = $colorcount+1;
+										if($colorcount == 6)
+										{
+											$colorcount = 0;
+										}
+									?>
+								<?php endif;?>
+							<?php endforeach;?>
+						    </ul>
+						</div>
+					</div>
+				</div>
+<!-- for quickfilter end-->
+<?php endif;?>

Subversion Repositories SmartDukaan

(root)//trunk/DtrMobileAppDashboard/app/View/Elements/header.ctp – Rev 19383 → 19605