maybe change form?
This commit is contained in:
Martin Quarda
parent
c6650196b8
commit
f240c240e9
@ -355,94 +355,94 @@ class Main extends Component {
|
||||
<Gallery style={{}} photos={photos_gallery} onClick={this.openPhoto}/>
|
||||
</div>
|
||||
}
|
||||
{(this.state.faq || this.state.showRacerModalWindow) &&
|
||||
<div class="shadow"></div>}
|
||||
{this.state.showRacerModalWindow &&
|
||||
<div class="faq" onClick={(e) => this.setState({showRacerModalWindow: false})}>
|
||||
<div class="container" onClick={(e) => e.stopPropagation()}>
|
||||
<form id="form" class="container" action="/api/register_racer" onSubmit={(e) => this.onSubmit(e)}>
|
||||
<h1>Registrace Závodníka</h1>
|
||||
<input type="hidden" name="invoice_id" value={this.state.racer.invoice_id} />
|
||||
<div class="mb-3">
|
||||
<label for="first_name" class="form-label">Jméno</label>
|
||||
<input type="text" class="form-control" id="first_name" name="first_name" value={this.state.racer.first_name} />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="last_name" class="form-label">Přijmení</label>
|
||||
<input type="text" class="form-control" id="last_name" name="last_name" value={this.state.racer.last_name}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Emailová adresa (volitelné)</label>
|
||||
<input type="email" class="form-control" id="email" name="email" value={this.state.racer.email}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="date_of_birth" class="form-label">Datum narození</label>
|
||||
<input type="date" class="form-control" id="date_of_birth" name="date_of_birth" max={new Date().toJSON().slice(0, 10)} value={this.state.racer.date_of_birth}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">Telefonní číslo (volitelné)</label>
|
||||
<input type="text" class="form-control" id="phone" name="phone" value={this.state.racer.phone}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">Team (volitelné)</label>
|
||||
<input type="text" class="form-control" id="team" name="team" value={this.state.racer.team}/>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Vyměnit závodníka</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{this.state.faq &&
|
||||
<div class="faq" onClick={(e) => this.togglefaq()}>
|
||||
<div class="container" onClick={(e) => e.stopPropagation()}>
|
||||
<button type="button" class="btn-close" aria-label="Close" onClick={(e) => this.togglefaq()}></button>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Proč je cena startovného taková, jaká je?</h5>
|
||||
<p class="card-text">Vetšinu ceny dělá alkohol a nápoje, které se během závodu konzumují. Dostanete přívěšek s panákem, který Vám zůstává a pokud závod doběhnete, dostanete památeční medaili. Zbytek startovného tvoří výherní ceny, dále náklady spojené s organizací závodu. Výroba překážek, časovačů na čekárnách, náramky pro závodníký, tisk plakátů a jejich propagace, atd. Cenu jsme se snažili nastavit co nejnižší, zároveň takovou, abychom byli schopní Alkátor Race uskutečnit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">K čemu slouží Tokken?</h5>
|
||||
<p class="card-text">V kontextu Alkátor Race by se to dalo spíše nazvat kontrolním bodem. Závodník doběhne na určité místo, kde tokken sebere a následně ho zanese na další stanoviště, kde ho předáte kontrolorovi. Tím dáte najevo, že jste běžel trasu správě. Je to pojistka, aby jsi byl podctivý Alkátor a nešvindloval!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Jak funguje Quíz?</h5>
|
||||
<p class="card-text">Jedná se o překážku, kde na daném místě vylosujete otázku a běžíte k dalšímu stanovišti ke kontrolorovi. Mezi tím si můžete promyslet jednu z ze tří odpovědí (formát A,B,C). Špatná odpopvěď znamená panáčka. Navíc to má obdobnou funkci, jako Tokken.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Jak funguje Ruleta?</h5>
|
||||
<p class="card-text">Na stanovišti na Vás budou čekat panáčky. Obsah může být cokoliv alkoholického i nealkoholického, od dobrot po blééé. Nejlepší na tom je, že podle čichu a barvy nemáte šanci poznat, o co se jedná. Jelikož panáčky jsou uzavřené a dobarvené potravinářským barvivem.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Musím v Alkátor race utíkat nebo se jinak fyzicky namáhat?</h5>
|
||||
<p class="card-text">Strategii závodu si určím sám s pomocí mého osobního trenéra. Tudíž se zaměřím hlavně na alkohol a abych dorazil do cíle jako hrdina a ostřílený alko-veterán.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Kolik spoluúčastníků mám očekávat?</h5>
|
||||
<p class="card-text">Zatím je kapacita závodu 50 účastníků.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Co když jsem zde svůj dotaz nenašel?</h5>
|
||||
<p class="card-text">Tak neváhej a kontaktuj nás na sociálních sítích nebo emailu, rádi pomůžeme.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{this.state.page == "" &&
|
||||
<div>
|
||||
{(this.state.faq || this.state.showRacerModalWindow) &&
|
||||
<div class="shadow"></div>}
|
||||
{this.state.showRacerModalWindow &&
|
||||
<div class="faq" onClick={(e) => this.setState({showRacerModalWindow: false})}>
|
||||
<div class="container" onClick={(e) => e.stopPropagation()}>
|
||||
<form id="form" class="container" action="/api/register_racer" onSubmit={(e) => this.onSubmit(e)}>
|
||||
<h1>Registrace Závodníka</h1>
|
||||
<input type="hidden" name="invoice_id" value={this.state.racer.invoice_id} />
|
||||
<div class="mb-3">
|
||||
<label for="first_name" class="form-label">Jméno</label>
|
||||
<input type="text" class="form-control" id="first_name" name="first_name" value={this.state.racer.first_name} />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="last_name" class="form-label">Přijmení</label>
|
||||
<input type="text" class="form-control" id="last_name" name="last_name" value={this.state.racer.last_name}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Emailová adresa (volitelné)</label>
|
||||
<input type="email" class="form-control" id="email" name="email" value={this.state.racer.email}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="date_of_birth" class="form-label">Datum narození</label>
|
||||
<input type="date" class="form-control" id="date_of_birth" name="date_of_birth" max={new Date().toJSON().slice(0, 10)} value={this.state.racer.date_of_birth}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">Telefonní číslo (volitelné)</label>
|
||||
<input type="text" class="form-control" id="phone" name="phone" value={this.state.racer.phone}/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">Team (volitelné)</label>
|
||||
<input type="text" class="form-control" id="team" name="team" value={this.state.racer.team}/>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Registrovat a zaplatit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{this.state.faq &&
|
||||
<div class="faq" onClick={(e) => this.togglefaq()}>
|
||||
<div class="container" onClick={(e) => e.stopPropagation()}>
|
||||
<button type="button" class="btn-close" aria-label="Close" onClick={(e) => this.togglefaq()}></button>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Proč je cena startovného taková, jaká je?</h5>
|
||||
<p class="card-text">Vetšinu ceny dělá alkohol a nápoje, které se během závodu konzumují. Dostanete přívěšek s panákem, který Vám zůstává a pokud závod doběhnete, dostanete památeční medaili. Zbytek startovného tvoří výherní ceny, dále náklady spojené s organizací závodu. Výroba překážek, časovačů na čekárnách, náramky pro závodníký, tisk plakátů a jejich propagace, atd. Cenu jsme se snažili nastavit co nejnižší, zároveň takovou, abychom byli schopní Alkátor Race uskutečnit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">K čemu slouží Tokken?</h5>
|
||||
<p class="card-text">V kontextu Alkátor Race by se to dalo spíše nazvat kontrolním bodem. Závodník doběhne na určité místo, kde tokken sebere a následně ho zanese na další stanoviště, kde ho předáte kontrolorovi. Tím dáte najevo, že jste běžel trasu správě. Je to pojistka, aby jsi byl podctivý Alkátor a nešvindloval!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Jak funguje Quíz?</h5>
|
||||
<p class="card-text">Jedná se o překážku, kde na daném místě vylosujete otázku a běžíte k dalšímu stanovišti ke kontrolorovi. Mezi tím si můžete promyslet jednu z ze tří odpovědí (formát A,B,C). Špatná odpopvěď znamená panáčka. Navíc to má obdobnou funkci, jako Tokken.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Jak funguje Ruleta?</h5>
|
||||
<p class="card-text">Na stanovišti na Vás budou čekat panáčky. Obsah může být cokoliv alkoholického i nealkoholického, od dobrot po blééé. Nejlepší na tom je, že podle čichu a barvy nemáte šanci poznat, o co se jedná. Jelikož panáčky jsou uzavřené a dobarvené potravinářským barvivem.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Musím v Alkátor race utíkat nebo se jinak fyzicky namáhat?</h5>
|
||||
<p class="card-text">Strategii závodu si určím sám s pomocí mého osobního trenéra. Tudíž se zaměřím hlavně na alkohol a abych dorazil do cíle jako hrdina a ostřílený alko-veterán.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Kolik spoluúčastníků mám očekávat?</h5>
|
||||
<p class="card-text">Zatím je kapacita závodu 50 účastníků.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Co když jsem zde svůj dotaz nenašel?</h5>
|
||||
<p class="card-text">Tak neváhej a kontaktuj nás na sociálních sítích nebo emailu, rádi pomůžeme.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<div class="container">
|
||||
<img class="logo" src="/public/logo.svg"></img>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user