From 6526c59f0b2fb206e4c9fb28e81cce61db272820 Mon Sep 17 00:00:00 2001
From: Sergey <32025367+sergeyyarkov@users.noreply.github.com>
Date: Wed, 21 Aug 2019 17:16:16 +0300
Subject: [PATCH] Add files via upload

---
 src/js/index.js | 75 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)

diff --git a/src/js/index.js b/src/js/index.js
index c3ac1cc..8bd9be7 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -68,4 +68,79 @@ itemsPartner.forEach((partner) => {
             partnerInfo.classList.remove('fade');
         });
     });
+});
+// Price Tabs
+const priceTabs = document.querySelectorAll('.section-price_wrap'),
+    linkTariffs = document.getElementById('tariffs'),
+    linkCompare = document.getElementById('compare');
+
+function hideTab(a) {
+    priceTabs[a].style.display = 'none';
+}
+
+function showTab(b) {
+    priceTabs[b].style.display = '';
+}
+hideTab(0);
+linkTariffs.addEventListener('click', () => {
+    hideTab(0);
+    showTab(1);
+    linkCompare.classList.remove('active');
+    linkTariffs.classList.add('active');
+});
+linkCompare.addEventListener('click', () => {
+    hideTab(1);
+    showTab(0);
+    linkCompare.classList.add('active');
+    linkTariffs.classList.remove('active');
+});
+// Modals
+const modalPhone = document.querySelector('.modal-phone-wrap');
+const modalContact = document.querySelector('.modal-contact-wrap');
+
+function showModalPhone() {
+    modalPhone.classList.add('fade');
+    modalPhone.style.display = 'block';
+    document.body.style.overflow = 'hidden';
+    const closeBtn = modalPhone.querySelector('.modal-close');
+    closeBtn.addEventListener('click', () => {
+        modalPhone.classList.remove('fade');
+        modalPhone.style.display = 'none';
+        document.body.style.overflow = '';
+    });
+}
+
+function showModalContact() {
+    const btn = document.querySelectorAll('.btn-red');
+    btn.forEach((btn) => {
+        btn.addEventListener('click', () => {
+            modalContact.classList.add('fade');
+            modalContact.style.display = 'block';
+            document.body.style.overflow = 'hidden';
+            const closeBtn = modalContact.querySelector('.modal-close');
+            closeBtn.addEventListener('click', () => {
+                modalContact.classList.remove('fade');
+                modalContact.style.display = 'none';
+                document.body.style.overflow = '';
+            });
+        });
+    });
+
+}
+showModalContact();
+setTimeout(showModalPhone, 1000);
+// Mobile Navigation
+const btnNav = document.querySelector('.btn-nav');
+const navContent = document.querySelector('.nav-content');
+btnNav.addEventListener('click', () => {
+    const btnActive = btnNav.querySelector('span');
+    btnActive.classList.toggle('active');
+
+    if (btnActive.classList.contains('active')) {
+        navContent.style.display = 'block';
+        document.body.style.overflow = 'hidden';
+    } else {
+        navContent.style.display = 'none';
+        document.body.style.overflow = '';
+    }
 });
\ No newline at end of file