Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
1778 rajveer 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 
<html xmlns="http://www.w3.org/1999/xhtml">
5048 amit.gupta 3 
#set($slidenames = $action.getSlideNames())
1778 rajveer 4 
<head>
5048 amit.gupta 5 
	<title>$action.getPageTitle()</title>
1778 rajveer 6 
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5048 amit.gupta 7 
	<meta name="Description" content="$action.getPageDescription()" />
8 
	<meta name="Keywords" content="$action.getKeywords()" />
7555 amit.gupta 9 
	<link rel="stylesheet" href="/css/comparision.css" type="text/css" />
1778 rajveer 10 
 
5422 amit.gupta 11 
#set($productnames = $action.getProductNames())
1950 rajveer 12 
#set($productids = $action.getProductList())
5322 amit.gupta 13 
#set($totalCount = $action.getProductList().size())
1950 rajveer 14 
#set($slidenameimportancemap = $action.getSlideNameImportanceMap())
15 
#set($productslidescores = $action.getProductSlideScores())
16 
#set($importances = $action.getImportances())
17 
#set($uncomparedSlides= $action.getUncomparedSlides())
18 
#set($commonSlides= $action.getcommonSlides())
19 
 
1778 rajveer 20 
 #include ( "templates/commoncssfiles.vm" )
5542 amar.kumar 21 
	<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
1778 rajveer 22 
#set($userinfo = $action.getUserInfo())
23 
</head>
24 
 
25 
<body>
26 
	<noscript>
5572 anupam.sin 27 
		<p id="noScript">Please enable <em>Javascript</em> for this website to function correctly!</p>
1778 rajveer 28 
	</noscript>
29 
 
3830 chandransh 30 
	$action.getHeaderSnippet()
31 
 
32 
			<!-- Main -->
33 
<div id="main">
34 
	<div class="main-content">
35 
		<div class="main-top">
36 
			<div class="bread-crumbs">
37 
				<a href="/">Home</a>&nbsp;&gt;&nbsp;
5547 amit.gupta 38 
			#if($totalCount==2 && $action.getActionName()=="compare-mobile-phones")
39 
				<a href="$action.getUrlForGeneratedCompareWith($productids.get(0))">Compare $productNames.get(0)</a>&nbsp;&gt;&nbsp;
40 
				<a href="$action.getUrlForProductPage($productids.get(1))">$productNames.get(1)</a>
41 
			#else
3830 chandransh 42 
				<a href="#">Comparison</a>
5547 amit.gupta 43 
			#end
3830 chandransh 44 
			</div>
45 
		</div>
5322 amit.gupta 46 
		#if($totalCount==2)
47 
		<div class="left" style="padding:5px">
48 
			  <h1 style="font-size:20px">Compare $productNames.get(0) vs $productNames.get(1)</h1>
3830 chandransh 49 
		</div>
5322 amit.gupta 50 
		#end
3830 chandransh 51 
		<!-- Comparision main body  -->
1778 rajveer 52 
      <div id="slideGuideContent" class="comparision-page">
3830 chandransh 53 
        <div class="middle blue-border">
1778 rajveer 54 
          <div id="comparision-left" >
3830 chandransh 55 
            <div id="slideGuideNav" style="width:155px;">
1778 rajveer 56 
              <ul id="sideNav" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
5834 amar.kumar 57 
				<li class="ui-state-default ui-corner-top" style="height: 20px;">
58 
					<span style="color: #1c94c4; text-decoration: none; height:20px" class="vt"></span>
59 
				</li>
5930 amit.gupta 60 
				#set ($firstclass = "ui-state-default ui-state-active ui-corner-top")
61 
				#if($action.isComparable())
62 
				<li title="Analysis" class="$firstclass">
1950 rajveer 63 
                  <a class="vt" href="#vtab-summary">
1977 rajveer 64 
                    <span>Analysis</span>
1950 rajveer 65 
                  </a>
66 
                </li>
5930 amit.gupta 67 
				#set($firstclass="ui-state-default ui-corner-top")
68 
				#end
1778 rajveer 69 
				#foreach($slidename in $slidenames)
70 
				#set($slidenamesmall = $slidename.toLowerCase().replace(" ", ""))
1836 rajveer 71 
				#set($slidenamesmall = $slidenamesmall.replace("/", ""))
5930 amit.gupta 72 
				<li title="$slidename" class="$firstclass">
73 
				#set($firstclass="ui-state-default ui-corner-top")
1950 rajveer 74 
				  <a class="vt" href="#vtab-$slidenamesmall">
