You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
3.4 KiB
101 lines
3.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Eventos</title>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<link rel="icon" type="image/png" href="../images/netuno.png" />
|
|
<link rel="stylesheet" type="text/css" href="../css/eventos.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="eventos-container">
|
|
|
|
<nav>
|
|
<a href="https://www.netuno.org/pt/"><img src="../images/netuno.png" alt="Logo do framework Netuno"></a>
|
|
|
|
<input id="menu-control" class="menu-control" type="checkbox" />
|
|
<ul class="menu">
|
|
<li onclick="location.href='https://www.netuno.org/pt/'"><img src="../images/netuno.png" alt="Logo do framework Netuno"></li>
|
|
<li onclick="location.href='../index.html'">Home</li>
|
|
<li onclick="location.href='./extincoes.html'">Extinções</li>
|
|
<li onclick="location.href='./parques-naturais.html'">Parques naturais</li>
|
|
<li onclick="location.href='./formulario.html'">Formulário</li>
|
|
<li>Eventos</li>
|
|
<li onclick="location.href='./musicas.html'">Músicas</li>
|
|
</ul>
|
|
|
|
<label class="label-icon" for="menu-control" >
|
|
<img src="../images/menu.svg" alt="ícone de um menu" />
|
|
</label>
|
|
|
|
</nav>
|
|
|
|
|
|
<iframe srcdoc="<!DOCTYPE html><div style='heigth:50vh; font-size:40px; text-align:center'><div style='margin-top:150px;'>Carregando...</div></div>"
|
|
onload="this.removeAttribute('srcdoc')"
|
|
src="http://hcbarros.bootcamp.dev.netuno.org:20190/services/eventos" >
|
|
</iframe>
|
|
|
|
|
|
<div class="modal-content" ></div>
|
|
|
|
<div class="form-container">
|
|
|
|
<div class="send-message"><a>Enviando...</a></div>
|
|
|
|
<div class="head-form">
|
|
|
|
<a class="form-title">Cadastrar evento</a>
|
|
|
|
<a class="close" onclick="openClose('modal-content', 'form-container', 'none')" >+</a>
|
|
|
|
</div>
|
|
|
|
<form class="form" onsubmit="return sendData(this)" >
|
|
<table>
|
|
<tr>
|
|
<td>Título:</td>
|
|
<td><input type="text" name="titulo" minlength="5" maxlength="100" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Data:</td>
|
|
<td><input type="date" name="data" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Capacidade:</td>
|
|
<td><input type="text" name="capacidade" value="0" maxlength="7" onkeyup="numberMask(this)" onkeydown="numberMask(this)" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Preço:</td>
|
|
<td><input type="text" name="preco" maxlength="12" value="0,00" onkeyup="currencyMask(this)" onkeydown="currencyMask(this)" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Categoria:</td>
|
|
<td>
|
|
<select name="categoria">
|
|
<option value="1" selected>Aula</option>
|
|
<option value="2" >Jogo</option>
|
|
<option value="3">Visita técnica</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<button class="btn-send">Enviar</button>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
<button class="btn-modal" onclick="openClose('modal-content', 'form-container', 'flex')" >Formulário</button>
|
|
|
|
|
|
<footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript" src="../script/eventos.js"></script>
|
|
|
|
</body>
|
|
</html>
|