Subversion Repositories SmartDukaan

Rev

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