1778 rajveer 75 
                    <span>$slidename</span>
76 
                  </a>
77 
                </li>
78 
				#end
79 
 
80 
 
81 
              </ul>
82 
            </div>
83 
          </div>
1950 rajveer 84 
          <div id="comparision-right">
1778 rajveer 85 
            <h1 class='comparision-page-title'>Introduction</h1>
1950 rajveer 86 
            <div class="scroller-column-$snippets.size() scroller-columns">
1778 rajveer 87 
              <div class="column-top-grey">&nbsp;</div>
88 
 
89 
			   <div class="scroller-content-inner" id="scroller-main-content">
90 
 
91 
              <div class="comparision-product-name">
92 
 
93 
				#set($productsnippets =  $action.getProductSnippets())
94 
				#foreach ( $snippet in $productsnippets.values() )
95 
					#if($velocityCount != 1)
96 
						<div class="comparision-border-inner"></div>
97 
					#end
98 
					$snippet
99 
				#end
100 
			</div>
101 
 
102 
				#set($snippets =  $action.getSnippets())
1806 rajveer 103 
				#set($count = 1)
1778 rajveer 104 
				#foreach ( $snippet in $snippets.values() )
105 
					#if($velocityCount != 1)
5941 amit.gupta 106 
						<div class="comparision-border-inner mk_seperator"></div>
1778 rajveer 107 
					#end
1806 rajveer 108 
					<div id="product-comparision" class="comparision-product-column #if($count == 0) comparision-product-column-even #set($count = 1) #else #set($count = 0) #end">
1778 rajveer 109 
					$snippet
110 
					</div>
111 
				#end
112 
 
113 
				</div>
114 
              <div class="column-bottom-grey">&nbsp;</div>
115 
            </div>
1950 rajveer 116 
 
5930 amit.gupta 117 
			#if($action.isComparable())
1950 rajveer 118 
			 <div id="comparision-summary-content" class="summary-column-$snippets.size()">
119 
              <div class="summary comparision-summary-inner-content">
120 
                <div class="summarypage-headerrow">
121 
                  <div class="column  summary-column-title" >
122 
                    <div class="header">
5552 phani.kuma 123 
                      <h2 class='summary-comparision-page-title'>Summary</h2>
124 
					  For details click on individual features
1950 rajveer 125 
                    </div>
126 
                  </div>
127 
 
128 
				  #set($productsnippets =  $action.getProductSummarySnippets())
129 
				#foreach ( $snippet in $productsnippets.values() )
130 
 
131 
						$snippet
132 
					#end
133 
                </div>
134 
 
135 
                <div class="summarypage-row-0 summarypage-row">
136 
				<div class="column-score-title">
137 
					<span class="scoretext">Overall Score</span>
138 
                </div>
139 
 
140 
 
5930 amit.gupta 141 
				#set($overallScores = $action.getOverallScores())
1950 rajveer 142 
				#foreach($overallScore in $overallScores)
143 
				<div class="column-score-total">
1977 rajveer 144 
                   <span class="score-total score-total-$velocityCount scoretext">$overallScore / 10</span>
1950 rajveer 145 
                </div>
146 
				#end
147 
				</div>
148 
 
149 
				#foreach($slidename in $slidenameimportancemap.keySet())
150 
				<div  class="summarypage-row-$velocityCount summarypage-row">
151 
                  <div class="column-score-name">
152 
                    <span class="scoretextnormal">$slidename</span>
153 
                    <span class="option">
154 
                      <select id="category-2" class="summary-dropdown">
155 
						#foreach($importance in $importances)
156 
							#if($slidenameimportancemap.get($slidename).equals($importance))
157 
								<option selected value="$velocityCount" > $importance </option>
158 
							#else
159 
								<option value="$velocityCount"> $importance </option>
160 
							#end
161 
 
162 
 
163 
						#end
164 
 
165 
                      </select>
166 
                    </span>
167 
                  </div>
168 
				  #set($prodnum = 1)
169 
				  #foreach($productname in $productnames)
170 
				  #set($score = 0.0)
171 
				  #set($score = $productslidescores.get($productname).get($slidename))
172 
				  <div class="features-color features-color-$velocityCount">
173 
 
174 
					#if( $score < 2 )
175 
							<div class="product-${prodnum} summary-rating rating0-2">$score</div>
176 
					#elseif( $score < 3 )
177 
							<div class="product-${prodnum} summary-rating rating2-3">$score</div>
178 
					#elseif( $score < 4 )
179 
							<div class="product-${prodnum} summary-rating rating3-4">$score</div>
