Subversion Repositories SmartDukaan

Rev

Rev 18245 | Rev 18525 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
18211 naman 1 
<script type="text/javascript" src="<?php echo $base_url;?>js/iscroll.js"></script>
18224 naman 2 
<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
3 
<script type="text/javascript" src="/js/jquery.viewport.mini.js"></script>
18211 naman 4 
 
5 
<script>
18224 naman 6 
$(document).ready(function(){
7 
	$('.card').html(localStorage.getItem("productdetail"));
18234 amit.gupta 8 
	$('.data-up:first').append('<a id="popovertrigger6"  data-container="body" data-toggle="popover" data-placement="left" data-content="Buy Now"></a>');
9 
	showpopover("popovertrigger6", $('.row.card')[0]);
10 
	$('.popover').css('position','fixed');
18239 amit.gupta 11 
	$('.popover-content').css('padding','9px');
12 
	try {
13 
   		$("#popovertrigger6").popover('show');
14 
    }catch(err){
15 
    	//
16 
    }
17 
 
18235 amit.gupta 18 
	setTimeout(function(){
19 
        	$("#popovertrigger6").popover('hide');
20 
        },2000);
21 
	setInterval(function(){
22 
		try {
23 
        		$("#popovertrigger6").popover('show');
24 
        	}catch(err){
25 
        		//
26 
    		}
27 
        setTimeout(function(){
28 
        	$("#popovertrigger6").popover('hide');
29 
        },2000);
30 
    },7000);
18224 naman 31 
	$('.see_more_link').remove();
18211 naman 32 
	var topmargin = $(".card").height();
18231 naman 33 
	var value = " "+(topmargin+15)+"px 5px 5px 5px";
18211 naman 34 
	$('#detailcontent').css("margin",value);
18234 amit.gupta 35 
	//$('.popover').hide();
36 
	//$('.arrow').hide();
18224 naman 37 
	$('div').removeClass("accsproduct");
38 
	$('h5').removeClass("accsproduct");
18231 naman 39 
 
40 
	 $('.uvideo').click(function(){
41 
	 window.history.pushState('forward', null, './forward');
42 
      var source= $(this).data('source');
43 
      // alert(source);
44 
      $('#content-add').empty();
45 
      var content = "<iframe width='100%' height='100%' src='http://www.youtube.com/embed/"+source+"?autoplay=1'></iframe>"
46 
      value = " "+(topmargin+10)+"px 5px 5px 5px";
47 
      $('#video-body').css("margin",value);
48 
      $('#content-add').append(content);
49 
      var producttitle = $(this).closest(".productdetails").find(".producttitle").html().trim();
50 
      ga('send', 'event', 'Video Link Clicked', producttitle, me);
51 
      $('#videoModal').modal('show');
52 
    });
53 
 
54 
    if (window.history && window.history.pushState) {
55 
 
56 
        $(window).on('popstate', function() {
57 
             $('#videoModal').modal('hide');
58 
      		 $('.text-center').empty();
59 
        });
60 
 
61 
      }
62 
 
18234 amit.gupta 63 
    $('#videoModal').click(function(){
64 
    	$('#content-add').empty();
18231 naman 65 
    });
66 
 
67 
    $('.close').click(function(){
68 
      $('#videoModal').modal('hide');
69 
      $('.text-center').empty();
70 
    });
71 
 
18211 naman 72 
});
73 
function loaded () {
74 
	myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
75 
	}
