-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscript.js
123 lines (110 loc) · 4.31 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
const wayLogin = document.querySelector('.way__login');
const wayEmail = document.querySelector('.way__email');
const wayPhone = document.querySelector('.way__phone');
const formLogin = document.querySelector('.form__login');
const formEmail = document.querySelector('.form__email');
const formPhone = document.querySelector('.form__phone');
// form
const formStart = document.querySelector('.form__start');
const formEnd = document.querySelector('.form__end');
const formError = document.querySelector('.form__error');
const formRestore = document.querySelector('.form__restore-pass');
const formRequestMessage = document.querySelector('.form__restore-request-message');
const forms = document.querySelectorAll('.forms__item');
const hideForms = ()=>{
forms.forEach(form => {
form.classList.add('hidden');
});
}
wayLogin.addEventListener('click', ()=>{
hideForms();
formLogin.classList.remove('hidden');
console.log('по-логину');
})
wayEmail.addEventListener('click', ()=>{
hideForms();
formEmail.classList.remove('hidden');
console.log('по-email');
})
wayPhone.addEventListener('click', ()=>{
hideForms();
formPhone.classList.remove('hidden');
console.log('по-телефону');
})
const formSended = ()=>{
formStart.classList.add('flyaway');
setTimeout(()=>{
formStart.classList.add('hidden');
formEnd.classList.remove('hidden');
setTimeout(()=>{formEnd.classList.add('reveal');}, 50);
}, 300)
}
const formErrorEvent = ()=>{
formEnd.classList.remove('reveal');
formEnd.classList.add('flyaway');
setTimeout(()=>{
formEnd.classList.add('hidden');
formError.classList.remove('hidden');
setTimeout(()=>{formError.classList.add('reveal');}, 50);
}, 300)
}
// Форма 1
const formSend = document.querySelector('.send');
formSend.addEventListener('click', ()=>{
document.querySelector('.form__start .error__text').classList.remove('hidden');
//для тестирования ошибки пока, но эту функцию надо, вероятно, поставить в ajax на ошибку, но здеь я без ойгукн пишу, просто добавил его с скрипты
setTimeout(()=>{formSended();}, 3000);
})
// Форма 2
const codeConfirm = document.querySelector('.confirm');
codeConfirm.addEventListener('click', function(){
document.querySelector('.form__end .error__text').classList.remove('hidden');
setTimeout(()=>{
formErrorEvent();
}, 5000)
})
// Форма 3 Восстановление пароля
const formRestorePass = ()=>{
formStart.classList.add('flyaway');
setTimeout(()=>{
formStart.classList.add('hidden');
formRestore.classList.remove('hidden');
setTimeout(()=>{formRestore.classList.add('reveal');}, 50);
}, 300)
}
document.querySelector('.restore').addEventListener('click', formRestorePass);
// Запрос
// const formRequestSend = ()=>{
// formRestore.classList.add('flyaway');
// setTimeout(()=>{
// formRestore.classList.add('hidden');
// formRequestMessage.classList.remove('hidden');
// setTimeout(()=>{formRequestMessage.classList.add('reveal');}, 50);
// }, 300)
// }
document.querySelector('.restore-request-send').addEventListener('click', ()=>{
formRestore.classList.add('hidden');
formRequestMessage.classList.remove('hidden');
});
// NO_CODE
const noCodeLink = document.querySelector('.no-code__link');
const noCodeText = document.querySelector('.no-code__text');
noCodeLink.addEventListener('click', function(){
noCodeText.classList.remove('hidden');
this.classList.add('hidden');
})
noCodeText.addEventListener('click', function(){
noCodeLink.classList.remove('hidden');
this.classList.add('hidden');
});
// NO_REQUEST LINK
const noRequestLink = document.querySelector('.no-request__link');
const noRequestText = document.querySelector('.no-request__text');
noRequestLink.addEventListener('click', function(){
noRequestText.classList.remove('hidden');
this.classList.add('hidden');
})
noRequestText.addEventListener('click', function(){
noRequestLink.classList.remove('hidden');
this.classList.add('hidden');
});