api initial

pages/api/auth.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+	res.status(200).json({ name: 'John Doe' })
+}

pages/api/auth/email.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+	res.status(200).json({ name: 'John Doe' })
+}

pages/api/auth/phone.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+	res.status(200).json({ name: 'John Doe' })
+}

pages/api/calendar.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+	res.status(200).json({ name: 'John Doe' })
+}

pages/api/contracts.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+	res.status(200).json({ name: 'John Doe' })
+}

pages/login.js

@@ -20,20 +20,35 @@ class LoginPage extends React.Component
 		this.state = {
 			username: "", 
 			password: "", 
+			phone: "", 
+			tab: "email", 
 		};
 	}
 
-	_handle_onSubmit = (event) => 
+	_handle_onEmailSubmit = (event) => 
 	{
 		event.preventDefault();
 
-		const { username, password } = this.state;
+		const { username, password, } = this.state;
 		sendLoginForm({ username, password });
 	}
 
+	_handle_onPhoneSubmit = (event) => 
+	{
+		event.preventDefault();
+
+		const { phone, } = this.state;
+		sendLoginForm({ phone });
+	}
+
+	_handle_onChangeTab = (tab) => 
+	{
+		this.setState({ tab: tab });
+	}
+
 	render()
 	{
-		const { username, password } = this.state;
+		const { username, password, phone, tab } = this.state;
 
 		return (
 			<React.Fragment>
@@ -54,11 +69,12 @@ class LoginPage extends React.Component
 								<div className="login_with">
 									<p>Войти с помощью</p>
 									<div className="tabs">
-										<div className="tab active">Номера телефона</div>
-										<div className="tab">Электронной почты</div>
+										<div className={`tab ${ tab === "email" ? "active" : "" }`} onClick={ () => this._handle_onChangeTab("email") }>Электронной почты</div>
+										<div className={`tab ${ tab === "phone" ? "active" : "" }`} onClick={ () => this._handle_onChangeTab("phone") }>Номера телефона</div>
 									</div>
 								</div>
-								<form onSubmit={ this._handle_onSubmit }>
+								{ tab === "email" ? (
+									<form onSubmit={ this._handle_onEmailSubmit }>
 										<div class="form_field">
 											<input type="text" name="username" value={ username } placeholder="Введите логин" onChange={ (event) => this.setState({ username: event.target.value }) }/>
 										</div>
@@ -67,6 +83,14 @@ class LoginPage extends React.Component
 										</div>
 										<button type="submit" class="button button-blue">Войти</button>
 									</form>
+								) : (
+									<form onSubmit={ this._handle_onPhoneSubmit }>
+										<div class="form_field">
+											<input type="text" name="phone" value={ phone } placeholder="Введите номер телефона" onChange={ (event) => this.setState({ phone: event.target.value }) }/>
+										</div>
+										<button type="submit" class="button button-blue" style={{ width: "auto" }}>Продолжить</button>
+									</form>
+								) }
 							</div>
 						</div>
 					</section>

pages/recovery.js

@@ -23,6 +23,7 @@ export default function RecoveryPassPage() {
 						<h1 className="section_title">Восстановление пароля</h1>
 
 						<div className="login recovery">
+							{/*}
 							<div className="login_with">
 								<p>Восстановить с помощью</p>
 								<div className="tabs">
@@ -38,9 +39,8 @@ export default function RecoveryPassPage() {
 
 								<button type="submit" className="button button-blue" disabled>Получить код</button>
 							</form>
-
+							*/}
 							{/* Step 2 */}
-							{/* 
 							<p className="message">На указанный номер отправлен код.</p>
 							<form>
 								<div className="form_field">
@@ -54,7 +54,6 @@ export default function RecoveryPassPage() {
 								<p>Запросить код повторно можно через: 60 секунд</p>
 								<button className="button button-blue transparent" disabled>Запросить код повторно</button>
 							</div>
-							*/}
 						</div>
 					</div>
 				</section>