Subversion Repositories SmartDukaan

Rev

Rev 5572 | Rev 5930 | 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($overallScores = $action.getOverallScores())
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>
1977 rajveer 60
				<li title="Analysis" class=" ui-state-default ui-state-active ui-corner-top">
1950 rajveer 61
                  <a class="vt" href="#vtab-summary">
1977 rajveer 62
                    <span>Analysis</span>
1950 rajveer 63
                  </a>
64
                </li>
1778 rajveer 65
				#foreach($slidename in $slidenames)
66
				#set($slidenamesmall = $slidename.toLowerCase().replace(" ", ""))
1836 rajveer 67
				#set($slidenamesmall = $slidenamesmall.replace("/", ""))
5145 phani.kuma 68
				<li title="$slidename" class="ui-state-default ui-corner-top">
1950 rajveer 69
				  <a class="vt" href="#vtab-$slidenamesmall">
1778 rajveer 70
                    <span>$slidename</span>
71
                  </a>
72
                </li>
73
				#end
74
 
75
 
76
              </ul>
77
            </div>
78
          </div>
1950 rajveer 79
          <div id="comparision-right">
1778 rajveer 80
            <h1 class='comparision-page-title'>Introduction</h1>
1950 rajveer 81
            <div class="scroller-column-$snippets.size() scroller-columns">
1778 rajveer 82
              <div class="column-top-grey">&nbsp;</div>
83
 
84
			   <div class="scroller-content-inner" id="scroller-main-content">
85
 
86
              <div class="comparision-product-name">
87
 
88
				#set($productsnippets =  $action.getProductSnippets())
89
				#foreach ( $snippet in $productsnippets.values() )
90
					#if($velocityCount != 1)
91
						<div class="comparision-border-inner"></div>
92
					#end
93
					$snippet
94
				#end
95
			</div>
96
 
97
				#set($snippets =  $action.getSnippets())
1806 rajveer 98
				#set($count = 1)
1778 rajveer 99
				#foreach ( $snippet in $snippets.values() )
100
					#if($velocityCount != 1)
101
						<div class="comparision-border-inner"></div>
102
					#end
1806 rajveer 103
					<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 104
					$snippet	
105
					</div>
106
				#end
107
 
108
				</div>
109
              <div class="column-bottom-grey">&nbsp;</div>
110
            </div>
1950 rajveer 111
 
112
			 <div id="comparision-summary-content" class="summary-column-$snippets.size()">
113
              <div class="summary comparision-summary-inner-content">
114
                <div class="summarypage-headerrow">
115
                  <div class="column  summary-column-title" >
116
                    <div class="header">
5552 phani.kuma 117
                      <h2 class='summary-comparision-page-title'>Summary</h2>
118
					  For details click on individual features
1950 rajveer 119
                    </div>
120
                  </div>
121
 
122
				  #set($productsnippets =  $action.getProductSummarySnippets())
123
				#foreach ( $snippet in $productsnippets.values() )
124
 
125
						$snippet
126
					#end
127
                </div>
128
 
129
                <div class="summarypage-row-0 summarypage-row">
130
				<div class="column-score-title">
131
					<span class="scoretext">Overall Score</span>
132
                </div>
133
 
134
 
135
				#foreach($overallScore in $overallScores)
136
				<div class="column-score-total">
1977 rajveer 137
                   <span class="score-total score-total-$velocityCount scoretext">$overallScore / 10</span>
1950 rajveer 138
                </div>
139
				#end
140
				</div>
141
 
142
				#foreach($slidename in $slidenameimportancemap.keySet())
143
				<div  class="summarypage-row-$velocityCount summarypage-row">
144
                  <div class="column-score-name">
145
                    <span class="scoretextnormal">$slidename</span>
146
                    <span class="option">
147
                      <select id="category-2" class="summary-dropdown">
148
						#foreach($importance in $importances)
149
							#if($slidenameimportancemap.get($slidename).equals($importance))
150
								<option selected value="$velocityCount" > $importance </option>
151
							#else
152
								<option value="$velocityCount"> $importance </option>
153
							#end
154
 
155
 
156
						#end
157
 
158
                      </select>
159
                    </span>
160
                  </div>
161
				  #set($prodnum = 1)
162
				  #foreach($productname in $productnames)
163
				  #set($score = 0.0)
164
				  #set($score = $productslidescores.get($productname).get($slidename))
