Commit d2343d32 authored by diesys's avatar diesys 🎈

touch away menu closes it, many html minor changes adding delete and add player

parent fe516cbb
......@@ -37,25 +37,31 @@
<center>
<div id="menu" class="hidden">
<h4>Partite</h4><br>
<!-- aggiungi risultato doppio -->
<form action="submit.php" method="post">
<input type="hidden" name="torneo" value="singolo">
<div class="input-group input-padding">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">singolo</span>
<span class="input-group-text torneo-icon">
<ion-icon name="ios-contact" size="large"></ion-icon>
</span>
</div>
<select class="custom-select" name="giocatore1" required>
<option value="" disabled selected>Giocatore 1</option>
<option value="" disabled selected>Giocat. 1</option>
{GIOCATORI_SINGOLO}
<!-- <?php echo shell_exec('./tornelo.py -g singolo --web 2>&1'); ?> -->
</select>
<select class="custom-select" name="giocatore2" required>
<option value="" disabled selected>Giocatore 2</option>
<option value="" disabled selected>Giocat. 2</option>
{GIOCATORI_SINGOLO}
<!-- <?php echo shell_exec('./tornelo.py -g singolo --web 2>&1'); ?> -->
</select>
<select class="custom-select col-2" id="inputGroupSelect01" name="esito" required>
<select class="custom-select col-xs-3 col-md-2" id="inputGroupSelect01" name="esito" required>
<option disabled selected value="">esito</option>
<option value="1">1</option>
<option value="0">2</option>
......@@ -63,31 +69,34 @@
<div class="input-group-append">
<button class="btn btn-outline-secondary bg-danger text-white bigFontButton" type="submit">
<ion-icon size="large" name="ios-checkmark"></ion-icon>
<ion-icon size="large" name="md-checkmark"></ion-icon>
</button>
</div>
</div>
</form>
<!-- aggiungi risultato doppio -->
<form action="submit.php" method="post">
<input type="hidden" name="torneo" value="doppio">
<div class="input-group input-padding">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">doppio</span>
<span class="input-group-text torneo-icon">
<ion-icon name="ios-contacts" size="large" role="img"></ion-icon>
</span>
</div>
<select class="custom-select" name="giocatore1" required>
<option value="" disabled selected>Giocatore 1</option>
<option value="" disabled selected>Squad. 1</option>
<!-- <?php echo shell_exec('./tornelo.py -g doppio --web 2>&1'); ?> -->
{GIOCATORI_DOPPIO}
</select>
<select class="custom-select" name="giocatore2" required>
<option value="" disabled selected>Giocatore 2</option>
<option value="" disabled selected>Squad. 2</option>
<!-- <?php echo shell_exec('./tornelo.py -g doppio --web 2>&1'); ?> -->
{GIOCATORI_DOPPIO}
</select>
<select class="custom-select col-2" id="inputGroupSelect02" name="esito" required>
<select class="custom-select col-xs-3 col-md-2" id="inputGroupSelect02" name="esito" required>
<option disabled selected value="">esito</option>
<option value="1">1</option>
<option value="0">2</option>
......@@ -95,7 +104,66 @@
<div class="input-group-append">
<button class="btn btn-outline-secondary bg-danger text-white bigFontButton" type="submit">
<ion-icon size="large" name="ios-checkmark"></ion-icon>
<ion-icon size="large" name="md-checkmark"></ion-icon>
</button>
</div>
</div>
</form>
<br /><h4>Giocatori e squadre</h4><br>
<!-- elimina giocatore -->
<form action="submit.php" method="post">
<!-- <input type="hidden" name="torneo" value="eliminaGiocatore"> -->
<div class="input-group input-padding">
<div class="input-group-prepend">
<span class="input-group-text">elimina</span>
</div>
<select class="custom-select" name="giocatoreS" required>
<option value="" disabled selected>Giocatore</option>
{GIOCATORI_SINGOLO}
</select>
<div class="input-group-prepend">
<span class="input-group-text" style="border-left: none;">o</span>
</div>
<select class="custom-select" name="giocatoreD" required>
<option value="" disabled selected>Squadra</option>
{GIOCATORI_DOPPIO}
</select>
<div class="input-group-append">
<button class="btn btn-outline-secondary bg-danger text-white bigFontButton" type="submit">
<ion-icon size="large" name="md-trash"></ion-icon>
</button>
</div>
</div>
</form>
<!-- aggiungi giocatore -->
<form action="submit.php" method="post">
<!-- <input type="hidden" name="torneo" value="eliminaGiocatore"> -->
<div class="input-group input-padding">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">aggiungi</span>
</div>
<input class="form-control" name="nuovoGiocatore" placeholder="Nome">
<div class="input-group-prepend">
<span class="input-group-text" style="border-left: none;">in</span>
</div>
<select class="custom-select" name="torneo" required>
<option disabled selected value="">torneo</option>
<option value="singolo">singolo</option>
<option value="doppio">doppio</option>
</select>
<div class="input-group-append">
<button class="btn btn-outline-secondary bg-danger text-white bigFontButton" type="submit">
<ion-icon size="large" name="md-person-add"></ion-icon>
</button>
</div>
</div>
......@@ -104,10 +172,11 @@
</center>
<div id='content' class='container-fluid'>
<div id='content' onclick="$('#menu').slideUp()" class='container-fluid'>
<center>
<img id='qr' src='img/torneloQR.gif' height='140px' width='140px' alt='http://flowin.space/tornelo/' />
<img id='qr' src='img/torneloQR.gif' height='140px' width='140px' alt='http://flowin.space/tornelo/' /><br>
<caption><small>Usa il codice QR per condividere la pagina!</small></caption><br>
<br>
<div class='btn-group mr-2' role='group' aria-label='First group'>
......
......@@ -51,6 +51,8 @@ body {
/* margin: 0; */
width: 100%;
overflow-x: hidden;
min-height: 100%;
position: absolute;
}
#qr {
margin: 10px 0 20px 0;
......@@ -63,12 +65,18 @@ body {
width: 100%;
position: fixed;
min-height: 20px;
margin-top: 56px;
margin-top: 30px;
padding: 50px 20px 5px 20px;
box-shadow: 0 -5px 30px -8px rgba(0, 0, 0, .4);
background: #fafafa;
z-index: 8;
}
#menu span.torneo-icon {
padding: 2px 5px;
}
#menu span.torneo-icon > ion-icon {
font-size: 24px;
}
.titleSection {
font-size: 22px;
......@@ -122,10 +130,10 @@ p.centered {
.btn.bigFontButton {
height: 38px;
padding: 0;
width: 34px;
width: 40px;
}
.btn.bigFontButton ion-icon {
/* transform: translateY(2px); */
width: 24px;
}
.btn.bigFontButton > span {
font-size: 40px;
......@@ -136,8 +144,8 @@ p.centered {
}
.input-padding {
margin-bottom: 40px;
max-width: 800px;
margin-bottom: 25px;
max-width: 650px;
}
.alert {
......@@ -161,4 +169,34 @@ p.centered {
}
.btn-outline-primary.collapsed > ion-icon {
color: #007bff;
}
/* RESPONSIVE ########################## */
@media only screen and (max-width: 670px) {
.input-padding {
width: 100%;
}
#menu {
margin: 45px 0;
padding: 50px 0px 5px 0px;
}
/* fix input a tutto schermo */
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-radius: 0;
margin: inherit -1px
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment