Skip to content
Snippets Groups Projects
Commit 1982887b authored by ghalys's avatar ghalys
Browse files

Bug fixes index

parent 017156b6
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
static/styles.css
+ 3
− 2
View file @ 1982887b
......@@ -48,8 +48,9 @@ body {
padding: 30px 60px;
}
#video-container, #image {
float: left;
width: 30%; /* Chaque div prend la moitié de la largeur */
/*float: left;*/
position: relative;
width: 40%; /* Chaque div prend la moitié de la largeur */
box-sizing: border-box; /* Inclut la bordure et le padding dans la largeur */
margin-right: 10px; /* Ajustez la marge selon vos besoins */
}
......
templates/index.html
+ 50
− 37
View file @ 1982887b
......@@ -13,8 +13,22 @@
<title>Document</title>
</head>
<body>
<div class="container-fluid text-center">
<div class="container-fluid text-center">
<div class="container-fluid col overflow-auto max-vh-100">
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<div class="row">
<div class="col">
<a href = "{{ url_for('sommaire') }}"><button class="btn bg custom-button btn-grand">
......@@ -28,24 +42,28 @@
<img src="{{ url_for('static', filename='Logo_Tanuki_gris.jpg') }}" class="logo logo-Tenuki" alt="Logo de l'association" id="logo">
</div>
</div>
</div>
</div>
</br>
</br>
<div class="container-fluid col text-center">
<div class="container-fluid text-center">
<div class="col">
<div class="col">
<form method="POST" action="/" id="myForm">
<button class="btn bg custom-button btn-grand" type="submit" id="start-button" name="psw1" value="0" {% if disabled_button == 'start-button' %}disabled{% endif %}>Démarrer l'enregistrement de la partie</button>
<button class="btn bg custom-button btn-grand" type="submit" id="stop-button" name="psw1" value="1" {% if disabled_button == 'stop-button' %}disabled{% endif %}>Stop Camera</button>
<button class="btn bg custom-button btn-petit" type="submit" id="start-button" name="psw1" value="0" {% if disabled_button == 'start-button' %}disabled{% endif %}>Démarrer l'enregistrement de la partie</button>
<button class="btn bg custom-button btn-petit" type="submit" id="stop-button" name="psw1" value="1" {% if disabled_button == 'stop-button' %}disabled{% endif %}>Stop Camera</button>
</form>
</div>
<div class="container-fluid text-center">
</div>
<div class="row">
<div class="col-1"></div>
<div class="col">
<div id="video-container">
<img id="camera-feed" src="{{ url_for('video_feed') }}" alt="Camera Feed"></img>
</div>
</div>
<div class="col-1"></div>
<div class="col">
<div id="image">
<img id="image" src="" alt="Image"></img>
<form method="POST" action="/game" id="move">
......@@ -54,20 +72,18 @@
<button class="btn bg custom-button btn-petit" type="submit" id="start-button2" name="psw2" value="4" {% if disabled_buttono == 'stop-button' %}disabled{% endif %}> &gt; </button>
<button class="btn bg custom-button btn-petit" type="submit" id="start-button3" name="psw2" value="5" {% if disabled_buttono == 'stop-button' %}disabled{% endif %}> &gt;&gt; </button>
</form>
<div class="col-1"></div>
</div>
<div class="col-1"></div>
</div>
</div>
</br>
<div class="container-fluid text-info">
<div class="col text-info">
<div id="message">
{{ message }}
</div>
</div>
<script>
function updateMessage() {
$.get('/update', fun0ction(data) {
$.get('/update', function(data) {
// Mettre à jour le contenu de #message avec le nouveau message
$('#message').text(data.message);
$('#image img').attr('src', 'data:image/jpeg;base64,' + data.image);
......@@ -79,11 +95,10 @@
setInterval(updateMessage, 3000);
</script>
</br>
</br>
</br>
<div class="container-fluid col text-light">
<div class="col text-left text-light">
<b><u>Option</u></b>
<form method="POST" action="/rules" id="check">
<label for="rules">Respect des règles strictes : </label>
......@@ -97,31 +112,29 @@
<label for="input2">Nouvel emplacement</label>
<input type="text" id="input2" name="input2" placeholder="Entrez les coordonnées du nouvel emplacement de la pièce">
<br>
<button class="btn bg custom-button btn-grand" type="submit">Valider</button>
<button class="btn bg custom-button btn-petit" type="submit">Valider</button>
</form>
</div>
</br>
</br>
</br>
<div class="container-fluid col text-light">
<div class="col text-left text-light">
<b><u>Gestion des fichiers</u></b>
</br>
<button class="btn bg custom-button btn-grand" onclick="downloadFile()">Télécharger le fichier</button>
<button class="btn bg custom-button btn-petit" onclick="downloadFile()">Télécharger le fichier</button>
</br>
</br>
<div class="container-fluid col text-light">
<u>Charger un fichier </u>
<form method="POST" action="/process" enctype="multipart/form-data">
<input class="btn bg custom-button btn-grand" type="file" name="file" accept=".txt">
<input type="file" name="file" accept=".txt">
<br>
<input class="btn bg custom-button btn-grand" type="submit" value="Charger">
<input class="btn bg custom-button btn-petit" type="submit" value="Charger">
</form>
</div>
</div>
</div>
<script>
function downloadFile() {
// Requête AJAX pour obtenir le contenu du fichier depuis le serveur
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment