lavkach3

1
$(document).ready(function() {
2

3
    $('#config-text').keyup(function() {
4
      eval($(this).val());
5
    });
6
    
7
    $('.configurator input, .configurator select').change(function() {
8
      updateConfig();
9
    });
10

11
    $('.demo i').click(function() {
12
      $(this).parent().find('input').click();
13
    });
14

15
    $('#startDate').daterangepicker({
16
      singleDatePicker: true,
17
      startDate: moment().subtract(6, 'days')
18
    });
19

20
    $('#endDate').daterangepicker({
21
      singleDatePicker: true,
22
      startDate: moment()
23
    });
24

25
    //updateConfig();
26

27
    function updateConfig() {
28
      var options = {};
29

30
      if ($('#singleDatePicker').is(':checked'))
31
        options.singleDatePicker = true;
32
      
33
      if ($('#showDropdowns').is(':checked'))
34
        options.showDropdowns = true;
35

36
      if ($('#minYear').val().length && $('#minYear').val() != 1)
37
        options.minYear = parseInt($('#minYear').val(), 10);
38

39
      if ($('#maxYear').val().length && $('#maxYear').val() != 1)
40
        options.maxYear = parseInt($('#maxYear').val(), 10);
41

42
      if ($('#showWeekNumbers').is(':checked'))
43
        options.showWeekNumbers = true;
44

45
      if ($('#showISOWeekNumbers').is(':checked'))
46
        options.showISOWeekNumbers = true;
47

48
      if ($('#timePicker').is(':checked'))
49
        options.timePicker = true;
50
      
51
      if ($('#timePicker24Hour').is(':checked'))
52
        options.timePicker24Hour = true;
53

54
      if ($('#timePickerIncrement').val().length && $('#timePickerIncrement').val() != 1)
55
        options.timePickerIncrement = parseInt($('#timePickerIncrement').val(), 10);
56

57
      if ($('#timePickerSeconds').is(':checked'))
58
        options.timePickerSeconds = true;
59
      
60
      if ($('#autoApply').is(':checked'))
61
        options.autoApply = true;
62

63
      if ($('#maxSpan').is(':checked'))
64
        options.maxSpan = { days: 7 };
65

66
      if ($('#ranges').is(':checked')) {
67
        options.ranges = {
68
          'Today': [moment(), moment()],
69
          'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
70
          'Last 7 Days': [moment().subtract(6, 'days'), moment()],
71
          'Last 30 Days': [moment().subtract(29, 'days'), moment()],
72
          'This Month': [moment().startOf('month'), moment().endOf('month')],
73
          'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
74
        };
75
      }
76

77
      if ($('#locale').is(':checked')) {
78
        options.locale = {
79
          format: 'MM/DD/YYYY',
80
          separator: ' - ',
81
          applyLabel: 'Apply',
82
          cancelLabel: 'Cancel',
83
          fromLabel: 'From',
84
          toLabel: 'To',
85
          customRangeLabel: 'Custom',
86
          weekLabel: 'W',
87
          daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
88
          monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
89
          firstDay: 1
90
        };
91
      }
92

93
      if (!$('#linkedCalendars').is(':checked'))
94
        options.linkedCalendars = false;
95

96
      if (!$('#autoUpdateInput').is(':checked'))
97
        options.autoUpdateInput = false;
98

99
      if (!$('#showCustomRangeLabel').is(':checked'))
100
        options.showCustomRangeLabel = false;
101

102
      if ($('#alwaysShowCalendars').is(':checked'))
103
        options.alwaysShowCalendars = true;
104

105
      if ($('#parentEl').val().length)
106
        options.parentEl = $('#parentEl').val();
107

108
      if ($('#startDate').val().length) 
109
        options.startDate = $('#startDate').val();
110

111
      if ($('#endDate').val().length)
112
        options.endDate = $('#endDate').val();
113
      
114
      if ($('#minDate').val().length)
115
        options.minDate = $('#minDate').val();
116

117
      if ($('#maxDate').val().length)
118
        options.maxDate = $('#maxDate').val();
119

120
      if ($('#opens').val().length && $('#opens').val() != 'right')
121
        options.opens = $('#opens').val();
122

123
      if ($('#drops').val().length && $('#drops').val() != 'down')
124
        options.drops = $('#drops').val();
125

126
      if ($('#buttonClasses').val().length && $('#buttonClasses').val() != 'btn btn-sm')
127
        options.buttonClasses = $('#buttonClasses').val();
128

129
      if ($('#applyButtonClasses').val().length && $('#applyButtonClasses').val() != 'btn-primary')
130
        options.applyButtonClasses = $('#applyButtonClasses').val();
131

132
      if ($('#cancelButtonClasses').val().length && $('#cancelButtonClasses').val() != 'btn-default')
133
        options.cancelClass = $('#cancelButtonClasses').val();
134

135
      $('#config-demo').daterangepicker(options, function(start, end, label) { console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')'); });
136
      
137
      if (typeof options.ranges !== 'undefined') {
138
        options.ranges = {};
139
      }
140

141
      var option_text = JSON.stringify(options, null, '    ');
142

143
      var replacement = "ranges: {\n"
144
          + "        'Today': [moment(), moment()],\n"
145
          + "        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],\n"
146
          + "        'Last 7 Days': [moment().subtract(6, 'days'), moment()],\n"
147
          + "        'Last 30 Days': [moment().subtract(29, 'days'), moment()],\n"
148
          + "        'This Month': [moment().startOf('month'), moment().endOf('month')],\n"
149
          + "        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]\n"
150
          + "    }";
151
      option_text = option_text.replace(new RegExp('"ranges"\: \{\}', 'g'), replacement);
152

153
      $('#config-text').val("$('#demo').daterangepicker(" + option_text + ", function(start, end, label) {\n  console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');\n});");
154

155
    }
156

157
    $(window).scroll(function (event) {
158
        var scroll = $(window).scrollTop();
159
        if (scroll > 180) {
160
          $('.leftcol').css('position', 'fixed');
161
          $('.leftcol').css('top', '10px');
162
        } else {
163
          $('.leftcol').css('position', 'absolute');
164
          $('.leftcol').css('top', '180px');
165
        }
166
    });
167

168
    var bg = new Trianglify({
169
      x_colors: ["#e1f3fd", "#eeeeee", "#407dbf"],
170
      y_colors: 'match_x',
171
      width: document.body.clientWidth,
172
      height: 150,
173
      stroke_width: 0,
174
      cell_size: 20
175
    });
176

177
    $('#jumbo').css('background-image', 'url(' + bg.png() + ')');
178

179
});
180