[LIL-258][LIL-262][LIL-265]

project/templates/lilcity/index.html

@@ -440,7 +440,7 @@
               <div class="buy__list">
                 {% for school_schedule in school_schedules %}
                 <label class="switch switch_lesson">
-                  <input class="switch__input" type="checkbox">
+                  <input class="switch__input" type="checkbox" data-day="{{school_schedule.weekday}}" data-price="{{school_schedule.month_price}}" data-discount="{{school_schedule.day_discount}}">
                   <span class="switch__content">
                     <span class="switch__cell">{{ school_schedule }}</span>
                     {% comment %} dont delete {% endcomment %}
@@ -463,7 +463,7 @@
                   </div>
                   <div class="order__foot">
                     <div class="order__subtitle">Итого, за месяц:</div>
-                    <div class="order__total">1800р.</div>
+                    <div class="order__total order_price_text">1800р.</div>
                   </div>
                 </div>
               </div>
@@ -471,7 +471,7 @@
           </div>
           <div class="buy__foot">
             {% comment %}В ссылке, в параметре запроса weekdays, нужно указать выбранные дни недели{% endcomment %}
-            <a class="buy__btn btn btn_md" href="{% url 'school-checkout' %}?weekdays=1&weekdays=2">ПЕРЕЙТИ К ОПЛАТЕ</a>
+            <a class="buy__btn btn btn_md but_btn_popup" data-link="{% url 'school-checkout' %}" href="{% url 'school-checkout' %}?weekdays=1&weekdays=2">ПЕРЕЙТИ К ОПЛАТЕ</a>
           </div>
         </div>
       </div>

web/src/js/modules/popup.js

@@ -47,4 +47,38 @@ $(document).ready(function () {
             popup.removeClass('open');
         }, 300);
     }
+
+    var selectedWeekdays = {};
+    $(document).on('change', '[data-day]', function(){
+        var weekday = $(this).data('day');
+        var price = $(this).data('price');
+        var discount = $(this).data('discount');
+        if($(this).is(':checked')) {
+            console.log('checked');
+            selectedWeekdays[weekday] = {price:price, discount:discount};
+        } else {
+            console.log('not checked');
+            delete selectedWeekdays[weekday];
+        }
+
+        var weekdays = [], price = 0, discount = 0;
+        for(var i in selectedWeekdays) {
+            price += parseInt(selectedWeekdays[i].price);
+            discount += parseInt(selectedWeekdays[i].discount);
+            weekdays.push(i);
+        }
+
+        var text = '';
+        if(weekdays.length >= 7) {
+            text = '<del>'+price+'</del> '+(price-discount)+'р.';
+        } else {
+            text = price+'p.';
+        }
+        $('.order_price_text').html(text);
+
+        var link = $('.but_btn_popup').data('link');
+
+        link = link+'?'+decodeURIComponent($.param({weekdays: weekdays}));
+        $('.but_btn_popup').attr('href', link);
+    });
 });