Commit 15afe14a authored by LockhomeDevelopper's avatar LockhomeDevelopper
Browse files

MAJ CSS

parent f273e3e9
......@@ -34,59 +34,67 @@
</div>
</header>
<main>
<form id="EditHouse" action="<?= base_url("/edit")?>" enctype="multipart/form-data" method="post">
<form class="container" id="EditHouse" action="<?= base_url("/edit")?>" enctype="multipart/form-data" method="post">
<div class="container guide_parametre">
<section class="guide">
<div class="l_r">
<div class="left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text">
Vous pouvez ici changer le nom de votre maison, votre adresse postale, ainsi que l'image sur la page
d'accueil
</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
Vous pouvez ici changer le nom de votre maison, votre adresse postale, ainsi que l'image sur la page
d'accueil
</p>
</div>
</section>
<h6 class="big">Nom</h6>
<label for="nom" class="input l_r">
<div class="left">
<i class='uil uil-home-alt'></i>
<input name="nom" id="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom de la maison" />
</div>
</label>
<h6 class="big">Adresse</h6>
<label for="adresse" class="input l_r">
<div class="left">
<i class='uil uil-location-point'></i>
<input name="adresse" id="adresse" required type="text" value="<?=isset($adresse) ? $adresse : ""?>" placeholder="84 rue du Président Roosevelt" />
</div>
</label>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label for="nom" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-home-alt'></i>
<input name="nom" id="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom de la maison" />
</div>
</label>
</div>
<h6 class="big">Image de la maison</h6>
<label for="image" class="input l_r">
<div class="left">
<i class='uil uil-image-upload'></i>
<input id="image" name="image" type="file" accept="image/jpeg" />
</div>
</label>
<h6 class="big">Adresse</h6>
<div class="bloc white_b black">
<label for="adresse" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-location-point'></i>
<input name="adresse" id="adresse" required type="text" value="<?=isset($adresse) ? $adresse : ""?>" placeholder="84 rue du Président Roosevelt" />
</div>
</label>
</div>
<h6 class="big">Image de la maison</h6>
<div class="bloc white_b black">
<label for="image" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-image-upload'></i>
<input id="image" name="image" type="file" accept="image/jpeg" />
</div>
</label>
</div>
<h6 class="big">Durée d'enregistrement caméra</h6>
<label for="recordCamera" class="input l_r">
<div class="left">
<h6 class="big">Durée d'enregistrement caméra</h6>
<div class="bloc white_b black">
<label for="recordCamera" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-webcam'></i>
<input name="recordCamera" id="recordCamera" required type="number" value="<?=isset($recordCamera) ? $recordCamera : ""?>" /> secondes
</div>
</label>
<input name="recordCamera" id="recordCamera" required type="number" value="<?=isset($recordCamera) ? $recordCamera : ""?>" /> secondes
</div>
</label>
</div>
<p class="version">Lockhome v1.0.0</p>
</div>
</form>
</main>
......
......@@ -34,52 +34,52 @@
</div>
</header>
<main>
<form id="EditCamera" action="<?=base_url("/camera/edit/" . ($new ? "new" : $id))?>" method="post">
<div class="container">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
</section>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-webcam'></i>
<input name="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom de la caméra" />
<form class="container" id="EditCamera" action="<?=base_url("/camera/edit/" . ($new ? "new" : $id))?>" method="post">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
</label>
</div>
<h6 class="big">Adresse IP locale</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-wifi'></i>
<input name="ip" required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$" type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</label>
</div>
</div>
</section>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-webcam'></i>
<input name="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom de la caméra" />
</div>
</label>
</div>
<h6 class="big">Adresse IP locale</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-wifi'></i>
<input name="ip" required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$" type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
</div>
</label>
</div>
<?php if (!$new) {?>
<a href="<?=base_url("/camera/delete/" . $id)?>" class="simple_button_link l_r red bottom">
<?php if (!$new) {?>
<div class="bloc white_b bottom">
<a href="<?=base_url("/camera/delete/" . $id)?>" class="redHover container_bloc one_line_bloc l_r red">
<div class="left">
<i class='uil uil-trash-alt'></i>
<div class="title">Supprimer cette camera</div>
<div>Supprimer cette camera</div>
</div>
</a>
<?php }?>
</div>
</div>
<?php }?>
</form>
</main>
</body>
......
......@@ -35,60 +35,64 @@
</div>
</header>
<main>
<form id="EditCapteur" action="<?= base_url("/capteur/edit/" . ($new ? "new" : $id))?>" method="post">
<div class="container">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
<form class="container" id="EditCapteur" action="<?= base_url("/capteur/edit/" . ($new ? "new" : $id))?>" method="post">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</section>
</div>
</section>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label for="NOM" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-processor'></i>
<input name="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom du capteur" />
</div>
</label>
</div>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label for="NOM" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-processor'></i>
<input name="nom" required type="text" value="<?=isset($nom) ? $nom : ""?>" placeholder="Nom du capteur" />
</div>
</label>
</div>
<h6 class="big">Adresse IP locale</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-wifi'></i>
<input name="ip" required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$" type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
</div>
</label>
</div>
<h6 class="big">Adresse IP locale</h6>
<div class="bloc white_b black">
<label for="IP" class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-wifi'></i>
<input name="ip" required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$" type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
</div>
</label>
</div>
<h6 class="big">Type du capteur</h6>
<select id="TYPE_DU_CAPTEUR" required name="type">
<option <?= $new ? "selected" : "" ?> disabled value="ouverture">Veuillez choisir le type du capteur</option>
<option <?= isset($type) && $type == "ouverture" ? "selected" : "" ?> value="ouverture">Capteur d'ouverture</option>
<option <?= isset($type) && $type == "vibration" ? "selected" : "" ?> value="vibration">Capteur de vibration</option>
<option <?= isset($type) && $type == "infrarouge" ? "selected" : "" ?> value="infrarouge">Capteur infrarouge</option>
</select>
<h6 class="big">Type du capteur</h6>
<div class="bloc white_b">
<div class="container_bloc">
<select class="selecteur_input" id="TYPE_DU_CAPTEUR" required name="type">
<option <?= $new ? "selected" : "" ?> disabled value="ouverture">Veuillez choisir le type du capteur</option>
<option <?= isset($type) && $type == "ouverture" ? "selected" : "" ?> value="ouverture">Capteur d'ouverture</option>
<option <?= isset($type) && $type == "vibration" ? "selected" : "" ?> value="vibration">Capteur de vibration</option>
<option <?= isset($type) && $type == "infrarouge" ? "selected" : "" ?> value="infrarouge">Capteur infrarouge</option>
</select>
</div>
</div>
<?php if (!$new) {?>
<a href="<?=base_url("/capteur/delete/" . $id)?>" class="simple_button_link l_r red bottom">
<?php if (!$new) {?>
<div class="bloc white_b bottom">
<a href="<?=base_url("/capteur/delete/" . $id)?>" class="redHover container_bloc one_line_bloc l_r red">
<div class="left">
<i class='uil uil-trash-alt'></i>
<div class="title">Supprimer ce capteur</div>
<div>Supprimer ce capteur</div>
</div>
</a>
<?php }?>
</div>
</div>
<?php }?>
</form>
</main>
</body>
......
......@@ -35,73 +35,73 @@
</div>
</header>
<main>
<form id="EditProfil" action="<?= base_url("/profil/edit/" . (!$new ? $id : "new")) ?>" method="post">
<div class="container">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
</section>
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-label-alt'></i>
<input id="NOM" required type="text" name="nom" value="<?= !$new ? $nom : "" ?>" placeholder="Vacance..." />
<form class="container" id="EditProfil" action="<?= base_url("/profil/edit/" . (!$new ? $id : "new")) ?>" method="post">
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
</label>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
</section>
<h6 class="big">Plage horaire</h6>
<div class="timer_input_bloc">
<div>
<p class="spacing_bottom">Debut</p>
<input class="white_b" id="time" required type="time" name="debut" value="<?= !$new ? $debut : "08:00"?>">
<h6 class="big">Nom</h6>
<div class="bloc white_b black">
<label class="container_bloc one_line_bloc l_r">
<div class="left">
<i class='uil uil-label-alt'></i>
<input id="NOM" required type="text" name="nom" value="<?= !$new ? $nom : "" ?>" placeholder="Vacance..." />
</div>
<div>
<p class="spacing_bottom">Fin</p>
<input class="white_b" id="time" required type="time" name="fin" value="<?= !$new ? $fin : "18:00"?>">
</div>
</label>
</div>
<h6 class="big">Plage horaire</h6>
<div class="timer_input_bloc">
<div>
<p class="spacing_bottom">Debut</p>
<input class="white_b" id="time" required type="time" name="debut" value="<?= !$new ? $debut : "08:00"?>">
</div>
<div>
<p class="spacing_bottom">Fin</p>
<input class="white_b" id="time" required type="time" name="fin" value="<?= !$new ? $fin : "18:00"?>">
</div>
</div>
<h6 class="big">Etat des capteurs pour ce profil :</h6>
<section class="bloc white_b">
<?php
if($capteurs){
<h6 class="big">Etat des capteurs pour ce profil :</h6>
<section class="bloc white_b">
<?php
if($capteurs){
foreach($capteurs as $capteur){ ?>
<label for="capteur_<?= $capteur->id ?>" class="l_r element">
<div class="left"><?= $capteur->nom; ?></div>
<div class="right">
<input id="capteur_<?= $capteur->id ?>" name="capteur_<?= $capteur->id ?>" <?= in_array($capteur->id, $state) ? "" : "checked" ?> value="1" type="checkbox">
<div class="switch"></div>
</div>
</label>
<?php }
} else echo "Aucun capteur disponible.";
?>
</section>
foreach($capteurs as $capteur){ ?>
<label for="capteur_<?= $capteur->id ?>" class="l_r element">
<div class="left"><?= $capteur->nom; ?></div>
<div class="right">
<input id="capteur_<?= $capteur->id ?>" name="capteur_<?= $capteur->id ?>" <?= in_array($capteur->id, $state) ? "" : "checked" ?> value="1" type="checkbox">
<div class="switch"></div>
</div>
</label>
<?php }
} else echo "Aucun capteur disponible.";
?>
</section>
<?php if(!$new) { ?>
<a href="<?= base_url("/profil/delete/".$id) ?>" class="simple_button_link l_r red bottom">
<?php if (!$new) {?>
<div class="bloc white_b bottom">
<a href="<?=base_url("/profil/delete/".$id)?>" class="redHover container_bloc one_line_bloc l_r red">
<div class="left">
<i class='uil uil-trash-alt'></i>
<div class="title">Supprimer ce profil</div>
<div>Supprimer ce profil</div>
</div>
</a>
<?php } ?>
</div>
<?php }?>
</div>
</form>
</main>
</body>
......
......@@ -25,23 +25,29 @@
<main>
<div class="container">
<section class="guide">
<div class="l_r">
<div class="left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
<section class="bloc white_b black">
<div class="container_bloc severals_lines_bloc">
<div class="l_r">
<div class="title_bloc left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="content_bloc">
<p class="text">
Cette page vous permet de visualiser et de supprimer les notifications d'évènements,
ici ils sont regroupés par jour. En cliquant sur "voir les évènements" vous aurrez le
détail d'un journée.
</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
Cette page vous permet de visualiser et de supprimer les notifications d'évènements,
ici ils sont regroupés par jour. En cliquant sur "voir les évènements" vous aurrez le
détail d'un journée.
</p>
</div>
</section>
TEST
<?php
if(is_array($intrusion)){
foreach($intrusion as $date) { ?>
<div class="bloc white_b black">
<div class="container_bloc severals_lines_bloc l_r red_b white">
<div class="l_r">
......@@ -51,61 +57,27 @@ TEST
<p>Une intrusion a été détectée</p>
</div>
<div>
<p class="spacing_bottom spacing_left">Intrusion le jour à 42H72, détectée via le capteur ou pas.</p>
<p class="spacing_bottom spacing_left">Une intrusion a été détecté à <?= date_format($date, "H:i") ?>.</p>
</div>
</div>
<a class="right poubelle_lien white" href="<?= base_url("/resume/delete/" . date("Y-m-d")) ?>">
<div class="right poubelle">
<i class="uil uil-trash-alt"></i>
</div>
</a>
</div>
<a class="link_in_bloc white l_r" href="">
<div class="left">
<i class='uil uil-clock'></i>
<p>Voir les évènements</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
<div class="right poubelle">
<i class="uil uil-trash-alt"></i>
</div>
</a>
</div>
</div>
END TEST
<?php
if(is_array($intrusion)){
foreach($intrusion as $date) { ?>
<section class="simple_layout red_intrusion">
<div class="l_r" style="width: 100%;">
<div class="left" style="flex-direction: column;">
<div class=" intrusion_detected">
<i class='uil uil-shield-exclamation'></i>
<p>Une intrusion a été détectée</p>
</div>
<div class="detailIntrusion">
<p>Une intrusion a été détecté à <?= date_format($date, "H:i") ?>.</p>
</div>
</div>
<a class="right poubelle_lien white" href="<?= base_url("/resume/delete/" . date("Y-m-d")) ?>">
<div class="right poubelle">
<i class="uil uil-trash-alt"></i>
<a class="link_in_bloc white l_r" href="<?= base_url("/resume/show/".date("d/m/Y")) ?>">
<div class="left">
<i class='uil uil-clock'></i>
<p>Voir les évènements</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
</div>
<a class="go_to_camera l_r" href="<?= base_url("/resume/show/".date("d/m/Y")) ?>">
<div class="left">
<i class='uil uil-clock'></i>
<p>Voir les évènements</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
</section>
</div>
<?php } } else { ?>
......
......@@ -25,21 +25,21 @@
<main>
<div class="container">
<section class="guide">
<div class="l_r">
<div class="left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
<section class="guide">
<div class="l_r">
<div class="left blue">
<i class='uil uil-comment-info-alt'></i>
<p>Guide d'utilisation de cette page</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
Cette page vous permet de visualiser et de supprimer les notifications d'évènements
d'une journée.
</p>
</div>
</section>
</p>
</div>
</section>
<div class="timeline">