Subversion Repositories SmartDukaan

Rev

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