NotFound
+ +export default NotFound \ No newline at end of file diff --git a/hondabank/src/components/PrivateRoute.js b/hondabank/src/components/PrivateRoute.js new file mode 100644 index 0000000..d73514f --- /dev/null +++ b/hondabank/src/components/PrivateRoute.js @@ -0,0 +1,10 @@ +import React from 'react' + +import { Redirect, Route } from 'react-router' + +const PrivateRoute = props => { + const isLogged = !!localStorage.getItem('app-token') + return isLogged ?
+
+
+
+
+ );
+}
+
+export default CreditRequest;
diff --git a/hondabank/src/pages/creditRequest/creditRequest.css b/hondabank/src/pages/creditRequest/creditRequest.css
new file mode 100644
index 0000000..e69de29
diff --git a/hondabank/src/pages/creditRequest/index.js b/hondabank/src/pages/creditRequest/index.js
new file mode 100644
index 0000000..f1c90d9
--- /dev/null
+++ b/hondabank/src/pages/creditRequest/index.js
@@ -0,0 +1,3 @@
+import CreditRequest from './CreditRequest'
+
+export default CreditRequest
\ No newline at end of file
diff --git a/hondabank/src/pages/home/Home.css b/hondabank/src/pages/home/Home.css
new file mode 100644
index 0000000..da08b50
--- /dev/null
+++ b/hondabank/src/pages/home/Home.css
@@ -0,0 +1,109 @@
+body{
+ padding: 0px;
+ margin: 0px;
+ font-family: 'Muli', sans-serif;
+}
+.containerr{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: #ecf0f1;
+ height: 90vh;
+ margin: 1rem;
+ border-radius: 35px;
+ padding: 10px;
+}
+
+
+.logo{
+ height: 15%;
+ width: 15%;
+ margin: 0;
+}
+
+img{
+ margin-left: 0px;
+
+ max-width:300px;
+ max-height:150px;
+ width: auto;
+ height: auto;
+}
+
+.fields{
+ display: flex;
+}
+
+.loan, .credit{
+ width: 500px;
+ height: 500px;
+ background-color: palegoldenrod;
+ box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
+ justify-content: center;
+ border-radius: 5px;
+}
+.lloan{
+ margin-left: 20px;
+}
+.loan{
+ padding: 20px;
+ overflow:auto;
+}
+.loan li{
+ margin-left: 15px;
+ list-style-type: none;
+}
+.loan #header{
+ margin-bottom: 40px;
+}
+.loan li li p{
+ margin-left: 30px;
+ margin-bottom: 15px;
+}
+
+.btn{
+ width: 180px;
+ height: 25px;
+
+ border-radius: 5px;
+ text-transform: uppercase;
+ color: black;
+ font-size: 10px;
+ cursor: pointer;
+ border: 1px solid black;
+
+}
+.btn1{
+ width: 180px;
+ height: 25px;
+ border-radius: 5px;
+ text-transform: uppercase;
+ color: black;
+ font-size: 10px;
+ cursor: pointer;
+ border: 1px solid black;
+}
+.btn1:hover, .btn:hover{
+ color: white;
+ background-color: #f9b233;
+ border: 1px solid black;
+}
+
+.creditt{
+ margin-right: 20px;
+}
+.credit{
+ padding: 20px;
+ overflow:auto;
+}
+.credit li{
+
+ list-style-type: none;
+}
+.credit #header{
+ margin-bottom: 40px;
+}
+.credit li li p{
+ margin-left: 30px;
+ margin-bottom: 15px;
+}
diff --git a/hondabank/src/pages/home/Home.js b/hondabank/src/pages/home/Home.js
new file mode 100644
index 0000000..30f1d2b
--- /dev/null
+++ b/hondabank/src/pages/home/Home.js
@@ -0,0 +1,86 @@
+import React, { Component } from 'react';
+import axios from 'axios';
+import './Home.css';
+import hondaImg from '../honda.png'
+import { NavLink } from "react-router-dom"
+
+class Home extends Component{
+ state={
+ loans: [],
+ credits: [],
+ companyName: "",
+ }
+
+ async componentDidMount(){
+
+ const requesterResponse = await axios.get(`http://localhost:8080/requester/get/${localStorage.getItem('app-token')}`);
+ this.setState({companyName: requesterResponse.data['companyName']});
+ try{
+ const loanResponse = await axios.get(`http://localhost:8080/requester/loan/get/${localStorage.getItem('app-token')}`);
+ this.setState({loans: loanResponse.data});
+ }catch(error){
+ this.setState({loans: []});
+ }
+ try{
+ const creditResponse = await axios.get(`http://localhost:8080/requester/request/get/${localStorage.getItem('app-token')}`);
+ this.setState({credits: creditResponse.data});
+ }catch(error){
+ this.setState({credits: []});
+ }
+ }
+
+ render(){
+ const loans = this.state['loans'];
+ const companyName = this.state['companyName'];
+ const credits = this.state['credits'];
+ console.log(loans)
+
+ return(
+
+
+
+
+
+ 
+ );
+ };
+};
+
+export default Home
\ No newline at end of file
diff --git a/hondabank/src/pages/home/index.js b/hondabank/src/pages/home/index.js
new file mode 100644
index 0000000..825e58b
--- /dev/null
+++ b/hondabank/src/pages/home/index.js
@@ -0,0 +1,3 @@
+import Home from './Home'
+
+export default Home
\ No newline at end of file
diff --git a/hondabank/src/pages/honda.png b/hondabank/src/pages/honda.png
new file mode 100644
index 0000000..2669b7c
Binary files /dev/null and b/hondabank/src/pages/honda.png differ
diff --git a/hondabank/src/pages/loanRequest/LoanRequest.js b/hondabank/src/pages/loanRequest/LoanRequest.js
new file mode 100644
index 0000000..da0dbe3
--- /dev/null
+++ b/hondabank/src/pages/loanRequest/LoanRequest.js
@@ -0,0 +1,90 @@
+import hondaImg from '../honda.png'
+import React from 'react';
+import axios from 'axios';
+import * as yup from 'yup';
+import { history } from '../../history'
+import { NavLink } from "react-router-dom"
+
+
+import {ErrorMessage, Formik, Form, Field} from 'formik'
+
+
+const LoanRequest = () => {
+ const handleSubmit = values => {
+ console.log( {"value":values['value'],"token":localStorage.getItem('app-token')})
+ axios.post('http://localhost:8080/requester/loan/', {"value":values['value'],"deadline":values['deadline'],"interestRate":values['interestRate'],"token":localStorage.getItem('app-token')})
+ .then(resp =>{
+ const { data } = resp
+ if(data){
+ history.push('/')
+ }
+ }
+
+ )
+ }
+
+ const validations = yup.object().shape({
+ value: yup.string().required(),
+ })
+
+ return (
+
+
+ Bem-vindo {companyName}
+
+
+
+ { credits?.length > 0?
+ (
+ }
+
+
+
+ {credits.map ((credit, index)=>
+
+
+ )}
+
+
+
):Valor solicitado R$ {credit.value}
+Você não tem solicitações de Emprestimo
+ { loans?.length > 0?
+ (
+
+
+ {loans.map((loan,index) =>(
+
+
+ {installment.installment}
+
+ ))}
+
+
+ ))}
+
):Valor solicitado R$ {loan.totalValue.toFixed(2)} em {loan.deadline}
+ {loan.loanResponses.map(installment =>( ++
{installment.installmentValue} vence em {installment.dueDate}
+
+
+ }
+ Você não tem solicitações de Emprestimo
+
+
+
+
+
+ );
+}
+
+export default LoanRequest;
diff --git a/hondabank/src/pages/loanRequest/index.js b/hondabank/src/pages/loanRequest/index.js
new file mode 100644
index 0000000..f5bfd7d
--- /dev/null
+++ b/hondabank/src/pages/loanRequest/index.js
@@ -0,0 +1,3 @@
+import LoanRequest from './LoanRequest'
+
+export default LoanRequest
\ No newline at end of file
diff --git a/hondabank/src/pages/loguin/Loguin.css b/hondabank/src/pages/loguin/Loguin.css
new file mode 100644
index 0000000..e69de29
diff --git a/hondabank/src/pages/loguin/Loguin.js b/hondabank/src/pages/loguin/Loguin.js
new file mode 100644
index 0000000..7cc157b
--- /dev/null
+++ b/hondabank/src/pages/loguin/Loguin.js
@@ -0,0 +1,83 @@
+import './Loguin.css';
+import hondaImg from '../honda.png'
+import React from 'react';
+import axios from 'axios';
+import * as yup from 'yup';
+import { history } from '../../history'
+import { format } from 'react-string-format';
+import { NavLink } from "react-router-dom"
+
+
+import {ErrorMessage, Formik, Form, Field} from 'formik'
+
+
+const Loguin = () => {
+ const handleSubmit = values => {
+ console.log();
+ axios.get(format('http://localhost:8080/requester/gets/{0}/{1}', values['cnpj'], values['password']))
+ .then(resp =>{
+ const { data } = resp
+ if(data){
+ localStorage.setItem('app-token',data)
+ console.log(data)
+ history.push('/')
+ }
+ }
+
+ )
+ }
+
+ const validations = yup.object().shape({
+ cnpj: yup.string().required(),
+ password: yup.string().required()
+ })
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Loguin;
diff --git a/hondabank/src/pages/loguin/index.js b/hondabank/src/pages/loguin/index.js
new file mode 100644
index 0000000..a0e6832
--- /dev/null
+++ b/hondabank/src/pages/loguin/index.js
@@ -0,0 +1,3 @@
+import Loguin from './Loguin'
+
+export default Loguin
\ No newline at end of file
diff --git a/hondabank/src/pages/register/Register.css b/hondabank/src/pages/register/Register.css
new file mode 100644
index 0000000..0d5c4d9
--- /dev/null
+++ b/hondabank/src/pages/register/Register.css
@@ -0,0 +1,164 @@
+@import url('https://fonts.googleapis.com/css?family=Muli:400,900&display=swap');
+body{
+ padding: 0px;
+ margin: 0px;
+ font-family: 'Muli', sans-serif;
+}
+
+.container{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #ecf0f1;
+ height: 100vh;
+ margin-bottom: 1rem;
+}
+
+.menu{
+ color: black;
+ border-radius: 10px;
+ display: grid;
+ width: 60%;
+ height: 60%;
+ background-color: #A9A9A9;
+ justify-content: center;
+ align-items: center;
+}
+
+.menu h1{
+ margin-top: -20px;
+ padding-left: 50px;
+ text-transform: uppercase;
+}
+.menu p{
+ margin-top: -50px;
+}
+.menu img{
+ margin-left: 50px;
+ margin-top: 20px;
+ max-width:300px;
+ max-height:150px;
+ width: auto;
+ height: auto;
+}
+.menu button{
+ border-radius: 35px;
+ text-transform: uppercase;
+ color: black;
+ font-size: 10px;
+ cursor: pointer;
+ border: 1px solid black;
+ height: 30px;
+ width: 50%;
+ margin-left: 95px;
+
+}
+.menu button:hover{
+ color: white;
+ background-color: #f9b233;
+ border: 1px solid black;
+}
+
+.form button{
+ border-radius: 35px;
+ text-transform: uppercase;
+ color: black;
+ font-size: 10px;
+ cursor: pointer;
+ border: 1px solid black;
+ height: 30px;
+ width: 50%;
+ margin-left: 80px;
+ margin-top: 20px;
+
+}
+.form button:hover{
+ color: white;
+ background-color: #f9b233;
+ border: 1px solid black;
+}
+
+.form{
+ color: black;
+ border-radius: 10px;
+ display: grid;
+ width: 60%;
+ background-color: #A9A9A9;
+ justify-content: center;
+ align-items: center;
+ animation-name: fade;
+ animation-duration: 2s;
+ overflow: hidden;
+}
+.form select{
+ border-radius: 3px;
+ width: 250px;
+ border: 1px solid #A9A9A9;;
+ background-color: #A9A9A9;
+}
+.infoPessoal{
+ display: flex;
+}
+#iName, #iSName,#iTel{
+ width: 250px;
+ height: 25px;
+ background-color: transparent;
+ border-top: 0px solid black;
+ border-left: 0px solid black;
+ border-right: 0px solid black;
+ border-bottom: 2px solid black;
+ outline: none;
+
+}
+img{
+ margin-left: 30px;
+ margin-top: 20px;
+ max-width:300px;
+ max-height:200px;
+ margin-bottom: -30px;
+ width: auto;
+ height: auto;
+}
+
+#NameError, #SNameError, #TelError{
+ color: #ff0000;
+ font-size: 13px;
+}
+#NameError, #SNameError{
+ margin-bottom: -20px;
+ margin-top: -10px;
+}
+#TelError{
+ margin-top: -10px;
+}
+
+.form #img, #iName, #iTel,#iSName ,#btnSend{
+ margin-bottom: 1rem;
+ animation-name: moove;
+ animation-duration: 2s;
+}
+
+@keyframes fade{
+ from{
+ opacity: 0;
+ transform: scale(0.9);
+ }
+ to{
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes moove{
+ 0%{
+ opacity: 0;
+ transform: translateX(-450%);
+ }
+ 75%{
+ transform: translateX(10%);
+ }
+ 100%{
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
\ No newline at end of file
diff --git a/hondabank/src/pages/register/Register.js b/hondabank/src/pages/register/Register.js
new file mode 100644
index 0000000..c8b9b80
--- /dev/null
+++ b/hondabank/src/pages/register/Register.js
@@ -0,0 +1,127 @@
+import './Register.css';
+
+import hondaImg from '../honda.png'
+import React from 'react';
+import axios from 'axios';
+import * as yup from 'yup';
+import { history } from '../../history'
+import { NavLink } from "react-router-dom"
+
+
+import {ErrorMessage, Formik, Form, Field} from 'formik'
+
+
+const Register = () => {
+ const handleSubmit = values => {
+ axios.post('http://localhost:8080/requester/send', values)
+ .then(resp =>{
+ const { data } = resp
+ if(data){
+ localStorage.setItem('app-token',data)
+ console.log(data)
+ history.push('/')
+ }
+ }
+
+ )
+ }
+
+ const validations = yup.object().shape({
+ companyName: yup.string().required(),
+ cnpj: yup.string().required(),
+ address: yup.string().required(),
+ phone: yup.string().required(),
+ password: yup.string().required()
+ })
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Register;
diff --git a/hondabank/src/pages/register/index.js b/hondabank/src/pages/register/index.js
new file mode 100644
index 0000000..81cf88e
--- /dev/null
+++ b/hondabank/src/pages/register/index.js
@@ -0,0 +1,3 @@
+import Register from './Register'
+
+export default Register
\ No newline at end of file
diff --git a/hondabank/src/setupTests.js b/hondabank/src/setupTests.js
new file mode 100644
index 0000000..8f2609b
--- /dev/null
+++ b/hondabank/src/setupTests.js
@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+
+
+
+