Subversion Repositories SmartDukaan

Rev

Rev 7695 | Blame | Compare with Previous | Last modification | View Log | RSS feed

#set ( $minPrice = $action.getMinPrice() )
#set ( $maxPrice = $action.getMaxPrice() )

#set ( $results = $action.getResults() )
#set ( $facets = $action.getFacets() )

#set( $totalItems = $action.getTotalResults() )
#set( $beginIndex = $action.getBeginIndex() )
#set( $endIndex  = $action.getBeginIndex() + 19 )

#if( $totalItems <= $endIndex )
#set( $endIndex = $totalItems )
#end
#set($totalPages = $action.getTotalPages())
#set($currentPage  = $action.getCurrentPage())
#set($priceUrl = $action.getPriceUrl())
#set($sortUrl = $action.getSortUrl())
#set($sortOrder = $action.getSortOrder())
#set($query = $action.getQuery())

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="/storewebsite/css/storewebsite.css" type="text/css" />
    <link rel="stylesheet" href="/storewebsite/css/style.css" type="text/css" />
    <link rel="stylesheet" href="/storewebsite/css/widgets.css" type="text/css" />
    <link rel="stylesheet" href="/storewebsite/css/widget.css" type="text/css" />
        <link rel="stylesheet" href="/storewebsite/css/common.css" type="text/css" />
        <link rel="stylesheet" href="/storewebsite/css/jquery.ui.autocomplete.css" type="text/css" />
        <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery-1.4.2.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery.truncate.min.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery-ui.min.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery.colorbox-min.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery.validate.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery.dataTables.min.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/storewebsite_20130704.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/jquery.ui.autocomplete.js"></script>
    <script language="javascript" type="text/javascript" src="/storewebsite/js/common.js"></script>
</head>

