Commit 4d1ab6e484ae7d4ccf5030c63cbb175046c87468
Merge remote-tracking branch 'origin/master'
Showing
3 changed files
with
38 additions
and
1 deletions
Show diff stats
frontend/views/category/view.php
| ... | ... | @@ -185,6 +185,9 @@ _________________________________________________________ --> |
| 185 | 185 | <input type="text" name="price-max" id="price-max"> |
| 186 | 186 | </div> |
| 187 | 187 | </div> |
| 188 | + <div class="col-md-12 row"> | |
| 189 | + <button class="price-apply">применить</button> | |
| 190 | + </div> | |
| 188 | 191 | |
| 189 | 192 | </div> |
| 190 | 193 | </div> | ... | ... |
frontend/web/css/style.css
| ... | ... | @@ -4884,4 +4884,16 @@ a i.fa, button i.fa, span.fa { |
| 4884 | 4884 | .irs-from, .irs-to, .irs-single {display: none;} |
| 4885 | 4885 | .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {background: #999;} |
| 4886 | 4886 | |
| 4887 | -/* Range Slider Styles End */ | |
| 4888 | 4887 | \ No newline at end of file |
| 4888 | +/* Range Slider Styles End */ | |
| 4889 | + | |
| 4890 | +button.price-apply{ | |
| 4891 | + background-color: #428bca; | |
| 4892 | + border: none; | |
| 4893 | + padding: 8px 20px; | |
| 4894 | + border-radius: 5px; | |
| 4895 | + color: #fff; | |
| 4896 | +} | |
| 4897 | + | |
| 4898 | +button.price-apply:hover{ | |
| 4899 | + background-color:#005bac; | |
| 4900 | +} | |
| 4889 | 4901 | \ No newline at end of file | ... | ... |
frontend/web/js/script.js
| ... | ... | @@ -280,6 +280,10 @@ $(document).ready(function ($) { |
| 280 | 280 | }); |
| 281 | 281 | |
| 282 | 282 | $(function(){ |
| 283 | + $('.price-inputs input').keypress(function(key) { | |
| 284 | + if(key.charCode < 48 || key.charCode > 57) return false; | |
| 285 | + }); | |
| 286 | + | |
| 283 | 287 | var pricemin = $(".price_slider input").data("pricemin"); |
| 284 | 288 | pricemax = $(".price_slider input").data("pricemax"); |
| 285 | 289 | $(".price-inputs #price-min").val(pricemin); |
| ... | ... | @@ -301,10 +305,28 @@ $(function(){ |
| 301 | 305 | |
| 302 | 306 | $(document).on('change','.price-inputs #price-min',function(){ |
| 303 | 307 | var newmin = $(this).val(); |
| 308 | + currentmax = $(".price-inputs #price-max").val(); | |
| 309 | + if(newmin > currentmax){ | |
| 310 | + newmin = currentmax; | |
| 311 | + $('.price-inputs #price-min').val(currentmax); | |
| 312 | + } | |
| 313 | + else if(newmin > pricemax){ | |
| 314 | + newmin = pricemax; | |
| 315 | + $('.price-inputs #price-min').val(pricemax); | |
| 316 | + } | |
| 304 | 317 | slider.update({from: newmin}); |
| 305 | 318 | }); |
| 306 | 319 | $(document).on('change','.price-inputs #price-max',function(){ |
| 307 | 320 | var newmax = $(this).val(); |
| 321 | + currentmin = $(".price-inputs #price-min").val(); | |
| 322 | + if(newmax < currentmin){ | |
| 323 | + newmax = currentmin; | |
| 324 | + $('.price-inputs #price-max').val(currentmin); | |
| 325 | + } | |
| 326 | + else if(newmax > pricemax){ | |
| 327 | + newmax = pricemax; | |
| 328 | + $('.price-inputs #price-max').val(pricemax); | |
| 329 | + } | |
| 308 | 330 | slider.update({to: newmax}); |
| 309 | 331 | }); |
| 310 | 332 | }); | ... | ... |