180 
					#elseif( $score < 5 )
181 
							<div class="product-${prodnum} summary-rating rating4-5">$score</div>
182 
					#elseif( $score < 6 )
183 
							<div class="product-${prodnum} summary-rating rating5-6">$score</div>
184 
					#elseif( $score < 7 )
185 
							<div class="product-${prodnum} summary-rating rating6-7">$score</div>
186 
					#elseif( $score < 8 )
187 
							<div class="product-${prodnum} summary-rating rating7-8">$score</div>
188 
					#else
189 
							<div class="product-${prodnum} summary-rating rating8-10">$score</div>
190 
					#end
191 
 
192 
					#set($prodnum = $prodnum + 1)
193 
                  </div>
194 
				  #end
195 
 
196 
                </div>
197 
				#end
198 
              </div>
5145 phani.kuma 199 
			    <!-- rating area -->
1950 rajveer 200 
                <div class="summary-rating rating-area">
201 
                  <div class="summary-rating rating-scale">
202 
                    <span class="first">Excellent</span>
203 
                    <span class="summary-rating rating8-10"></span>
204 
                    <span class="summary-rating rating7-8"></span>
205 
                    <span class="summary-rating rating6-7"></span>
206 
                    <span class="summary-rating rating5-6"></span>
207 
                    <span class="summary-rating rating4-5"></span>
208 
                    <span class="summary-rating rating3-4"></span>
209 
                    <span class="summary-rating rating2-3"></span>
210 
                    <span class="summary-rating rating0-2"></span>
211 
                    <span class="last">Bad</span>
212 
                  </div>
213 
                </div>
214 
                <!-- /rating area -->
215 
 
216 
                <div class="bottom-area">
217 
				#if($commonSlides && $commonSlides.size()>0)
218 
                  <p>
219 
                    <b>These features are the same across the compared phones </b>
220 
                  </p>
221 
				  #foreach($commonSlide in $commonSlides)
222 
                  <p>$commonSlide </p>
223 
				  #end
224 
				#end
225 
				  <p/>
226 
				  <p>
227 
                    <b>These features are not compared </b>
228 
                  </p>
229 
				  #foreach($uncomparedSlide  in $uncomparedSlides)
230 
                  <p>$uncomparedSlide</p>
231 
				  #end
232 
				</div>
233 
 
234 
              </div>
5930 amit.gupta 235 
			  #end
1950 rajveer 236 
            </div>
1778 rajveer 237 
        </div>
238 
      </div>
239 
      <!-- /Comparision main body  -->
240 
 
3830 chandransh 241 
 
242 
	</div>
243 
</div>
244 
<!-- /Main -->
245 
 
246 
 
247 
     #include("templates/footer.vm")
1778 rajveer 248 
    <!-- color by color lightbox -->
249 
    <div style="display: none;">
250 
      <div class="colorSelLightBoxColor">
251 
        <form name="frmColorSelName" method="post" action="#">
252 
          <h1>Color Selector</h1>
253 
          <h2>"Please choose color of product"</h2>
254 
          <div class="content"></div>
255 
          <div class="bigImgButton yellow-image">
256 
            <input value="Continue" class="button" onclick="selectColor();" type="button" />
257 
          </div>
258 
          <div class="clearBoth"></div>
259 
        </form>
260 
      </div>
261 
    </div>
262 
    <!-- /color by color lightbox -->
263 
	#include ( "templates/commonjsfiles.vm" )
1950 rajveer 264 
<script language="javascript" type="text/javascript" src="/js/jquery.jscrollpane.js"></script>
1816 rajveer 265 
 
3068 chandransh 266 
 
1778 rajveer 267 
<script type="text/javascript" id="sourcecode">
268 
      $(function() {
1950 rajveer 269 
	  hideSlides();
270 
		#if($snippets.size() > 3)
1778 rajveer 271 
	    if ($(".scroller-column-$snippets.size()").length){
5941 amit.gupta 272 
			selector = '.scroller-column-$snippets.size()';
273 
		  pane  = $(selector);
274 
		  pane = pane.jScrollPane({showArrows: true});
275 
		  api = pane.data('jsp');
1778 rajveer 276 
        }
1950 rajveer 277 
		#end
278 
	  renderComparison();
5930 amit.gupta 279 
	  #if(!$action.isComparable())
280 
	  $('li.ui-state-default:nth(1)').click();
281 
	  #end
1778 rajveer 282 
      });
283 
</script>
1816 rajveer 284 
 
1778 rajveer 285 
 
286 
 
287 
</body>
288 
</html>