76 
var a;
77 
var b;
78 
function togglelist(e, id) {
79 
 
80 
    var el = document.getElementById(id);
81 
    if ((a != undefined) && (b != null) && (a != el)) {
82 
        a.style.display = 'none';
83 
        b.innerHTML = '+';
84 
    }
85 
    if (el.style.display != 'none') {
86 
        el.style.display = 'none';
87 
        e.currentTarget.children[1].innerHTML = '+';
88 
    } else {
89 
        el.style.display = '';
90 
        e.currentTarget.children[1].innerHTML = '-';
91 
    }
92 
    a = el;
93 
    b = e.currentTarget.children[1];
94 
}
95 
</script>
18245 naman 96 
<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
18211 naman 97 
<style>
98 
.pd-tab {
99 
  background: #e5e6e0;
100 
  color: #555555;
101 
  text-transform: capitalize;
102 
  padding: 7px 5px;
103 
  font: 1.2em Helvetica, Arial, sans-serif;
104 
  margin-bottom: 2px;
105 
  width:100%;
106 
}
107 
.pd-tab span:nth-of-type(1) {
108 
  float: left;
109 
  margin-top: 3px;
110 
}
111 
.pd-tab span:nth-of-type(2) {
112 
  float: right;
113 
  font: 1.2em Helvetica, Arial, sans-serif;
114 
}
115 
.pd-tab-open {
116 
  width:90%;
117 
  margin: 10px;
118 
}
119 
.pd-tab-open table {
120 
  border: #f2f3ef solid 1px;
121 
  width: 99%;
122 
  border-collapse: collapse;
123 
  color: #555555;
124 
  margin-bottom: 10px;
125 
}
126 
.pd-tab-open table th {
127 
  background: #f2f3ef;
128 
  font: 1em Helvetica, Arial, sans-serif;
129 
  padding: 5px 0 5px 5px;
130 
  text-align: left;
131 
}
132 
.pd-tab-open table td {
133 
  font: 1em Helvetica, Arial, sans-serif;
134 
  text-align: center;
135 
  border-bottom: #f2f3ef solid 1px;
136 
  padding: 5px 3px;
137 
}
138 
.pd-tab-open table td:nth-of-type(1) {
139 
  border-right: #f2f3ef solid 1px;
140 
  text-align: left;
141 
  width: 25%;
142 
}
143 
.pd-tab-open table td:nth-of-type(2) {
144 
 
145 
  text-align: left;
146 
  padding-left: 4px;
147 
  box-sizing: border-box;
148 
  -webkit-box-sizing: border-box;
149 
  -moz-box-sizing: border-box;
150 
}
151 
.pd-tab-open .detail-div {
152 
  color: #555555;
153 
  text-align: left;
154 
  font: 1.2em Helvetica, Arial, sans-serif;
155 
}
156 
 
157 
#wrapper {
158 
	position: absolute;
159 
	z-index: 1;
160 
	top: 5px;
161 
	bottom: 48px;
162 
	left: 0;
163 
	width: 100%;
18231 naman 164 
	height: 210px;
18211 naman 165 
	overflow: hidden;
166 
}
167 
 
168 
#scroller {
169 
	position: absolute;
170 
	z-index: 1;
171 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
172 
	/*width: 560px;*/
173 
 
174 
 
175 
	-webkit-transform: translateZ(0);
176 
	-moz-transform: translateZ(0);
177 
	-ms-transform: translateZ(0);
178 
	-o-transform: translateZ(0);
179 
	transform: translateZ(0);
180 
	-webkit-touch-callout: none;
181 
	-webkit-user-select: none;
182 
	-moz-user-select: none;
183 
	-ms-user-select: none;
184 
	user-select: none;
185 
	-webkit-text-size-adjust: none;
186 
	-moz-text-size-adjust: none;
187 
	-ms-text-size-adjust: none;
188 
	-o-text-size-adjust: none;
189 
	text-size-adjust: none;
190 
}
191 
 
192 
#scroller ul {
193 
	list-style: none;
194 
	padding: 0;
195 
	margin: 0;
196 
	width: 100%;
197 
 
198 
	text-align: center;
199 
}
200 
 
201 
#scroller li {
202 
	display: block;
203 
	float: left;
18231 naman 204 
	/*width: 140px;*/
205 
	width: 210px;
206 
  	height: 210px;
18211 naman 207 
 
208 
	border-right: 1px solid #ccc;
18231 naman 209 
	background-color: white;
18211 naman 210 
	font-size: 14px;
211 
}
212 
.pd-images {
213 
  padding: 5px 10px;
214 
 
215 
  border: #f1f1f1 solid 1
216 
}
217 
 
218 
.goback {z-index:10; height: 32px; width: 32px; position: absolute;top:120px;padding:4px;}
219 
</style>
220 
 
18231 naman 221 
<div class="modal fade" id="videoModal">
222 
  <div class="modal-dialog">
223 
    <div class="modal-content" id='video-body'>
224 
      <div class="modal-body">
225 
        <div class="text-center" id='content-add'>
226 
 
227 
        </div>
228 
      </div>
229 
    </div><!-- /.modal-content -->
230 
  </div><!-- /.modal-dialog -->
231 
</div>
18224 naman 232 
<div class="modal fade" id="loadingModal">
233 
  <div class="modal-dialog">
234 
    <div class="modal-content">
