Subversion Repositories SmartDukaan

Rev

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

Rev 13759 Rev 13820
Line -... Line 1...
- 
 
 1 
<style type="text/css">
- 
 
 2 
 
- 
 
 3 
.slider {
- 
 
 4 
  margin-bottom: 40px; }
- 
 
 5 
 
- 
 
 6 
.slider-vertical {
- 
 
 7 
  margin: 10px; }
- 
 
 8 
 
- 
 
 9 
.slider {
- 
 
 10 
  display: inline-block;
- 
 
 11 
  vertical-align: middle;
- 
 
 12 
  position: relative;
- 
 
 13 
  width: 100%; }
- 
 
 14 
  .slider.slider-horizontal {
- 
 
 15 
    height: 30px; }
- 
 
 16 
    .slider.slider-horizontal .slider-track {
- 
 
 17 
      height: 6px;
- 
 
 18 
      width: 100%;
- 
 
 19 
      margin-top: -3px;
- 
 
 20 
      top: 50%;
- 
 
 21 
      left: 0; }
- 
 
 22 
    .slider.slider-horizontal .slider-selection {
- 
 
 23 
      height: 100%;
- 
 
 24 
      top: 0;
- 
 
 25 
      bottom: 0; }
- 
 
 26 
    .slider.slider-horizontal .slider-handle {
- 
 
 27 
      margin-left: -12px;
- 
 
 28 
      margin-top: -9px; }
- 
 
 29 
      .slider.slider-horizontal .slider-handle.triangle {
- 
 
 30 
        border-width: 0 10px 10px 10px;
- 
 
 31 
        width: 0;
- 
 
 32 
        height: 0;
- 
 
 33 
        border-bottom-color: #0480be;
- 
 
 34 
        margin-top: 0; }
- 
 
 35 
  .slider.slider-vertical {
- 
 
 36 
    height: 220px;
- 
 
 37 
    width: 30px; }
1 
<?php echo $this->Html->css('slider');?>
 38 
    .slider.slider-vertical .slider-track {
- 
 
 39 
      width: 6px;
- 
 
 40 
      height: 100%;
- 
 
 41 
      margin-left: -3px;
- 
 
 42 
      left: 50%;
- 
 
 43 
      top: 0; }
- 
 
 44 
    .slider.slider-vertical .slider-selection {
- 
 
 45 
      width: 100%;
- 
 
 46 
      left: 0;
- 
 
 47 
      top: 0;
- 
 
 48 
      bottom: 0; }
- 
 
 49 
    .slider.slider-vertical .slider-handle {
- 
 
 50 
      margin-left: -9px;
- 
 
 51 
      margin-top: -12px; }
- 
 
 52 
      .slider.slider-vertical .slider-handle.triangle {
- 
 
 53 
        border-width: 10px 0 10px 10px;
- 
 
 54 
        width: 1px;
- 
 
 55 
        height: 1px;
- 
 
 56 
        border-left-color: #0480be;
- 
 
 57 
        margin-left: 0; }
- 
 
 58 
  .slider input {
- 
 
 59 
    display: none; }
- 
 
 60 
  .slider .tooltip-inner {
- 
 
 61 
    white-space: nowrap; }
- 
 
 62 
 
- 
 
 63 
.slider-track {
- 
 
 64 
  position: absolute;
- 
 
 65 
  cursor: pointer;
- 
 
 66 
  background-color: rgba(0, 0, 0, 0.15);
- 
 
 67 
  border-radius: 4px; }
- 
 
 68 
 
- 
 
 69 
.slider-selection {
- 
 
 70 
  position: absolute;
- 
 
 71 
  background-color: white;
- 
 
 72 
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
- 
 
 73 
  border-radius: 4px; }
- 
 
 74 
 
- 
 
 75 
