Subversion Repositories SmartDukaan

Rev

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

<!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">
#set($slidenames = $action.getSlideNames())
<head>
        <title>$action.getPageTitle()</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="Description" content="$action.getPageDescription()" />
        <meta name="Keywords" content="$action.getKeywords()" />
        <link rel="stylesheet" href="/css/comparision.css" type="text/css" />

#set($productnames = $action.getProductNames())
#set($productids = $action.getProductList())
#set($totalCount = $action.getProductList().size())
#set($slidenameimportancemap = $action.getSlideNameImportanceMap())
#set($productslidescores = $action.getProductSlideScores())
#set($importances = $action.getImportances())
#set($uncomparedSlides= $action.getUncomparedSlides())
#set($commonSlides= $action.getcommonSlides())

 #include ( "templates/commoncssfiles.vm" )  
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
#set($userinfo = $action.getUserInfo())
</head>

<body>
        <noscript>
                <p id="noScript">Please enable <em>Javascript</em> for this website to function correctly!</p>
        </noscript>

        $action.getHeaderSnippet()              
        
                        <!-- Main -->
<div id="main">
        <div class="main-content">
                <div class="main-top">
                        <div class="bread-crumbs">
                                <a href="/">Home</a>&nbsp;&gt;&nbsp;
                        #if($totalCount==2 && $action.getActionName()=="compare-mobile-phones")
                                <a href="$action.getUrlForGeneratedCompareWith($productids.get(0))">Compare $productNames.get(0)</a>&nbsp;&gt;&nbsp;
                                <a href="$action.getUrlForProductPage($productids.get(1))">$productNames.get(1)</a>
                        #else 
                                <a href="#">Comparison</a>
                        #end
                        </div>
                </div>
                #if($totalCount==2)
                <div class="left" style="padding:5px">
                          <h1 style="font-size:20px">Compare $productNames.get(0) vs $productNames.get(1)</h1>
                </div>
                #end
                <!-- Comparision main body  -->
      <div id="slideGuideContent" class="comparision-page">
        <div class="middle blue-border">
          <div id="comparision-left" >
            <div id="slideGuideNav" style="width:155px;">
              <ul id="sideNav" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
                                <li class="ui-state-default ui-corner-top" style="height: 20px;">
                                        <span style="color: #1c94c4; text-decoration: none; height:20px" class="vt"></span>
                                </li>
                                #set ($firstclass = "ui-state-default ui-state-active ui-corner-top")
                                #if($action.isComparable())
                                <li title="Analysis" class="$firstclass">
                  <a class="vt" href="#vtab-summary">
                    <span>Analysis</span>
                  </a>
                </li>
                                #set($firstclass="ui-state-default ui-corner-top")
                                #end
                                #foreach($slidename in $slidenames)
                                #set($slidenamesmall = $slidename.toLowerCase().replace(" ", ""))
                                #set($slidenamesmall = $slidenamesmall.replace("/", ""))
                                <li title="$slidename" class="$firstclass">
                                #set($firstclass="ui-state-default ui-corner-top")
                                  <a class="vt" href="#vtab-$slidenamesmall">
                    <span>$slidename</span>
                  </a>
                </li>
                                #end
                                
                
              </ul>
            </div>
          </div>
          <div id="comparision-right">
            <h1 class='comparision-page-title'>Introduction</h1>
            <div class="scroller-column-$snippets.size() scroller-columns">
              <div class="column-top-grey">&nbsp;</div>
                          
                           <div class="scroller-content-inner" id="scroller-main-content">
                           
              <div class="comparision-product-name">
                                
                                #set($productsnippets =  $action.getProductSnippets())
                                #foreach ( $snippet in $productsnippets.values() )
                                        #if($velocityCount != 1)
                                                <div class="comparision-border-inner"></div>
                                        #end
                                        $snippet
                                #end
                        </div>
                          
                                #set($snippets =  $action.getSnippets())
                                #set($count = 1)
                                #foreach ( $snippet in $snippets.values() )
                                        #if($velocityCount != 1)
                                                <div class="comparision-border-inner mk_seperator"></div>
                                        #end
                                        <div id="product-comparision" class="comparision-product-column #if($count == 0) comparision-product-column-even #set($count = 1) #else #set($count = 0) #end">
                                        $snippet        
                                        </div>
                                #end

                                </div>
              <div class="column-bottom-grey">&nbsp;</div>
            </div>
                        
                        #if($action.isComparable())
                         <div id="comparision-summary-content" class="summary-column-$snippets.size()">
              <div class="summary comparision-summary-inner-content">
                <div class="summarypage-headerrow">
                  <div class="column  summary-column-title" >
                    <div class="header">
                      <h2 class='summary-comparision-page-title'>Summary</h2>
                                          For details click on individual features
                    </div>
                  </div>
                                  
                                  #set($productsnippets =  $action.getProductSummarySnippets())
                                #foreach ( $snippet in $productsnippets.values() )
                                        
                                                $snippet
                                        #end
                </div>
                                
                <div class="summarypage-row-0 summarypage-row">
                                <div class="column-score-title">
                                        <span class="scoretext">Overall Score</span>
                </div>
                                
                                
                                #set($overallScores = $action.getOverallScores())
                                #foreach($overallScore in $overallScores)
                                <div class="column-score-total">
                   <span class="score-total score-total-$velocityCount scoretext">$overallScore / 10</span>
                </div>
                                #end
                                </div>
                                
                                #foreach($slidename in $slidenameimportancemap.keySet())
                                <div  class="summarypage-row-$velocityCount summarypage-row">
                  <div class="column-score-name">
                    <span class="scoretextnormal">$slidename</span>
                    <span class="option">
                      <select id="category-2" class="summary-dropdown">
                                                #foreach($importance in $importances)
                                                        #if($slidenameimportancemap.get($slidename).equals($importance))
                                                                <option selected value="$velocityCount" > $importance </option>
                                                        #else
                                                                <option value="$velocityCount"> $importance </option>
                                                        #end
                                                        
                                                        
                                                #end
                                                
                      </select>
                    </span>
                  </div>
                                  #set($prodnum = 1)
                                  #foreach($productname in $productnames)
                                  #set($score = 0.0)
                                  #set($score = $productslidescores.get($productname).get($slidename))
                                  <div class="features-color features-color-$velocityCount">
                                        
                                        #if( $score < 2 )
                                                        <div class="product-${prodnum} summary-rating rating0-2">$score</div>
                                        #elseif( $score < 3 )
                                                        <div class="product-${prodnum} summary-rating rating2-3">$score</div>
                                        #elseif( $score < 4 )
                                                        <div class="product-${prodnum} summary-rating rating3-4">$score</div>
                                        #elseif( $score < 5 )
                                                        <div class="product-${prodnum} summary-rating rating4-5">$score</div>
                                        #elseif( $score < 6 )
                                                        <div class="product-${prodnum} summary-rating rating5-6">$score</div>
                                        #elseif( $score < 7 )
                                                        <div class="product-${prodnum} summary-rating rating6-7">$score</div>
                                        #elseif( $score < 8 )
                                                        <div class="product-${prodnum} summary-rating rating7-8">$score</div>
                                        #else
                                                        <div class="product-${prodnum} summary-rating rating8-10">$score</div>
                                        #end
                                        
                                        #set($prodnum = $prodnum + 1)
                  </div>
                                  #end
                                  
                </div>
                                #end
              </div>
                            <!-- rating area -->
                <div class="summary-rating rating-area">
                  <div class="summary-rating rating-scale">
                    <span class="first">Excellent</span> 
                    <span class="summary-rating rating8-10"></span>
                    <span class="summary-rating rating7-8"></span>
                    <span class="summary-rating rating6-7"></span>
                    <span class="summary-rating rating5-6"></span>
                    <span class="summary-rating rating4-5"></span>
                    <span class="summary-rating rating3-4"></span>
                    <span class="summary-rating rating2-3"></span>
                    <span class="summary-rating rating0-2"></span>
                    <span class="last">Bad</span>
                  </div>
                </div>
                <!-- /rating area -->
                                
                <div class="bottom-area">
                                #if($commonSlides && $commonSlides.size()>0)
                  <p>
                    <b>These features are the same across the compared phones </b>
                  </p>
                                  #foreach($commonSlide in $commonSlides)
                  <p>$commonSlide </p>
                                  #end
                                #end
                                  <p/>
                                  <p>
                    <b>These features are not compared </b>
                  </p>
                                  #foreach($uncomparedSlide  in $uncomparedSlides)
                  <p>$uncomparedSlide</p>
                                  #end
                                </div>
                                
              </div>
                          #end
            </div>
        </div>
      </div>
      <!-- /Comparision main body  -->    
          
                
        </div>
</div>
<!-- /Main -->


     #include("templates/footer.vm")
    <!-- color by color lightbox -->
    <div style="display: none;">
      <div class="colorSelLightBoxColor">
        <form name="frmColorSelName" method="post" action="#">
          <h1>Color Selector</h1>
          <h2>"Please choose color of product"</h2>
          <div class="content"></div>
          <div class="bigImgButton yellow-image">
            <input value="Continue" class="button" onclick="selectColor();" type="button" />
          </div>
          <div class="clearBoth"></div>
        </form>
      </div>
    </div>
    <!-- /color by color lightbox -->
        #include ( "templates/commonjsfiles.vm" )
<script language="javascript" type="text/javascript" src="/js/jquery.jscrollpane.js"></script>


<script type="text/javascript" id="sourcecode">
      $(function() {
          hideSlides();
                #if($snippets.size() > 3)
            if ($(".scroller-column-$snippets.size()").length){
                        selector = '.scroller-column-$snippets.size()';
                  pane  = $(selector);
                  pane = pane.jScrollPane({showArrows: true});
                  api = pane.data('jsp');
        }
                #end
          renderComparison();
          #if(!$action.isComparable())
          $('li.ui-state-default:nth(1)').click();
          #end
      });
</script>

        

</body>
</html>