235 
      <div class="modal-body">
236 
        <div class="text-center">
237 
          <img src="/img/ajax-loader.gif"/>
238 
        </div>
239 
      </div>
240 
    </div><!-- /.modal-content -->
241 
  </div><!-- /.modal-dialog -->
242 
</div>
18211 naman 243 
 
18231 naman 244 
<div style="position:fixed;z-index:2;top:-5px; background:#58d936;padding:15px 5px 2px 5px;width:100%">
245 
<a href="javascript:history.back();"><span class="glyphicon glyphicon-remove-circle pull-right" style='left: 5px;z-index: 55;font-size: 20px;color: #555;'></span></a>
18224 naman 246 
<div class="row card">
18211 naman 247 
 
248 
 
249 
</div>
18224 naman 250 
</div>
18211 naman 251 
 
18224 naman 252 
<div id = "detailcontent" style="background:white;position:relative;margin-bottom:50px;">
18211 naman 253 
 
254 
<div id="wrapper" style="background:white;">
18231 naman 255 
	<div id="scroller" style='width: <?php echo count($dealinfo['entity']['images'])*220;?>px;'>
18211 naman 256 
		<ul>
257 
			<?php foreach($dealinfo['entity']['images'] as $image){?>
258 
	          	<?php //echo $image['url'];?>
18231 naman 259 
	          	<li class='pd-images'><img src="<?php echo $image['url'];?>" height="100%" "></li>
18211 naman 260 
 
261 
	         <?php } ?>
262 
	    </ul>
263 
	</div>
18224 naman 264 
</div>
265 
 
18231 naman 266 
	<div style="position:absolute;top:210px;width:100%;padding-bottom:55px;">
18224 naman 267 
	<div style="background:white;">
268 
		<?php if(isset($dealinfo['entity']['keySpecs']) && !empty($dealinfo['entity']['keySpecs'])):?>
269 
			<div class="pd-tab clearfix" >
270 
		  		<span>Highlights</span>
271 
			</div>
272 
 
273 
			<div class="pd-tab-open" id="tab1">
274 
			  <div class="detail-div">
275 
			         <?php foreach($dealinfo['entity']['keySpecs'] as $value):?>
276 
			         	<?php echo "<div>".$value."</div>";?>
277 
			         <?php endforeach;?>
278 
			  </div>
279 
			</div>
280 
		<?php endif;?>
18211 naman 281 
 
18224 naman 282 
		<?php if(isset($dealinfo['entity']['packageContents']) && !empty($dealinfo['entity']['packageContents'])):?>
283 
			<div class="pd-tab clearfix" >
284 
			  <span>Package Contents</span>
285 
			</div>
286 
 
287 
			<div class="pd-tab-open" id="tab1">
288 
			  <div class="detail-div">
289 
			         <?php foreach($dealinfo['entity']['packageContents'] as $value):?>
290 
			         	<?php echo "<div>".$value."</div>";?>
291 
			         <?php endforeach;?>
292 
			  </div>
293 
			</div>
294 
		<?php endif;?>
295 
 
296 
		<?php if(isset($dealinfo['entity']['detailedSpecs']) && !empty($dealinfo['entity']['detailedSpecs'])):?>
297 
			<div class="pd-tab clearfix" onclick="togglelist(event,'tab2')">
298 
			  <span>Detailed Specifications</span><span>-</span>
299 
			</div>
300 
 
301 
			<div class="pd-tab-open" id="tab2" style="width:96%;">
302 
			  <div class="detail-div">
303 
			         <?php foreach($dealinfo['entity']['detailedSpecs'] as $key=> $value):?>
304 
			         	<table>
305 
				          <tr>
306 
				            <th colspan="2"><?php echo $value['title']; ?></th>
307 
				          </tr>
308 
				           <?php foreach ($value['specs'] as $item) {?>
309 
				            <tr>
310 
				              <td><?php echo $item['name'];?></td>
18315 amit.gupta 311 
				              <td><?php echo implode('<br>',$item['values']);?></td>
18224 naman 312 
				            </tr>
313 
				           <?php }?>
314 
				        </table>
315 
			         <?php endforeach;?>
316 
			  </div>
317 
			</div>
318 
		<?php endif;?>
18211 naman 319 
	</div>
320 
	</div>
321 
 
322 
</div>
323 
 
324 
<?php echo $this->element('footer');?>
325 
 
326 
 
327 
 
328