meiri/alkator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

success and failed

Browse Source
This commit is contained in:
Martin Quarda 2024-02-08 04:46:07 +01:00
parent e6d52f75a9
commit db76047cde
2 changed files with 78 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
alkatorapi/views.py
View File

@ -16,4 +16,4 @@ def register(request):
return HttpResponse('{"reason":"Email je již registrován!"}', status=400, content_type='application/json') return HttpResponse('{"reason":"Email je již registrován!"}', status=400, content_type='application/json')
user = User(first_name=request.POST['first_name'], last_name=request.POST['last_name'], email=request.POST['email']) user = User(first_name=request.POST['first_name'], last_name=request.POST['last_name'], email=request.POST['email'])
user.save() user.save()
return HttpResponse('{"reason":"Úspěšná registrace."}', content_type='application/json') return HttpResponse('{"success":"Úspěšná registrace."}', content_type='application/json')

130
frontend/src/scripts/index.js
View File

@ -12,6 +12,8 @@ class Main extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
text: "",
status: "",
}; };
} }
onSubmit(event){ onSubmit(event){
@ -21,61 +23,83 @@ class Main extends Component {
fetch("/api/register", { fetch("/api/register", {
method:"POST", method:"POST",
body: formData, body: formData,
}).then(resp => resp.json()).then(json => {console.log(json)}); }).then(resp => resp.json()).then(json => {
if(json.reason){
this.setState({
text: json.reason,
status: "failed",
})
} else {
this.setState({
text: json.success,
status: "success",
})
}
});
} }
render(){ render(){
return <div> return (
<div class="container"> <div>
<img class="logo" src="/public/logo.png"></img> {this.state.status == "success" &&
</div> <div class="container-fluid alert alert-success">
<div class="container info"> {this.state.text}
<div class="row"> </div>}
<h1 class="col val"> {this.state.status == "failed" &&
<b>KDY?</b> <div class="container-fluid alert alert-danger">
<br /> {this.state.text}
21.4.2024 </div>}
</h1> <div class="container">
<div class="col"></div> <img class="logo" src="/public/logo.png"></img>
<h1 class="col val"> </div>
<b>KDE?</b> <div class="container info">
<br /> <div class="row">
Sobkovice <h1 class="col val">
</h1> <b>KDY?</b>
<div class="col"></div> <br />
<h1 class="col val"> 21.4.2024
<b>CENA</b> </h1>
<br /> <div class="col"></div>
480 kč <h1 class="col val">
</h1> <b>KDE?</b>
</div> <br />
</div> Sobkovice
<div class="container"> </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Aliquam erat volutpat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Etiam neque. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Nullam rhoncus aliquam metus. In dapibus augue non sapien. Phasellus faucibus molestie nisl. Duis risus. Duis viverra diam non justo. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Mauris dictum facilisis augue. Etiam posuere lacus quis dolor. Integer lacinia. Vestibulum fermentum tortor id mi. Phasellus rhoncus.</p> <div class="col"></div>
</div> <h1 class="col val">
<form class="container" onSubmit={(e) => this.onSubmit(e)}> <b>CENA</b>
<h1>Registrace</h1> <br />
<div class="mb-3"> 480 kč
<label for="first_name" class="form-label">Jméno</label> </h1>
<input type="text" class="form-control" id="first_name" name="first_name" /> </div>
</div> </div>
<div class="mb-3"> <div class="container">
<label for="last_name" class="form-label">Přijmení</label> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Aliquam erat volutpat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
<input type="text" class="form-control" id="last_name" name="last_name" /> </div>
</div> <form class="container" onSubmit={(e) => this.onSubmit(e)}>
<div class="mb-3"> <h1>Registrace</h1>
<label for="email" class="form-label">Emailová adresa</label> <div class="mb-3">
<input type="email" class="form-control" id="email" name="email" /> <label for="first_name" class="form-label">Jméno</label>
</div> <input type="text" class="form-control" id="first_name" name="first_name" />
<div class="mb-3 form-check"> </div>
<input type="checkbox" class="form-check-input" id="agreement" name="agreement" /> <div class="mb-3">
<label class="form-check-label" for="agreement">Souhlas se zpracováním osobních údajů</label> <label for="last_name" class="form-label">Přijmení</label>
</div> <input type="text" class="form-control" id="last_name" name="last_name" />
<button type="submit" class="btn btn-primary">Odeslat</button> </div>
</form> <div class="mb-3">
<div class="container video"> <label for="email" class="form-label">Emailová adresa</label>
<iframe width="100%" height="800px" src="https://www.youtube.com/embed/-_Uu4rMb3n8?si=3AeWqw319fPrSTse" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe> <input type="email" class="form-control" id="email" name="email" />
</div> </div>
</div>; <div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="agreement" name="agreement" />
<label class="form-check-label" for="agreement">Souhlas se zpracováním osobních údajů</label>
</div>
<button type="submit" class="btn btn-primary">Odeslat</button>
</form>
<div class="container video">
<iframe width="100%" height="800px" src="https://www.youtube.com/embed/-_Uu4rMb3n8?si=3AeWqw319fPrSTse" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
</div>
</div>
);
} }
} }