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>