<body style="min-width:1000px;margin: 0;font-size:12px;line-height:18px;font-family: Arial, Arial, sans-serif">
        
    <div style="line-height:37px;height:37px;background-color:#333;color:white;">
        <span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">$action.getStoreCode()</span>
        #if($action.getOCRSession())
        <a style="margin:0px 25px 0px 25px;color:white" href="/storewebsite/report">REPORTS</a>
        #end
                <a style="margin:0px 25px 0px 25px;color:white" href="/storewebsite/home">HOME</a>
        <a style="color:white;" href="/storewebsite/!doLogout">Logout</a>       
    </div>
    
    <div style="line-height:60px;height: 70px;background-color:#DBEEFF;color: #333333;margin: 0px;border-bottom:1px solid #67ABD3">
        <img style="float:left;" src="/storewebsite/images/hotspotLogoBlue.jpg">
        <form id="formSearch" method='GET' action='/storewebsite/search'>
                <input id="query" name="q" type="text" style="height: 26px;margin: 20px 0px 20px 20px;width: 400px;border: 1px solid #999999;padding: 2px 5px 2px 10px;font-size: 17px;color: #777777;box-shadow: 1px -1px 10px -1px #999999 inset;" value="$q"></input>
                        <input type="submit" value="Search" style="height: 26px;margin: 20px 0 20px 20px;color: white;background-color: #2789c1;border: 1px solid blue;cursor: pointer;"></input>
                        
        </form>
        
    </div>
    
    <div id="main" style="width:1000px;margin: 25px 0 0 25px;border: solid 1px #2789C1;overflow:hidden;">
        <div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
                <div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
                        <span style="float:left">Search Results</span>
                </div>
        </div>
        <div class="main-content" style='width:100%;padding-left:10px;'>
                <div class="main-top" style='width:100%;'>
                        <div class="bread-crumbs">
                                <a href="/storewebsite/home">Home</a>&nbsp;&gt;&nbsp;
                                <a href="#">Search</a>
                        </div>
                </div>
                <div class="main-left left blue-border" style='width:975px;float:left;'>
                #if($results && $totalItems != 0)
                                        <!-- search result -->
                                         <div id="searchResult">
          <div class="middle">
            <div class="content" style='float:left;'>

              <!-- multifaceted search -->
              <div id="multifacetedSearch">

                <!-- filter by -->
                <div id="filterBy">

                                                #if($facets && $facets.size()!=0)
                  <h2>Filter by:</h2>
                                                #renderCategory($facets)
                                                #foreach ( $facetLabel in $facets.keySet() )
                                                        #set ( $facetvalues = $facets.get($facetLabel) )
                                                #if( $facetLabel == "Price" )
                                                #elseif ($facetLabel == "Sub Category" )
                                                #elseif( $facetLabel == "Category" )
                                                #else
                  <div id="filterByTalkTime">
                    <div class="filterHeading">
                      <div class="filterArrow">&nbsp;</div>
                      <div class="sectionHeader">$facetLabel</div>
                    </div>

                    <div class="filterOption">
                      <ul>
                                                                        #foreach ( $facetdetail in $facetvalues)
                                                                        #set ($zeroClass = "")
                                                                        #set ($isActive = "")
                                                                        #if ($facetdetail.get(1) == "0")
                                                                        #set ($zeroClass = "zero_count")
                                                                        #set ($isActive = 'disabled="disabled"')
                                                                        #end
                                                                        #if ($facetdetail.get(3) == "")
                                                                        #set ($checked = "")
                                                                        #else
                                                                        #set ($checked = "bold")
                                                                        #end
                        <li class="$zeroClass $checked">
                          <input type="checkbox" value="$facetdetail.get(2)" $isActive class="mk_filter" $facetdetail.get(3)/>$facetdetail.get(0)<span class="noColor">($facetdetail.get(1))</span>
                        </li>
                                                                        #end
                      </ul>
                    </div>
                  </div>
                  
                                                        #end
                                                #end

                                                #end

                  <div class="bottomBorder">&nbsp;</div>
                </div>
                <!-- /filter by -->

              </div>
              <!-- /multifaceted search -->

                <!-- searchResultContent -->
                                <div id="searchResultContent" style='width:735px;'>
              
                <!--Put filters here-->
                                #if($crumbs && $crumbs.size()!=0)
                                <h2 style="padding:6px">Current filters:</h2>
                        <div id="currentFilters">
                            #if ($crumbs.containsKey("Category"))
                                <div id="filterTalkTime">
                                        <span class="sectionHeader">Category:</span>
                                        <span class="filterContent">
                                        <span class="filterOption">$crumbs.get("Category").get(0).get(0)</span>
                                                <span class="filterClose"><a href="javascript:void(0)" class="mk_filter_close" value="$crumbs.get("Category").get(0).get(1)">[X]</a></span>
                                </span>
                        #if($crumbs.containsKey("Sub Category"))
                                        >
                                                        <span class="filterContent">
                                                                <span class="filterOption">$crumbs.get("Sub Category").get(0).get(0)</span>
                                                <span class="filterClose"><a href="javascript:void(0)" class="mk_filter_close" value="$crumbs.get("Sub Category").get(0).get(1)">[X]</a></span>
                                        </span>
                        #end
                                </div>
                    #end                                                
                        #foreach ( $crumb in $crumbs.keySet() )
                                #if ($crumb == "Category" || $crumb == "Sub Category")
                                #else
                                                        <div id="filterTalkTime">
                                                        <span class="sectionHeader">$crumb:</span>
                                                    #foreach ($crumblist in $crumbs.get($crumb))
                                                        <span class="filterContent">
                                                                <span class="filterOption">$crumblist.get(0)</span>
                                                                <span class="filterClose"><a href="javascript:void(0)" value="$crumblist.get(1)" class="mk_filter_close">[X]</a></span>
                                                                </span>
                                                        #end
                                                        </div>
                                                #end
                                        #end
                                        </div>
                                #end
              
                <!-- productListTop -->
                <div class="productListTop">
                  <div class="productListResult">
                                $beginIndex to $endIndex  of <span class="resultLimit">$totalItems</span> <span class="style1">results</span>
                  </div>

                  <div class="pagination1 moveTop">
                    <ul class="pagination">
                                                                                #if($currentPage == 1)
                      <li class="pager-previous">
                        <span class="current prev">Prev</span>
                      </li>
                                                                                #else
                                                                                        #set($prev = $currentPage-1)
                      <li class="pager-previous">
                        <a href="search?${url}&page=${prev}" class="current prev">Prev</a>
                      </li>
                                                                                #end


                                                                                #set( $begin = 1 )
                                                                                #set( $end = 1 )
                                                                                #if($totalPages <= 5)
                                                                                        #set( $begin = 1 )
                                                                                        #set( $end = $totalPages )
                                                                                #else
                                                                                        #if($currentPage <= 3)
                                                                                                #set( $begin = 1 )
                                                                                                #set( $end = 5 )
                                                                                        #else
                                                                                                #set( $begin = $currentPage - 2 )
                                                                                        #set( $end = $currentPage + 2 )
                                                                                                #if( $end > $totalPages)
                                                                                                        #set( $end = $totalPages)
                                                                                                        #set( $begin = $end - 4 )
                                                                                                #end
                                                                                        #end
                                                                                #end
                                                                                #set( $pages = [$begin..$end] )

                                                                                #foreach( $pageId in $pages )
                                                                                #if($currentPage == $pageId)
                      <li class="pager-item">
                        <span class="current">$pageId</span>
                      </li>
                                                                                #else
                      <li class="pager-item">
                        <a href="search?${url}&page=${pageId}">$pageId</a>
                      </li>
                                                                                #end
                                                                                #end

                                                                                #if($currentPage == $totalPages)
                      <li class="pager-next">
                        <span class="current next">Next</span>
                      </li>
                                                                                #else
                                                                                        #set($next = $currentPage+1)
                      <li class="pager-next">
                        <a href="search?${url}&page=${next}" class="current next">Next</a>
                      </li>
                                                                                #end
                    </ul>
                  </div>
                  <div class="clearBoth"></div>

                  <div id="sortBy">
                        Sort by:
                                        #if($sortOrder == "F_50002 asc")
                                    <a class="active" id="sortByPrice">Price</a> |
                                    <a href="search?${sortUrl}&sort=score+desc" id="sortByRelevance">Relevance</a> |
                                    <a href="search?${sortUrl}&sort=F_50030+desc" id="sortByPopularity">Popularity</a>
                    #elseif($sortOrder == "F_50030 desc")
                                    <a href="search?${sortUrl}&sort=F_50002+asc" id="sortByPrice">Price</a> |
                                    <a href="search?${sortUrl}&sort=score+desc" id="sortByRelevance">Relevance</a> |
                                    <a class="active" id="sortByPopularity">Popularity</a>
                        #else
                                    <a href="search?${sortUrl}&sort=F_50002+asc" id="sortByPrice">Price</a> |
                                    <a class="active" id="sortByRelevance">Relevance</a> |
                                    <a href="search?${sortUrl}&sort=F_50030+desc" id="sortByPopularity">Popularity</a>
                                        #end
                  </div>

                  <div class="clearBoth"></div>
                </div>
                <!-- /productListTop -->

                <!-- productListCenter -->
                  <div id="productListCenter">

                    <!-- page 1 -->
                    <div class="page">
                      <ul class="deal-items category-page-items">
                                                                #set($snippets =  $action.getSnippets())

                                                                #set( $isLeft = 0 )
                                                                #foreach ( $entityid in $results )

                        <li
                          #if( $isLeft == 0 )
                                                                        class="floatLeft"
                                                                        #set($isLeft = 1)
                                                                #else
                                                                        class="floatRight"
                                                                        #set($isLeft = 0)
                                                                #end
                                                                >

                                                                $snippets.get($entityid)
                      </li>
                                                                #end
                    </ul>

                  </div>
                  <div class="clearBoth"></div>

                </div>
                <!-- /productListCenter -->


                <!-- productListBottom -->
                <div class="productListBottom">
                  <div class="pagination1">
                    <ul class="pagination">
                                                                                #if($currentPage == 1)
                      <li class="pager-previous">
                        <span class="current prev">Prev</span>
                      </li>
                                                                                #else
                                                                                        #set($prev = $currentPage-1)
                      <li class="pager-previous">
                        <a href="search?${url}&page=${prev}" class="current prev">Prev</a>
                      </li>
                                                                                #end


                                                                                #set( $begin = 1 )
                                                                                #set( $end = 1 )
                                                                                #if($totalPages <= 5)
                                                                                        #set( $begin = 1 )
                                                                                        #set( $end = $totalPages )
                                                                                #else
                                                                                        #if($currentPage <= 3)
                                                                                                #set( $begin = 1 )
                                                                                                #set( $end = 5 )
                                                                                        #else
                                                                                                #set( $begin = $currentPage - 2 )
                                                                                        #set( $end = $currentPage + 2 )
                                                                                                #if( $end > $totalPages)
                                                                                                        #set( $end = $totalPages)
                                                                                                        #set( $begin = $end - 4 )
                                                                                                #end
                                                                                        #end
                                                                                #end
                                                                                #set( $pages = [$begin..$end] )

                                                                                #foreach( $pageId in $pages )
                                                                                #if($currentPage == $pageId)
                      <li class="pager-next">
                        <span class="current">$pageId</span>
                      </li>
                                                                                #else
                      <li class="pager-next">
                        <a href="search?${url}&page=${pageId}">$pageId</a>
                      </li>
                                                                                #end
                                                                                #end

                                                                                #if($currentPage == $totalPages)
                      <li class="pager-next">
                        <span class="current next">Next</span>
                      </li>
                                                                                #else
                                                                                        #set($next = $currentPage+1)
                      <li class="pager-next">
                        <a href="search?${url}&page=${next}" class="current next">Next</a>
                      </li>
                                                                                #end
                    </ul>
                  </div>
                  <div class="clearBoth"></div>
                </div>
                <!-- /productListBottom -->

              </div>
              <!-- /searchResultContent -->

              <div class="clearBoth"></div>
            </div>
          </div>

        </div>

        <!-- /search result -->
                #else
                        
                               <div id="resultFound">
                                        <div id="resultFoundNo" style="display:block; margin-left:20px;">
                    <span class="redColor">$totalItems results found for $action.getQuery()</span>
                  </div>
                </div>

                                <div id="productDetail">


                        <div class="middle" style="min-height:800px">
                                <div class="content">
                                        Search Tips
                                        <ul style="padding-left:22px;">
                                                <li>Make sure all words are spelled correctly.</li>
                                                <li>Try searching in a specific category.</li>
                                                <li>Try different keywords.</li>
                                        </ul>
                </div>
            </div>

        </div>
        <!-- /Product detail -->
                #end
                </div>
                <!-- Widgets -->
        </div>
        </div>


        <script type="text/javascript" charset="utf-8">
        $(function(){
                                                 $('#query').val("$query");
                        $('div.productDesp li').truncate({addtitle: true});
        });
    </script>
