Subversion Repositories SmartDukaan

Rev

Rev 317 | Rev 517 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.1 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Search Results</title>
<style type="text/css">
.labels { width:300px; font-family:Trebuchet MS,Verdana,Arial,sans-serif; font-size:8pt; float:left;}
.facets { width:300px; font-family:Trebuchet MS,Verdana,Arial,sans-serif; font-size:10pt; float:left;}
.result { width:400px; font-family:Trebuchet MS,Verdana,Arial,sans-serif; font-size:8pt; float:left;}
.result_img { border:0; width:65px; height:65px }
.result_text { display:block; font-weight:bold; }
</style>


  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

        <style type="text/css">
                #demo-frame > div.demo { padding: 10px !important; };
        </style>

        
<meta charset="UTF-8" />


</head>

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

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

<body>
<h2>Search Results</h2>
<h4>Count - $results.size()</h4>
<h4>
        
<div class="demo">
<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
<label for="status">Event Status:</label>
<input type="text" id="status" style="border:0; color:#f6931f; font-weight:bold;" />
</p>
<div id="slider-range" style="width:250px"></div>

</div><!-- End demo -->

#set ( $crumbs = $action.getCrumbs() )
#foreach ( $crumb in $crumbs )
    <a href="/Website/search?$crumb.get(1)">$crumb.get(0)</a>
    #if( $velocityHasNext ) 
        &nbsp;>&nbsp;
    #end
#end
</h4>
<div class="facets">
<ul>
#foreach ( $facetLabel in $facets.keySet() )
    <li><span style="font-weight:bold;">$facetLabel<span>
    #set ( $facetvalues = $facets.get($facetLabel) )
        <ul> 
    #foreach ( $facetdetail in $facetvalues )
                    <li>
                <span style="font-weight:normal;">
                    <a href="/Website/search?$facetdetail.get(2)">
                        $facetdetail.get(0) ($facetdetail.get(1))
                    </a>
                </span>
            </li>
    #end
        </ul>
    </li>
#end
</ul>
</div>

<div class="result">
#foreach ( $entityid in $results.keySet() ) 
    #set ( $values = $results.get($entityid) )
    #set ( $entityname = $values.get(0) )
    <div>
        <div class="result_text"><a href="/shop2020/entity/$entityid">$entityname</a></div>
        <div>
            <span>
                <a href="/Website/entity/$entityid"><img class="result_img" src="/shop2020/images/${entityid}.jpg"></a>
            </span>
            <!--
            <span>
                <ul>
                    <li>One</li>
                    <li>Two</li>
                </ul>
            </span>
            -->
        </div>
        <hr/>
    </div>
#end
</div>

<script type="text/javascript">
$(function() {
        $("#slider-range").slider({
                range: true,
<!--            min: 0,
<!--            max: 500,
<!--            values: [75, 300],
                start: function(event, ui) { 
                        $("#status").val("Start Event");        
                 },
                stop: function(event, ui) { 
                        $("#status").val("Stop Event");
                                location.href = location.href + "&fq=F_50002:[" + ui.values[0] + " TO " + ui.values[1] + "]";
<!--                    location.href = location.href + "&facet.query=[" + ui.values[0] + " TO " + ui.values[1] + "]";
                         },
                        slide: function(event, ui) {
                        $("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
                }
        });


        $("#slider-range").slider( "option", "min", $action.getMinPrice() );
        $("#slider-range").slider( "option", "max", $maxPrice );
        $("#slider-range").slider( "option", "values", [$minPrice,$maxPrice] );
        $("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
        
});
</script>


</body>
</html>