Subversion Repositories SmartDukaan

Rev

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