.slider-handle {
- 
 
 76 
  position: absolute;
- 
 
 77 
  width: 24px;
- 
 
 78 
  height: 24px;
- 
 
 79 
  background-color: white;
- 
 
 80 
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
- 
 
 81 
  border: 0px solid transparent; }
- 
 
 82 
  .slider-handle.round {
- 
 
 83 
    border-radius: 24px; }
- 
 
 84 
  .slider-handle.triangle {
- 
 
 85 
    background: transparent none; }
- 
 
 86 
 
- 
 
 87 
</style>
2 
<div class="container">
88 
<div class="container">
3 
	<?php if(!empty($categories)):?>
 89 
	<?php if(!empty($categories)):?>
4 
		<?php foreach ($categories as $key => $category):?>
 90 
		<?php foreach ($categories as $key => $category):?>
5 
		<div class="categorypreferences">
 91 
		<div class="categorypreferences">
6 
			<form name="preferenceform" id="categorypreference-<?php echo $category['Category']['id'];?>" action="/preferences/add" method="POST">
 92 
			<form name="preferenceform" id="categorypreference-<?php echo $category['Category']['id'];?>" action="/preferences/add" method="POST">
Line 21... Line 107...
21 
							$range = "[".intval($preferredPrices[$category['Category']['id']]['min_price']).",".intval($preferredPrices[$category['Category']['id']]['max_price'])."]";
 107 
							$range = "[".intval($preferredPrices[$category['Category']['id']]['min_price']).",".intval($preferredPrices[$category['Category']['id']]['max_price'])."]";
22 
						}else{
 108 
						}else{
23 
							$range = '[2000,78000]';
 109 
							$range = '[2000,78000]';
24 
						}?>
 110 
						}?>
25 
					<div class="maxrange col-xs-12">
 111 
					<div class="maxrange col-xs-12">
26 
						<input id="pricerange-<?php echo $category['Category']['id'];?>" value="" type="text" class="col-xs-12 slider" name="pricerange" data-slider-min="500" data-slider-max="80000" data-slider-step="500"  data-slider-orientation="horizontal" data-slider-selection="after"data-slider-tooltip="show" data-slider-value="<?php echo $range;?>">
 112 
						<div id="pricerange-<?php echo $category['Category']['id'];?>" value="" class="slider" data-slider-min="500" data-slider-max="80000" data-slider-step="500" data-slider-value="<?php echo $range;?>"></div>
27 
					</div>
 113 
					</div>
28 
					<b class="minrange col-xs-6"><span class="cashbackrupee"></span>500</b>
 114 
					<b class="minrange col-xs-6"><span class="cashbackrupee"></span>500</b>
29 
					<b class="maxrange col-xs-6 text-right"><span class="cashbackrupee"></span>80000</b>
 115 
					<b class="maxrange col-xs-6 text-right"><span class="cashbackrupee"></span>80000</b>
30 
				</div>
 116 
				</div>
31 
				<div class="clearfix"></div>
 117 
				<div class="clearfix"></div>
Line 51... Line 137...
51 
		</div>
 137 
		</div>
52 
		<?php endforeach;?>
 138 
		<?php endforeach;?>
53 
	<?php endif;?>
 139 
	<?php endif;?>
54 
	</div>
 140 
	</div>
55 
</div>
 141 
</div>
56 
<script type="text/javascript" src="/js/jquery.jscroll.min.js"></script>
 142 
<!-- <script type="text/javascript" src="/js/jquery.jscroll.min.js"></script> -->
57 
<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
 143 
<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
58 
<?php echo $this->Html->script('bootstrap-slider');?>
 144 
<?php echo $this->Html->script('plugin');?>
59 
<script type="text/javascript">
 145 
<script type="text/javascript">
- 
 
 146 
(function() {
- 
 
 147 
  $(function() {
60 
$('.slider').slider()
 148 
    return $('.slider').slider();
- 
 
 149 
  });
- 
 
 150 
}).call(this);
61 
</script>
 151 
</script>
62 

            152