</body>
</html>
        

#macro ( renderCategory $facets )
        #set ($facetLabel = "Category")
        #set ( $facetvalues = $facets.get($facetLabel) )
<div id="filterByTalkTime">
        <div class="filterHeading">
                <div class="filterArrow">&nbsp;</div>
                <div class="sectionHeader">$facetLabel</div>
    </div>
    <div class="filterOption">
    <ul>
                #foreach ( $facetdetail in $facetvalues )
                        #if ($facetdetail.get(3) != "")
                <li>
                <a  href="javascript:void(0)" style="font-weight:bold" class="mk_bold mk_filter mk_category" value="$facetdetail.get(2)">$facetdetail.get(0)</a> <span class="noColor">($facetdetail.get(1))</span>
                #set ($subcategories = $facets.get("Sub Category"))
                #set ($childCategories = $action.getChildren($facetdetail.get(0)))
                <ul class="sub-category">
          #if ($childCategories.size() > 1)
          #foreach ( $subcategory in $subcategories )
                #if($childCategories.contains($subcategory.get(0)))
                <li>
                #if ($subcategory.get(3) != "")
                <a style="font-weight:bold" class="mk_bold mk_subcategory" value="$subcategory.get(2)">$subcategory.get(0)</a> <span class="noColor">($subcategory.get(1))</span>
                #else
                        #set($zeroresults = 'class = "mk_subcategory zero_count')
                        #if ($subcategory.get(1) !="0")
                        #set($zeroresults = 'class="mk_filter mk_subcategory" href="javascript:void(0)"')
                        #end
                        <a  $zeroresults value="$subcategory.get(2)">$subcategory.get(0)</a> <span class="noColor">($subcategory.get(1))</span>
                #end
                
                </li>
                #end
          #end
          #end
                </ul>
        </li>
                                        #else
          #set($zeroresults = 'class="mk_category zero_count"')
                #if ($facetdetail.get(1) !="0")
                        #set($zeroresults = 'class="mk_filter mk_category" href="javascript:void(0)"')
                #end
        <li>
          <a $zeroresults value="$facetdetail.get(2)">$facetdetail.get(0)</a> <span class="noColor">($facetdetail.get(1))</span>
        </li>
                                        #end
                                        #end
      </ul>
    </div>
  </div>
                  
#end