feedback message info

Volodymyr
1 parent 4a7c6a26
Showing 2 changed files with 19 additions and 6 deletions Show diff stats
frontend/views/site/index.php
frontend/web/js/product.js
@@ -575,7 +575,7 @@ $coordinates[&#39;lon&#39;] = empty($settings-&gt;lon) ? 0 : $settings-&gt;lon;
                                 составляет 0.1637 €/кВт∙ч для промышленных станций, установленных на крыше.
                             </div>
                             <form class="modal-form" method="POST" action="/action">
-                                <input type="hidden" name="product_code" value="9000">
+                                <input type="hidden" id="product-code" name="product_code" value="9000">
                                 <div class="product-counter">
                                     <label class="kb-input">
                                         <div class="product-counter__label">Количество</div>
@@ -597,7 +597,7 @@ $coordinates[&#39;lon&#39;] = empty($settings-&gt;lon) ? 0 : $settings-&gt;lon;
                                         <input type="tel" name="phone_number" autocomplete="off" required>
                                     </label>
                                     <div class="submit-button-wr">
-                                        <button type="submit" class="btn big-yellow">Отправить</button>
+                                        <button id="order-product" type="submit" class="btn big-yellow">Отправить</button>
                                     </div>
                                 </div>
                             </form>
 var phoneInput = document.querySelector('#cardProduct [type="tel"]');
 var counter = document.querySelector('#cardProduct .product-counter__input');
 var price = 0;
+$('#order-product').click(function (e){
+    e.preventDefault();
+    var message='Сума: ';
+    message += $('#cardProduct .product-counter__value').text();
+    message +='\nКод товара: ' + $('#product-code').val();
+    message +='\nКількість: ' + counter.querySelector('input').value;
+    console.log(message + phoneInput.value);
+    var phone = '+38' + phoneInput.value;
+    if(phone.length===17){
+        console.log('good')
+    }
+})
 if (phoneInput) {
     phoneInput.addEventListener('input', phoneHandleInput);
 }
@@ -11,12 +23,15 @@ $(&#39;#cardProduct&#39;).on(&#39;show.bs.modal&#39;, function (e) {
     var itemPrice = counter.parentElement.querySelector('.product-counter__value');
     itemPrice.innerHTML = `${price} ${itemPrice.dataset.currency}`;
     counter.querySelector('input').value = 1;
+    var sku = button.data('sku');
+    $('#product-code').val(sku);
+    $('#cardProduct .product-code').text('Код товара ' + sku);
 })
+
 if(counter){
   counterFunc(counter);
 }
-
 function phoneHandleInput(e) {
     e.target.value = phoneMasks(e.target.value);
 }
@@ -24,7 +39,7 @@ function phoneHandleInput(e) {
 function phoneMasks(phone) {
     return phone.replace(/\D/g, '')
         .replace(/^(\d)/, '($1')
-        .replace(/^(\(\d{3})(\d)/, '$1) $2')
+        .replace(/^(\(\d{3})(\d)/, '$1)$2')
         .replace(/(\d{3})(\d{1,7})/, '$1-$2')
         .replace(/(-\d{2})(\d{1,7})/, '$1-$2')
         .replace(/(-\d{2})\d+?$/, '$1');
@@ -56,9 +71,7 @@ function counterFunc(counter) {
     function increment(e) {
         e.preventDefault();
         var value = Number(counter.querySelector('input').value);
-        //console.log(value);
         counter.querySelector('input').value = value + 1;
-        console.log(value);
         updateSummary();
     }