Skip to content

Commit

Permalink
Ajout du front end pour la configuration du S.A
Browse files Browse the repository at this point in the history
  • Loading branch information
@Altaks
Altaks committed Jan 10, 2024
1 parent 21b77ca commit 0c0220f
Show file tree
Hide file tree
Showing 4 changed files with 222 additions and 0 deletions.
38 changes: 38 additions & 0 deletions sa-software/software/data/configbd.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>S.A | Acceuil</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<h1>SMART CAMPUS</h1>
<hr>
</header>

<div class="container">
<form action="" method="post">
<h3>Configuration de l'API</h3>
<br>
<label for="">Nom du système</label>
<input type="text" name="system_name" id="system_name">
<br>
<label for="">Salle du système</label>
<input type="text" name="system_room" id="system_room">
<br>
<label for="">Nom de la base de données</label>
<input type="text" name="dbname" id="dbname">
<br>
<label for="">Nom d'utilisateur</label>
<input type="text" name="username" id="username">
<br>
<label for="">Mot de passe</label>
<input type="password" name="password" id="password">
<br>
<input type="submit" value="Valider">
</form>
</div>
</body>
</html>
35 changes: 35 additions & 0 deletions sa-software/software/data/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>S.A | Acceuil</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<h1>SMART CAMPUS</h1>
<hr>
</header>

<div class="container">
<a href="#">
<div class="box">
<svg width="25%" height="25%" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M19 3c-1.654 0-3 1.346-3 3 0 .502.136.968.354 1.385l-1.116 1.302A3.976 3.976 0 0 0 13 8c-.739 0-1.425.216-2.02.566L9.566 7.152A3.449 3.449 0 0 0 10 5.5C10 3.57 8.43 2 6.5 2S3 3.57 3 5.5 4.57 9 6.5 9c.601 0 1.158-.166 1.652-.434L9.566 9.98A3.972 3.972 0 0 0 9 12c0 .997.38 1.899.985 2.601l-1.692 1.692.025.025A2.962 2.962 0 0 0 7 16c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3c0-.476-.121-.919-.318-1.318l.025.025 1.954-1.954c.421.15.867.247 1.339.247 2.206 0 4-1.794 4-4a3.96 3.96 0 0 0-.439-1.785l1.253-1.462c.364.158.764.247 1.186.247 1.654 0 3-1.346 3-3s-1.346-3-3-3zM7 20a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM5 5.5C5 4.673 5.673 4 6.5 4S8 4.673 8 5.5 7.327 7 6.5 7 5 6.327 5 5.5zm8 8.5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm6-7a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></svg>
</div>
<p>Configurer l'API</p>
</a>
<a href="#">
<div class="box">
<svg width="25%" height="25%" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M12 6c3.537 0 6.837 1.353 9.293 3.809l1.414-1.414C19.874 5.561 16.071 4 12 4c-4.071.001-7.874 1.561-10.707 4.395l1.414 1.414C5.163 7.353 8.463 6 12 6zm5.671 8.307c-3.074-3.074-8.268-3.074-11.342 0l1.414 1.414c2.307-2.307 6.207-2.307 8.514 0l1.414-1.414z"></path><path d="M20.437 11.293c-4.572-4.574-12.301-4.574-16.873 0l1.414 1.414c3.807-3.807 10.238-3.807 14.045 0l1.414-1.414z"></path><circle cx="12" cy="18" r="2"></circle></svg> </div>
<p>Configurer le réseau</p>
</a>
<a href="#">
<div class="box">
<svg width="25%" height="25%" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="m16.895 6.519 2.813-2.812-1.414-1.414-2.846 2.846a6.575 6.575 0 0 0-.723-.454 5.778 5.778 0 0 0-5.45 0c-.25.132-.488.287-.722.453L5.707 2.293 4.293 3.707l2.813 2.812A8.473 8.473 0 0 0 5.756 9H2v2h2.307c-.065.495-.107.997-.107 1.5 0 .507.042 1.013.107 1.511H2v2h2.753c.013.039.021.08.034.118.188.555.421 1.093.695 1.6.044.081.095.155.141.234l-2.33 2.33 1.414 1.414 2.11-2.111a7.477 7.477 0 0 0 2.068 1.619c.479.253.982.449 1.496.58a6.515 6.515 0 0 0 3.237.001 6.812 6.812 0 0 0 1.496-.58c.465-.246.914-.55 1.333-.904.258-.218.5-.462.734-.716l2.111 2.111 1.414-1.414-2.33-2.33c.047-.08.098-.155.142-.236.273-.505.507-1.043.694-1.599.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511 0-.503-.042-1.005-.106-1.5H22V9h-3.756a8.494 8.494 0 0 0-1.349-2.481zM8.681 7.748c.445-.558.96-.993 1.528-1.294a3.773 3.773 0 0 1 3.581 0 4.894 4.894 0 0 1 1.53 1.295c.299.373.54.8.753 1.251H7.927c.214-.451.454-.879.754-1.252zM17.8 12.5c0 .522-.042 1.044-.126 1.553-.079.49-.199.973-.355 1.436a8.28 8.28 0 0 1-.559 1.288 7.59 7.59 0 0 1-.733 1.11c-.267.333-.56.636-.869.898-.31.261-.639.484-.979.664s-.695.317-1.057.41c-.04.01-.082.014-.122.023V14h-2v5.881c-.04-.009-.082-.013-.122-.023-.361-.093-.717-.23-1.057-.41s-.669-.403-.978-.664a6.462 6.462 0 0 1-.871-.899 7.402 7.402 0 0 1-.731-1.108 8.337 8.337 0 0 1-.56-1.289 9.075 9.075 0 0 1-.356-1.438A9.61 9.61 0 0 1 6.319 11H17.68c.079.491.12.995.12 1.5z"></path></svg>
</div>
<p>Consulter les erreurs</p>
</a>
</div>
</body>
</html>
98 changes: 98 additions & 0 deletions sa-software/software/data/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 12px;
line-height: 1.5;
color: #333;
background-color: #fff;
}