165
				  <div class="features-color features-color-$velocityCount">
166
 
167
					#if( $score < 2 )
168
							<div class="product-${prodnum} summary-rating rating0-2">$score</div>
169
					#elseif( $score < 3 )
170
							<div class="product-${prodnum} summary-rating rating2-3">$score</div>
171
					#elseif( $score < 4 )
172
							<div class="product-${prodnum} summary-rating rating3-4">$score</div>
173
					#elseif( $score < 5 )
174
							<div class="product-${prodnum} summary-rating rating4-5">$score</div>
175
					#elseif( $score < 6 )
176
							<div class="product-${prodnum} summary-rating rating5-6">$score</div>
177
					#elseif( $score < 7 )
178
							<div class="product-${prodnum} summary-rating rating6-7">$score</div>
179
					#elseif( $score < 8 )
180
							<div class="product-${prodnum} summary-rating rating7-8">$score</div>
181
					#else
182
							<div class="product-${prodnum} summary-rating rating8-10">$score</div>
183
					#end
184
 
185
					#set($prodnum = $prodnum + 1)
186
                  </div>
187
				  #end
188
 
189
                </div>
190
				#end
191
              </div>
5145 phani.kuma 192
			    <!-- rating area -->
1950 rajveer 193
                <div class="summary-rating rating-area">
194
                  <div class="summary-rating rating-scale">
195
                    <span class="first">Excellent</span> 
196
                    <span class="summary-rating rating8-10"></span>
197
                    <span class="summary-rating rating7-8"></span>
198
                    <span class="summary-rating rating6-7"></span>
199
                    <span class="summary-rating rating5-6"></span>
200
                    <span class="summary-rating rating4-5"></span>
201
                    <span class="summary-rating rating3-4"></span>
202
                    <span class="summary-rating rating2-3"></span>
203
                    <span class="summary-rating rating0-2"></span>
204
                    <span class="last">Bad</span>
205
                  </div>
206
                </div>
207
                <!-- /rating area -->
208
 
209
                <div class="bottom-area">
210
				#if($commonSlides && $commonSlides.size()>0)
211
                  <p>
212
                    <b>These features are the same across the compared phones </b>
213
                  </p>
214
				  #foreach($commonSlide in $commonSlides)
215
                  <p>$commonSlide </p>
216
				  #end
217
				#end
218
				  <p/>
219
				  <p>
220
                    <b>These features are not compared </b>
221
                  </p>
222
				  #foreach($uncomparedSlide  in $uncomparedSlides)
223
                  <p>$uncomparedSlide</p>
224
				  #end
225
				</div>
226
 
227
              </div>
228
            </div>
1778 rajveer 229
        </div>
230
      </div>
231
      <!-- /Comparision main body  -->	  
232
 
3830 chandransh 233
 
234
	</div>
235
</div>
236
<!-- /Main -->
237
 
238
 
239
     #include("templates/footer.vm")
1778 rajveer 240
    <!-- color by color lightbox -->
241
    <div style="display: none;">
242
      <div class="colorSelLightBoxColor">
243
        <form name="frmColorSelName" method="post" action="#">
244
          <h1>Color Selector</h1>
245
          <h2>"Please choose color of product"</h2>
246
          <div class="content"></div>
247
          <div class="bigImgButton yellow-image">
248
            <input value="Continue" class="button" onclick="selectColor();" type="button" />
249
          </div>
250
          <div class="clearBoth"></div>
251
        </form>
252
      </div>
253
    </div>
254
    <!-- /color by color lightbox -->
255
	#include ( "templates/commonjsfiles.vm" )
1950 rajveer 256
<script language="javascript" type="text/javascript" src="/js/jquery.jscrollpane.js"></script>
1816 rajveer 257
 
3068 chandransh 258
 
1778 rajveer 259
<script type="text/javascript" id="sourcecode">
260
      $(function() {
1950 rajveer 261
	  hideSlides();
262
		#if($snippets.size() > 3)
1778 rajveer 263
	    if ($(".scroller-column-$snippets.size()").length){
1950 rajveer 264
		  $('.scroller-column-$snippets.size()').jScrollPane({showArrows: true});
1778 rajveer 265
        }
1950 rajveer 266
		#end
267
	  renderComparison();
1778 rajveer 268
      });
269
</script>
1816 rajveer 270
 
1778 rajveer 271
 
272
 
273
</body>
274
</html>