Subversion Repositories SmartDukaan

Rev

Rev 18224 | Rev 18234 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 18224 Rev 18231
Line 6... Line 6...
6 
<script>
 6 
<script>
7 
$(document).ready(function(){
7 
$(document).ready(function(){
8 
	$('.card').html(localStorage.getItem("productdetail"));
 8 
	$('.card').html(localStorage.getItem("productdetail"));
9 
	$('.see_more_link').remove();
 9 
	$('.see_more_link').remove();
10 
	var topmargin = $(".card").height();
 10 
	var topmargin = $(".card").height();
11 
	var value = " "+(topmargin+5)+"px 5px 5px 5px";
 11 
	var value = " "+(topmargin+15)+"px 5px 5px 5px";
12 
	$('#detailcontent').css("margin",value);
 12 
	$('#detailcontent').css("margin",value);
13 
	$('.popover').hide();
 13 
	$('.popover').hide();
14 
	$('.arrow').hide();
 14 
	$('.arrow').hide();
15 
	$('div').removeClass("accsproduct");
 15 
	$('div').removeClass("accsproduct");
16 
	$('h5').removeClass("accsproduct");
 16 
	$('h5').removeClass("accsproduct");
- 
 
 17
- 
 
 18 
	 $('.uvideo').click(function(){
- 
 
 19 
	 window.history.pushState('forward', null, './forward');
- 
 
 20 
      var source= $(this).data('source');
- 
 
 21 
      // alert(source);
- 
 
 22 
      $('#content-add').empty();
- 
 
 23 
      var content = "<iframe width='100%' height='100%' src='http://www.youtube.com/embed/"+source+"?autoplay=1'></iframe>"
- 
 
 24 
      value = " "+(topmargin+10)+"px 5px 5px 5px";
- 
 
 25 
      $('#video-body').css("margin",value);
- 
 
 26 
      $('#content-add').append(content);
- 
 
 27 
      var producttitle = $(this).closest(".productdetails").find(".producttitle").html().trim();
- 
 
 28 
      ga('send', 'event', 'Video Link Clicked', producttitle, me);
- 
 
 29 
      $('#videoModal').modal('show');
- 
 
 30 
    });
- 
 
 31
- 
 
 32 
    if (window.history && window.history.pushState) {
- 
 
 33 
 
- 
 
 34 
        $(window).on('popstate', function() {
- 
 
 35 
             $('#videoModal').modal('hide');
- 
 
 36 
      		 $('.text-center').empty();
- 
 
 37 
        });
- 
 
 38 
 
- 
 
 39 
      }
- 
 
 40
- 
 
 41 
     $('#videoModal').click(function(){
- 
 
 42
- 
 
 43
- 
 
 44
- 
 
 45 
      $('#content-add').empty();
- 
 
 46 
      // $('.text-center').append('<img src="/img/ajax-loader.gif"/>');
- 
 
 47 
    });
- 
 
 48
- 
 
 49 
    $('.close').click(function(){
- 
 
 50 
      $('#videoModal').modal('hide');
- 
 
 51 
      $('.text-center').empty();
- 
 
 52 
    });
- 
 
 53
17 
});
 54 
});
18 
function loaded () {
 55 
function loaded () {
19 
	myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
 56 
	myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
20 
	}
 57 
	}
21 
var a;
 58 
var a;
Line 103... Line 140...
103 
	z-index: 1;
 140 
	z-index: 1;
104 
	top: 5px;
 141 
	top: 5px;
105 
	bottom: 48px;
 142 
	bottom: 48px;
106 
	left: 0;
 143 
	left: 0;
107 
	width: 100%;
 144 
	width: 100%;
108 
	height: 130px;
 145 
	height: 210px;
109 
	overflow: hidden;
 146 
	overflow: hidden;
110 
}
 147 
}
111 
 
 148 
 
112 
#scroller {
 149 
#scroller {
113 
	position: absolute;
 150 
	position: absolute;
Line 143... Line 180...
143 
}
 180 
}
144 
 
 181 
 
145 
#scroller li {
 182 
#scroller li {
146 
	display: block;
 183 
	display: block;
147 
	float: left;
 184 
	float: left;
- 
 
 185 
	/*width: 140px;*/
148 
	width: 140px;
 186 
	width: 210px;
- 
 
 187 
  	height: 210px;
149
188
150 
	border-right: 1px solid #ccc;
 189 
	border-right: 1px solid #ccc;
151 
	background-color: #fafafa;
 190 
	background-color: white;