header > h1 {
margin: 10px;
}

a {
color: #333;
text-decoration: none;
margin: 0 10px;
}

a:hover {
text-decoration: underline;
}

a:hover * {
text-decoration: none;
text-shadow: 0 0 1px #333;
}

a:hover .box {
box-shadow: 0 0 10px #333;
}

.container {
width: 60vw;
margin: 25px auto;
}

.box {
border: 3px solid #333;
border-radius: 15px;
width: 60vw;
height: 20vh;

display: flex;
flex-direction: column;
justify-self: center;
position: relative;
}

.box > svg {
position: absolute;
top: calc(50% - calc(25% / 2));
left: calc(50% - calc(25% / 2));
}

.box-centered {
background-color: blue;
position: absolute;
}

.container p {
text-align: center;
margin: 10px 0;
width: 100%;
}

form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

form > input, form > select {
margin: 10px;
padding: 5px;
border-radius: 5px;
border: 1px solid #333;
}

form > input:focus {
outline: none;
border: 1px solid blue;
}

form > input[type="submit"] {
background-color: #333;
color: #fff;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}
51 changes: 51 additions & 0 deletions sa-software/software/data/reseau.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>S.A | Acceuil</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<h1>SMART CAMPUS</h1>
<hr>
</header>

<div class="container">
<form action="" method="post">
<h3>Configuration du réseau externe</h3>
<br>
<label for="">Choisir un résesau</label>
<select name="network" id="network">
<option value="wifi">Wifi</option>
<option value="ethernet">Ethernet</option>
</select>
<br>
<label for="">Nom d'utilisateur</label>
<input type="text" name="system_room" id="system_room">
<br>
<label for="">Mot de passe</label>
<input type="password" name="password" id="password">
<br>
<input type="submit" value="Valider la configuration">
</form>
<br>

<form action="" method="post">
<h3>Reconfiguration réseau de l'ESP</h3>
<br>
<label for="">Nouveau nom de réseau</label>
<input type="text" name="system_room" id="system_room">
<br>
<label for="">Nouveau le nouveau mot de passe</label>
<input type="password" name="password" id="password">
<br>
<label for="">Confirmez le nouveau mot de passe</label>
<input type="password" name="password_confirm" id="password_confirm">
<br>
<input type="submit" value="Valider la reconfiguration">
</form>
</div>
</body>
</html>

0 comments on commit 0c0220f

Please sign in to comment.