Subversion Repositories SmartDukaan

Rev

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