152 
	font-size: 14px;
 191 
	font-size: 14px;
153 
}
 192 
}
154 
.pd-images {
 193 
.pd-images {
155 
  padding: 5px 10px;
 194 
  padding: 5px 10px;
156
195
Line 158... Line 197...
158 
}
 197 
}
159 
 
 198 
 
160 
.goback {z-index:10; height: 32px; width: 32px; position: absolute;top:120px;padding:4px;}
 199 
.goback {z-index:10; height: 32px; width: 32px; position: absolute;top:120px;padding:4px;}
161 
</style>
 200 
</style>
162 
 
 201 
 
- 
 
 202 
<div class="modal fade" id="videoModal">
- 
 
 203 
  <div class="modal-dialog">
- 
 
 204 
    <div class="modal-content" id='video-body'>
- 
 
 205 
      <div class="modal-body">
- 
 
 206 
        <div class="text-center" id='content-add'>
- 
 
 207
- 
 
 208 
        </div>
- 
 
 209 
      </div>
- 
 
 210 
    </div><!-- /.modal-content -->
- 
 
 211 
  </div><!-- /.modal-dialog -->
- 
 
 212 
</div>
163 
<div class="modal fade" id="loadingModal">
 213 
<div class="modal fade" id="loadingModal">
164 
  <div class="modal-dialog">
 214 
  <div class="modal-dialog">
165 
    <div class="modal-content">
215 
    <div class="modal-content">
166 
      <div class="modal-body">
 216 
      <div class="modal-body">
167 
        <div class="text-center">
 217 
        <div class="text-center">
Line 170... Line 220...
170 
      </div>
220 
      </div>
171 
    </div><!-- /.modal-content -->
 221 
    </div><!-- /.modal-content -->
172 
  </div><!-- /.modal-dialog -->
 222 
  </div><!-- /.modal-dialog -->
173 
</div>
 223 
</div>
174 
 
 224 
 
175 
<div style="position:fixed;z-index:2;top:-5px; background:#58d936;padding:5px 5px 2px 5px;width:100%">
 225 
<div style="position:fixed;z-index:2;top:-5px; background:#58d936;padding:15px 5px 2px 5px;width:100%">
- 
 
 226 
<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>
176 
<div class="row card">
 227 
<div class="row card">
177 
 
 228 
 
178 
 
 229 
 
179 
</div>
 230 
</div>
180 
</div>
 231 
</div>
181 
 
 232 
 
182 
<div id = "detailcontent" style="background:white;position:relative;margin-bottom:50px;">
 233 
<div id = "detailcontent" style="background:white;position:relative;margin-bottom:50px;">
183 
 
 234 
 
184 
<div id="wrapper" style="background:white;">
 235 
<div id="wrapper" style="background:white;">
185 
	<div id="scroller" style='width: <?php echo count($dealinfo['entity']['images'])*140;?>px;'>
 236 
	<div id="scroller" style='width: <?php echo count($dealinfo['entity']['images'])*220;?>px;'>
186 
		<ul>
 237 
		<ul>
187 
			<?php foreach($dealinfo['entity']['images'] as $image){?>
 238 
			<?php foreach($dealinfo['entity']['images'] as $image){?>
188 
	          	<?php //echo $image['url'];?>
 239 
	          	<?php //echo $image['url'];?>
189 
	          	<li class='pd-images'><img src="<?php echo $image['url'];?>" height="120px" width="120px"></li>
 240 
	          	<li class='pd-images'><img src="<?php echo $image['url'];?>" height="100%" "></li>
190
241
191 
	         <?php } ?>
 242 
	         <?php } ?>
192 
	    </ul>
 243 
	    </ul>
193 
	</div>
 244 
	</div>
194 
</div>
 245 
</div>
195
246
196 
	<div style="position:absolute;top:135px;width:100%;padding-bottom:55px;">
 247 
	<div style="position:absolute;top:210px;width:100%;padding-bottom:55px;">
197 
	<div style="background:white;">
 248 
	<div style="background:white;">
198 
		<?php if(isset($dealinfo['entity']['keySpecs']) && !empty($dealinfo['entity']['keySpecs'])):?>
 249 
		<?php if(isset($dealinfo['entity']['keySpecs']) && !empty($dealinfo['entity']['keySpecs'])):?>
199 
			<div class="pd-tab clearfix" >
 250 
			<div class="pd-tab clearfix" >
200 
		  		<span>Highlights</span>
 251 
		  		<span>Highlights</span>
201 
			</div>
 252 
			</div>