ynerant
/
tgvmax
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Put content in a container 

Signed-off-by: Emmy D'Anello <ynerant@emy.lu>
This commit is contained in:
Emmy D'Anello 2023-04-25 15:14:57 +02:00
parent 4332862419
commit ae859e0db4
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/index.html
View File

@ -5,35 +5,37 @@
<link href="/static/bootstrap5/css/bootstrap.min.css" rel="stylesheet"> <link href="/static/bootstrap5/css/bootstrap.min.css" rel="stylesheet">
</head> </head>
<body> <body>
<form id="form" action="#"> <main class="container">
<form id="form" action="#">
<datalist id="iataCodes"> <datalist id="iataCodes">
<option value="Chargement…"> <option value="Chargement…">
</datalist> </datalist>
<div class="mb-3"> <div class="mb-3">
<label for="origin" class="form-label">Origine :</label> <label for="origin" class="form-label">Origine :</label>
<input type="text" class="form-control" list="iataCodes" id="origin" <input type="text" class="form-control" list="iataCodes" id="origin"
placeholder="Origine…" aria-describedby="originHelp"> placeholder="Origine…" aria-describedby="originHelp">
<input type="hidden" class="form-control" id="originIata"> <input type="hidden" class="form-control" id="originIata">
<div id="originHelp" class="form-text">Le point de départ de votre trajet.</div> <div id="originHelp" class="form-text">Le point de départ de votre trajet.</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="destination" class="form-label">Destination :</label> <label for="destination" class="form-label">Destination :</label>
<input type="text" class="form-control" list="iataCodes" id="destination" <input type="text" class="form-control" list="iataCodes" id="destination"
placeholder="Destination…" aria-describedby="destinationHelp"> placeholder="Destination…" aria-describedby="destinationHelp">
<input type="hidden" class="form-control" id="destinationIata"> <input type="hidden" class="form-control" id="destinationIata">
<div id="destinationHelp" class="form-text">Le point d'arrivée de votre trajet.</div> <div id="destinationHelp" class="form-text">Le point d'arrivée de votre trajet.</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="day" class="form-label">Jour de départ :</label> <label for="day" class="form-label">Jour de départ :</label>
<input type="date" class="form-control" id="day" aria-describedby="dayHelp" <input type="date" class="form-control" id="day" aria-describedby="dayHelp"
min="{{ today }}" max="{{ max_day }}" value="{{ today }}"> min="{{ today }}" max="{{ max_day }}" value="{{ today }}">
<div id="dayHelp" class="form-text">Le jour de votre départ.</div> <div id="dayHelp" class="form-text">Le jour de votre départ.</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<input type="submit" class="form-control btn btn-primary" value="Rechercher…"> <input type="submit" class="form-control btn btn-primary" value="Rechercher…">
</div> </div>
</form> </form>
<div id="result"></div> <div id="result"></div>
</main>
</body> </body>
<script src="/static/bootstrap5/js/bootstrap.bundle.min.js"></script> <script src="/static/bootstrap5/js/bootstrap.bundle.min.js"></script>
@ -133,7 +135,7 @@
let text = route[0].origin let text = route[0].origin
for (let train of route) { for (let train of route) {
text += " (" + train.departure + ") --> (" + train.arrival + ") " + train.destination + ", " text += " (" + train.departure + ") --> (" + train.arrival + ") " + train.destination + " "
} }
route_elem.textContent = text route_elem.textContent = text
} }