Subversion Repositories SmartDukaan

Rev

Rev 3068 | Rev 5145 | Go to most recent revision | 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">
<head>
        <title>Compare phones</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="Description" content="$action.getPageMetaDescSnippet()" />
        <meta name="Keywords" content="$action.getPageMetaKeywordsSnippet()" />

#set($slidenames = $action.getSlideNames())
#set($productids = $action.getProductList())
#set($productnames = $action.getProductNames())
#set($slidenameimportancemap = $action.getSlideNameImportanceMap())
#set($productslidescores = $action.getProductSlideScores())
#set($importances = $action.getImportances())
#set($overallScores = $action.getOverallScores())
#set($uncomparedSlides= $action.getUncomparedSlides())
#set($commonSlides= $action.getcommonSlides())

 #include ( "templates/commoncssfiles.vm" )  
 
#set($userinfo = $action.getUserInfo())
</head>

<body>
        <noscript>
                <p id="noScript">Please allow <em>Javascript</em> in order to function this website 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;
                                <a href="#">Comparison</a>
                        </div>
                </div>
                <div class="main-left left">
                          
                </div>
                
                <!-- Comparision main body  -->
      <div id="slideGuideContent" class="comparision-page">
                <!--
        <div class="top">
          <div class="left">
            <div class="right">
              <div class="center">
              </div>
            </div>
          </div>
        </div>
                -->
        <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 title="Analysis" class=" ui-state-default ui-state-active ui-corner-top">
                  <a class="vt" href="#vtab-summary">
                    <span>Analysis</span>
                  </a>
                </li>
                                #foreach($slidename in $slidenames)
                                #set($slidenamesmall = $slidename.toLowerCase().replace(" ", ""))
                                #set($slidenamesmall = $slidenamesmall.replace("/", ""))
                                <li title="$slidename" class="ui-state-default ui-corner-top"> 
                                <!--<li title="$slidename" class="#if($velocityCount != 1)ui-state-default #else ui-state-default ui-state-active #end 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"></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>
                        
                         <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">
                      <h1 class='summary-comparision-page-title'> Analysis</h1>
                    </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>
                                
                                
                                #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>
                          <!--
              <div class="summary-bottom-area">
                <div class="reset-button" ><div class="bigImgButton yellow-image">
                    <input type="submit" class="button" value="Reset" id="edit-submit" name="btnSearch" />
                  </div>
                </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>
            </div>
        </div>
                <!--
        <div class="bottom">
          <div class="left">
            <div class="right">
              <div class="center">&nbsp;</div>
            </div>
          </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){
                  $('.scroller-column-$snippets.size()').jScrollPane({showArrows: true});
        }
                #end
          renderComparison();
      });
</script>

        

</body>
</html>