CLPadMapper/sliders.js at master · ckm2k1/CLPadMapper · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

function sliderCallback(elem, passes) {
  passes ? elem.marker.setMap(map) : elem.marker.setMap(null);
}
function filter() {
  filterMarkers(markers, ["rent", "bedrooms"]);
}

var sliders = function() {

  $( ".slider-rentrange" ).slider({
      values: [650, 900]
    , range: true
    , min: 200
    , max: 3000
    , step: 50
    , change: function(event, ui) {
        markers.rent = [ui.values[0], ui.values[1]];
        filter();
      }
    , slide: function (event, ui) {
        $( ".rent-label" ).html( "$"
          + ui.values[0]
          + " - $"
          + ui.values[1]);
      }
  });
  $( ".slider-bedrooms" ).slider({
      values: [1, 1]
    , range : true
    , min   : 1
    , max   : 7
    , step  : 1
    , change: function(event, ui) {
        markers.bedrooms = [ui.values[0], ui.values[1]];
        filter();
      }
    , slide: function (event, ui) {
        $( ".bedroom-label" ).html(
            ui.values[0]
          + " - "
          + ui.values[1]
          + " BR ");
      }
  });

  //Initialize the labels.
  var slider_bed  = $( ".slider-bedrooms" )
  , slider_rent   = $( ".slider-rentrange" );

  $( ".bedroom-label" ).html(
      slider_bed.slider("values", 0)
    + " - "
    + slider_bed.slider("values", 1)
    + " BR "
   );

  $( ".rent-label" ).html( "$"
    + slider_rent.slider("values", 0)
    + " - $"
    + slider_rent.slider("values", 1)
    );
};