Форма третья секция
This commit is contained in:
Vsevo;od committed
1 parent
202ba42bb5
commit
1afcb17845
12 files changed
+492
-24
No files matched your search
@@ -1 +1 @@
|
||||
*{font-family:"Roboto",sans-serif}header{z-index:1;position:fixed;top:0px;width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.fixed{width:100px;background-color:#fff;height:70px}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{display:block;position:absolute;left:50px;top:11px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:90px 0 60px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 30px 20px 0;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card:nth-child(6){margin-right:0px}.universe_card:nth-child(11){margin-right:0px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-size:16px;font-style:normal;font-weight:500}.universe_icon{height:130px;width:130px}.universe_slid{height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}.navigation{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;min-height:660px;padding:22px 0 30px 0;margin-top:72px}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;font-size:20px}.navigation_input:focus{outline:none;border:1px solid gray}.navigation_fixed{background:-webkit-gradient(linear, left bottom, left top, from(rgb(236, 236, 236)), to(rgb(236, 236, 236))),#e8e8e8;background:linear-gradient(0deg, rgb(236, 236, 236) 0%, rgb(236, 236, 236) 100%),#e8e8e8;height:80px;width:100%;position:absolute;top:65Line truncated
|
||||
*{font-family:"Roboto",sans-serif}header{z-index:1;position:fixed;top:0px;width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.fixed{width:100px;background-color:#fff;height:70px}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;left:50px;top:11px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:90px 0 60px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 30px 20px 0;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card:nth-child(6){margin-right:0px}.universe_card:nth-child(11){margin-right:0px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-size:16px;font-style:normal;font-weight:500}.universe_icon{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:130px;width:130px}.universe_slid{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable span{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}.navigation{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;min-height:660px;padding:22px 0 30px 0;margin-top:72px}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;Line truncated
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"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 truncated
|
||||
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"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 truncated
|
||||
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="38px" height="38px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
||||
<g transform="rotate(0 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(30 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(60 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(90 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(120 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(150 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(180 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(210 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(240 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(270 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(300 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g><g transform="rotate(330 50 50)">
|
||||
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#337ab7">
|
||||
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
|
||||
</rect>
|
||||
</g>
|
||||
<!-- [ldio] generated by https://loading.io/ --></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="maki:arrow">
|
||||
<path id="Vector" d="M21.9096 41.5095C21.297 42.1219 20.4662 42.466 19.6 42.466C18.7338 42.466 17.9031 42.1219 17.2905 41.5095L2.5905 26.8095C1.9781 26.197 1.63407 25.3662 1.63407 24.5C1.63407 23.6338 1.9781 22.8031 2.5905 22.1905L17.2905 7.49047C17.9066 6.89542 18.7318 6.56616 19.5883 6.57361C20.4448 6.58105 21.2641 6.9246 21.8698 7.53026C22.4754 8.13593 22.819 8.95526 22.8264 9.81176C22.8339 10.6683 22.5046 11.4934 21.9096 12.1095L13.0667 21.2333L44.1 21.2333C44.9664 21.2333 45.7973 21.5775 46.4099 22.1901C47.0225 22.8027 47.3667 23.6336 47.3667 24.5C47.3667 25.3664 47.0225 26.1973 46.4099 26.8099C45.7973 27.4225 44.9664 27.7667 44.1 27.7667L13.0667 27.7667L21.9096 36.8905C22.522 37.5031 22.866 38.3338 22.866 39.2C22.866 40.0662 22.522 40.8969 21.9096 41.5095Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 917 B |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
|
||||
var menuActive = document.querySelector('.menu');
|
||||
var hamburgerActive = document.querySelector('.hamburger');
|
||||
console.log(menuActive);
|
||||
hamburgerActive.addEventListener('click', function (el) {
|
||||
el.currentTarget.classList.toggle('hamburger_active');
|
||||
menuActive.classList.toggle('menu_active');
|
||||
});
|
||||
@@ -0,0 +1,116 @@
|
||||
import {eventModalClose, eventModalOpen} from './modal';
|
||||
|
||||
|
||||
function forms(formSelector) {
|
||||
// Forms
|
||||
|
||||
const forms = document.querySelectorAll(formSelector);
|
||||
|
||||
const message = {
|
||||
loading: 'img/form/spinner.svg',
|
||||
success: 'Спасибо! Сокро мы с вами свяжемся',
|
||||
failure: 'Что-то пошло не так...'
|
||||
};
|
||||
forms.forEach(form => {
|
||||
console.log(form);
|
||||
bindpostData(form);
|
||||
});
|
||||
|
||||
|
||||
// const getResurses = async (url) => {
|
||||
// const res = await fetch(url);
|
||||
|
||||
// if (!res.ok) {
|
||||
// new Error(`Could not fetch ${url}, status: ${res.status}`);
|
||||
// }
|
||||
|
||||
|
||||
// return await res.json();
|
||||
// };
|
||||
|
||||
function bindpostData(form) {
|
||||
form.addEventListener('submit', (el) => {
|
||||
el.preventDefault();
|
||||
|
||||
const statusMessage = document.createElement('img');
|
||||
statusMessage.src = message.loading;
|
||||
|
||||
|
||||
|
||||
// const request = new XMLHttpRequest();
|
||||
// request.open('POST', 'server.php');
|
||||
|
||||
// request.setRequestHeader('Content-type', 'application/json');
|
||||
const formData = new FormData(form);
|
||||
|
||||
|
||||
// request.send(json);
|
||||
|
||||
statusMessage.style.cssText = `
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
`
|
||||
form.insertAdjacentElement('afterend', statusMessage);
|
||||
const json = JSON.stringify(Object.fromEntries(formData.entries()));
|
||||
|
||||
postData('http://localhost:3000/requests', json)
|
||||
.then(data => {
|
||||
console.log(data);
|
||||
showTanksModal(message.success);
|
||||
form.reset();
|
||||
statusMessage.remove();
|
||||
}).catch(() => {
|
||||
showTanksModal(message.failure);
|
||||
}).finally(() => {
|
||||
form.reset();
|
||||
});
|
||||
|
||||
// request.addEventListener('load', () => {
|
||||
// if (request.status === 200) {
|
||||
|
||||
// console.log(request.response);
|
||||
// showTanksModal(message.success);
|
||||
// form.reset();
|
||||
// statusMessage.remove();
|
||||
|
||||
|
||||
// }
|
||||
// else {
|
||||
// showTanksModal(message.failure);
|
||||
// }
|
||||
// });
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
function showTanksModal(message) {
|
||||
const previosModalDialog = document.querySelector('.modal__dialog');
|
||||
previosModalDialog.classList.add('hide');
|
||||
|
||||
eventModalOpen('.modal');
|
||||
|
||||
|
||||
const thanksModal = document.createElement('div');
|
||||
thanksModal.classList.add('modal__dialog');
|
||||
thanksModal.innerHTML = `
|
||||
<div class="modal__content">
|
||||
<div class="modal__close" data-close>×</div>
|
||||
<div class="modal__title">${message}</div>
|
||||
</div>
|
||||
`;
|
||||
document.querySelector('.modal').append(thanksModal);
|
||||
setTimeout(() => {
|
||||
thanksModal.remove();
|
||||
previosModalDialog.classList.add('show');
|
||||
previosModalDialog.classList.remove('hide');
|
||||
modalClose();
|
||||
|
||||
}, 4000);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default forms;
|
||||
@@ -0,0 +1,63 @@
|
||||
function eventModalOpen (modalSelector) {
|
||||
const modal = document.querySelector(modalSelector);
|
||||
modal.classList.add('show');
|
||||
modal.classList.remove('hide');
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function eventModalClose(modalSelector) {
|
||||
const modal = document.querySelector(modalSelector);
|
||||
modal.classList.add('hide');
|
||||
modal.classList.remove('show');
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
function modal(triggerSelector, modalSelector) {
|
||||
|
||||
//Modal
|
||||
|
||||
const modalOpenForm = document.querySelectorAll(triggerSelector),
|
||||
modal = document.querySelector(modalSelector);
|
||||
console.log(modal, modalOpenForm);
|
||||
|
||||
|
||||
|
||||
function modalOpen(event) {
|
||||
event.forEach(elem => {
|
||||
elem.addEventListener('click', () => {
|
||||
eventModalOpen(modalSelector);
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
function modalClose() {
|
||||
modal.addEventListener('click', (e) => {
|
||||
if (e.target === modal || e.target.getAttribute('data-close') == '') {
|
||||
eventModalClose(modalSelector);
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.code === 'Escape' && modal.classList.contains('show')) {
|
||||
eventModalClose(modalSelector);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
function showModalByScroll() {
|
||||
if (window.pageYOffset + document.documentElement.clientHeight >= document.documentElement.scrollHeight - 1) {
|
||||
console.log('da');
|
||||
eventModalOpen(modalSelector);
|
||||
window.removeEventListener('scroll', showModalByScroll);
|
||||
}
|
||||
}
|
||||
console.log(window.scrollY);
|
||||
|
||||
window.addEventListener('scroll', showModalByScroll);
|
||||
|
||||
modalOpen(modalOpenForm);
|
||||
modalClose();
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
|
||||
const menuActive = document.querySelector('.menu');
|
||||
const hamburgerActive = document.querySelector('.menu_hamburger');
|
||||
console.log(menuActive);
|
||||
|
||||
hamburgerActive.addEventListener('click', el => {
|
||||
el.currentTarget.classList.toggle('hamburger_active');
|
||||
menuActive.classList.toggle('menu_active');
|
||||
})
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
function eventModalOpen () {
|
||||
const modal = document.querySelector('.my_modal');
|
||||
modal.classList.add('show');
|
||||
modal.classList.remove('hide');
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function eventModalClose() {
|
||||
const modal = document.querySelector('.my_modal');
|
||||
modal.classList.add('hide');
|
||||
modal.classList.remove('show');
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
function modal() {
|
||||
|
||||
//Modal
|
||||
|
||||
const modalOpenForm = document.querySelectorAll('[data-modal]'),
|
||||
modal = document.querySelector(['.my_modal']);
|
||||
console.log(modal, modalOpenForm);
|
||||
|
||||
|
||||
|
||||
function modalOpen(event) {
|
||||
event.forEach(elem => {
|
||||
elem.addEventListener('click', () => {
|
||||
eventModalOpen('.my_modal');
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
function modalClose() {
|
||||
modal.addEventListener('click', (e) => {
|
||||
if (e.target === modal || e.target.getAttribute('data-close') == '') {
|
||||
eventModalClose('.my_modal');
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.code === 'Escape' && modal.classList.contains('show')) {
|
||||
eventModalClose('.my_modal');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
function showModalByScroll() {
|
||||
if (window.pageYOffset + document.documentElement.clientHeight >= document.documentElement.scrollHeight - 1) {
|
||||
console.log('da');
|
||||
eventModalOpen('.my_modal');
|
||||
window.removeEventListener('scroll', showModalByScroll);
|
||||
}
|
||||
}
|
||||
console.log(window.scrollY);
|
||||
|
||||
window.addEventListener('scroll', showModalByScroll);
|
||||
|
||||
modalOpen(modalOpenForm);
|
||||
modalClose();
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
function forms() {
|
||||
// Forms
|
||||
|
||||
const forms = document.querySelectorAll("form");
|
||||
|
||||
const message = {
|
||||
loading: 'img/form/spinner.svg',
|
||||
success: 'Спасибо! Сокро мы с вами свяжемся',
|
||||
failure: 'Что-то пошло не так...'
|
||||
};
|
||||
forms.forEach(form => {
|
||||
console.log(form);
|
||||
bindpostData(form);
|
||||
});
|
||||
|
||||
|
||||
// const getResurses = async (url) => {
|
||||
// const res = await fetch(url);
|
||||
|
||||
// if (!res.ok) {
|
||||
// new Error(`Could not fetch ${url}, status: ${res.status}`);
|
||||
// }
|
||||
|
||||
|
||||
// return await res.json();
|
||||
// };
|
||||
|
||||
function bindpostData(form) {
|
||||
form.addEventListener('submit', (el) => {
|
||||
el.preventDefault();
|
||||
|
||||
const statusMessage = document.createElement('img');
|
||||
statusMessage.src = message.loading;
|
||||
|
||||
|
||||
|
||||
// const request = new XMLHttpRequest();
|
||||
// request.open('POST', 'server.php');
|
||||
|
||||
// request.setRequestHeader('Content-type', 'application/json');
|
||||
const formData = new FormData(form);
|
||||
|
||||
|
||||
// request.send(json);
|
||||
|
||||
statusMessage.style.cssText = `
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
`
|
||||
form.insertAdjacentElement('afterend', statusMessage);
|
||||
const json = JSON.stringify(Object.fromEntries(formData.entries()));
|
||||
|
||||
postData('http://localhost:3000/requests', json)
|
||||
.then(data => {
|
||||
console.log(data);
|
||||
showTanksModal(message.success);
|
||||
form.reset();
|
||||
statusMessage.remove();
|
||||
}).catch(() => {
|
||||
showTanksModal(message.failure);
|
||||
}).finally(() => {
|
||||
form.reset();
|
||||
});
|
||||
|
||||
// request.addEventListener('load', () => {
|
||||
// if (request.status === 200) {
|
||||
|
||||
// console.log(request.response);
|
||||
// showTanksModal(message.success);
|
||||
// form.reset();
|
||||
// statusMessage.remove();
|
||||
|
||||
|
||||
// }
|
||||
// else {
|
||||
// showTanksModal(message.failure);
|
||||
// }
|
||||
// });
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
function showTanksModal(message) {
|
||||
const previosModalDialog = document.querySelector('.my_modal__dialog');
|
||||
previosModalDialog.classList.add('hide');
|
||||
|
||||
eventModalOpen('.my_modal');
|
||||
|
||||
|
||||
const thanksModal = document.createElement('div');
|
||||
thanksModal.classList.add('my_modal__dialog');
|
||||
thanksModal.innerHTML = `
|
||||
<div class="my_modal__content">
|
||||
<div class="my_modal__close" data-close>×</div>
|
||||
<div class="my_modal__title">${message}</div>
|
||||
</div>
|
||||
`;
|
||||
document.querySelector('.my_modal').append(thanksModal);
|
||||
setTimeout(() => {
|
||||
thanksModal.remove();
|
||||
previosModalDialog.classList.add('show');
|
||||
previosModalDialog.classList.remove('hide');
|
||||
modalClose();
|
||||
|
||||
}, 4000);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
forms();
|
||||
modal();
|
||||
});
|
||||
Reference in new issue
Block a user