Commit 4634e613 authored by LockhomeDevelopper's avatar LockhomeDevelopper
Browse files

Modification of the css

parent 4749e029
......@@ -38,7 +38,9 @@ class API extends CI_Controller{
// On définit le type d'action possible
// intrusion = Une intrusion a été détecté
// batterie = Un capteur avec une batterie pourrait tomber en panne de batterie donc il peut emmettre ce type de log pour avertir les utilisateurs
$actionDisponible = array("intrusion", "batterie");
// caméra = non branché ou mal branché
// capteur = problème de branchement de capteurs
$actionDisponible = array("intrusion", "batterie", "camera");
// On vérifie que notre type de log envoyé par le capteur est correct
if(in_array($type, $actionDisponible)) {
......@@ -82,7 +84,7 @@ class API extends CI_Controller{
echo "Erreur lors de l'enregistrement de l'évènement.";
}
} else {
echo "ok";
echo "Sécu non active";
}
} else {
echo "Action inexistante";
......
......@@ -100,6 +100,12 @@ class Camera extends CI_Controller
$data["nom"] = $camera->nom;
$data["ip"] = $camera->ip;
$data["new"] = false;
/**Fonction qui permet de recuperer la liste des fichiers disponibles sur la camera*/
//Se connecter au JSON a l'adresse base_url("https://api.coingecko.com/api/v3/ping" -H "accept: application/json")
//puis le parser et faire un var-dump
$contenu = file_get_contents("https://api.coingecko.com/api/v3/ping");
var_dump($contenu);
echo "TEST";
$this->load->view('camera/view', $data);
} else {
redirect("/camera", "refresh");
......
......@@ -6,7 +6,7 @@ class Resume extends CI_Controller{
$this->load->model("LogCapteurModele");
$this->load->model("LogEmailModele");
$this->load->helper("url_helper");
$this->load->model("ResumeModele");
}
public function list(){
......@@ -77,7 +77,8 @@ class Resume extends CI_Controller{
/*On supprime la notification de la base de données*/
$d = str_replace('_',' ',$d);
$this->ResumeModele->deleteLog($d);
$this->LogCapteurModele->deleteLog($d);
$this->LogEmailModele->deleteLog($d);
redirect('/resume', 'refresh');
}
......
......@@ -153,4 +153,10 @@ class LogCapteurModele extends CI_Model
return $this->db->affected_rows() > 0;
}
// METHODE PERMETTANT DE SUPPRIMER UN LOG
public function deleteLog($d){
$this->db->like('date', $d);
$this->db->delete("LogCapteur");
}
}
......@@ -89,4 +89,10 @@ class LogEmailModele extends CI_Model
}
// METHODE PERMETTANT DE SUPPRIMER UN LOG POUR CHAQUE EMAIL ENVOYE
public function deleteLog($d){
$this->db->like('date', $d);
$this->db->delete("LogEmail");
}
}
......@@ -55,10 +55,5 @@ class ResumeModele extends CI_Model
}
}
public function deleteLog($d){
/*$sql = $this->db->query("DELETE * FROM LogCapteur WHERE date LIKE '%$d%'");
$sql->execute();*/
$this->db->like('date', $d);
$this->db->delete("LogCapteur");
}
}
......@@ -27,53 +27,53 @@
</div>
</header>
<main>
<section class="simple_layout">
<?php if($capteur_log == false) { ?>
<div class="container">
<section class="simple_layout">
<?php if($capteur_log == false) { ?>
<div class="green_intrusion l_r">
<div class="left">
<i class='uil uil-shield-check'></i>
<p>Aucune intrusion détectée</p>
<div class="green_intrusion l_r">
<div class="left">
<i class='uil uil-shield-check'></i>
<p>Aucune intrusion détectée</p>
</div>
</div>
</div>
<?php } else { ?>
<div class="red_intrusion l_r">
<div class="left intrusion_detected in_red_intrusion">
<i class='uil uil-shield-exclamation'></i>
<p>Une intrusion a été détectée</p>
</div>
<div class="left in_red_intrusion">
<p class="detailIntrusion">Intrusion le <?= date_format($capteur_log->date, "d/m/Y") ?> à <?= date_format($capteur_log->date, "H:i") ?>, détectée via le capteur "<?= $capteur_log->nom ?>".</p>
</div>
<?php } else { ?>
<a class="go_to_camera l_r in_red_intrusion" 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 class="red_intrusion l_r">
<div class="left intrusion_detected in_red_intrusion">
<i class='uil uil-shield-exclamation'></i>
<p>Une intrusion a été détectée</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
<div class="left in_red_intrusion">
<p class="detailIntrusion">Intrusion le <?= date_format($capteur_log->date, "d/m/Y") ?> à <?= date_format($capteur_log->date, "H:i") ?>, détectée via le capteur "<?= $capteur_log->nom ?>".</p>
</div>
</a>
<a class="go_to_camera l_r in_red_intrusion" href="<?= base_url("/camera") ?>">
<div class="left">
<i class='uil uil-camera'></i>
<p>Voir les caméras</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
</div>
<a class="go_to_camera l_r in_red_intrusion" 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>
<a class="go_to_camera l_r in_red_intrusion" href="<?= base_url("/camera") ?>">
<div class="left">
<i class='uil uil-camera'></i>
<p>Voir les caméras</p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
</div>
<?php } ?>
<?php } ?>
</section>
<div class="container guide_et_maison">
</section>
<section class="guide">
<div class="l_r">
<div class="left blue">
......
......@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Edition maison - LockHome</title>
<link rel="stylesheet" href="<?=base_url("static/liste_capteur.css")?>">
<link rel="stylesheet" href="<?=base_url("static/accueil_edition.css")?>">
<link rel="stylesheet" href="<?=base_url("/static/commun.css")?>">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
......@@ -33,49 +33,51 @@
</div>
</header>
<main>
<form id="EditHouse" action="<?= base_url("/edit")?>" enctype="multipart/form-data" method="post">
<form id="EditHouse" action="<?= base_url("/edit")?>" enctype="multipart/form-data" method="post">
<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>
Vous pouvez ici changer le nom de votre maison, votre adresse postale, ainsi que l'image sur la page
d'accueil
</p>
</div>
</section>
<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>
</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">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">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">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" />
<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>
<p class="version">Lockhome v1.0.0</p>
</div>
</label>
<p>Lockhome v1.0.0</p>
</form>
</main>
</body>
......
......@@ -6,8 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Edition caméra - LockHome</title>
<link rel="stylesheet" href="<?=base_url()?>/static/liste_capteur.css">
<link rel="stylesheet" href="<?=base_url()?>/static/camera_edition.css">
<link rel="stylesheet" href="<?=base_url()?>/static/commun.css">
<link rel="stylesheet" href="<?=base_url("/static/camera.css")?>">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
</head>
......@@ -34,43 +37,44 @@
</header>
<main>
<form id="EditCamera" action="<?=base_url("/camera/edit/" . ($new ? "new" : $id))?>" method="post">
<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 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="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p><?php echo $contentGuide; ?></p>
</div>
</section>
<h6 class="big">Nom</h6>
<label for="NOM" class="input 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>
<h6 class="big">Adresse IP locale</h6>
<label for="IP" class="input l_r">
<div class="left">
<i class='uil uil-wifi'></i>
<input name="ip" required type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
</div>
</label>
<div class="info">
<p><?php echo $contentGuide; ?></p>
</div>
</section>
<h6 class="big">Nom</h6>
<label for="NOM" class="input 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>
<?php if (!$new) {?>
<a href="<?=base_url("/camera/delete/" . $id)?>" class="simple_button_link l_r red bottom">
<h6 class="big">Adresse IP locale</h6>
<label for="IP" class="input l_r">
<div class="left">
<i class='uil uil-trash-alt'></i>
<div class="title">Supprimer cette camera</div>
<i class='uil uil-wifi'></i>
<input name="ip" required type="text" value="<?=isset($ip) ? $ip : ""?>" placeholder="192.168.4..." />
</div>
</a>
<?php }?>
</label>
<?php if (!$new) {?>
<a href="<?=base_url("/camera/delete/" . $id)?>" class="simple_button_link l_r red bottom">
<div class="left">
<i class='uil uil-trash-alt'></i>
<div class="title">Supprimer cette camera</div>
</div>
</a>
<?php }?>
</div>
</form>
</main>
</body>
......
......@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Caméras - LockHome</title>
<link rel="stylesheet" href="<?=base_url("/static/liste_capteur.css")?>">
<link rel="stylesheet" href="<?=base_url("/static/camera_liste.css")?>">
<link rel="stylesheet" href="<?=base_url("/static/commun.css")?>">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
......@@ -22,59 +22,61 @@
</div>
</header>
<main>
<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 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="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
Cette page vous permet de visualiser les différentes caméras existantes
et d'en créer de nouvelle en cliquant sur le "+".
</p>
</div>
</section>
<h6>Vous souhaitez ajouter une caméra ?</h6>
<a href="<?=base_url("/camera/edit")?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-plus-circle'></i>
<div class="title">Ajouter une caméra</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<div class="info">
<p>
Cette page vous permet de visualiser les différentes caméras existantes
et d'en créer de nouvelle en cliquant sur le "+".
</p>
</div>
</section>
<h6>Vous souhaitez ajouter une caméra ?</h6>
<a href="<?=base_url("/camera/edit")?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-plus-circle'></i>
<div class="title">Ajouter une caméra</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<h6 class="big">Liste des caméras</h6>
<h6 class="big">Liste des caméras</h6>
<?php
<?php
if(isset($error)) {
echo $error;
} else {
if(sizeof($cameras)<1){
echo "Vide";
}
else{
foreach($cameras as $camera){ ?>
if(isset($error)) {
echo $error;
} else {
if(sizeof($cameras)<1){
echo "Vide";
}
else{
foreach($cameras as $camera){ ?>
<a href="<?=base_url("/camera/view/" . $camera->id)?>" class="image_button_link">
<img src="<?= $camera->ip == "localhost" ? base_url("/camera/localhost/stream.mjpg") : "https://" + $camera->ip + "/stream.mjpg" ?>" />
<div class="button l_r">
<div class="left">
<i class='uil uil-camera'></i>
<p class="title"><?= $camera->nom ?></p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
<a href="<?=base_url("/camera/view/" . $camera->id)?>" class="image_button_link">
<img src="<?= base_url("/camera/stream/$camera->ip/stream.mjpg") ?>" />
<div class="button l_r">
<div class="left">
<i class='uil uil-camera'></i>
<p class="title"><?= $camera->nom ?></p>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</div>
</div>
</a>
</a>
<?php }} } ?>
</div>
</main>
</body>
</html>
......@@ -6,9 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Caméra : <?=$nom?> - LockHome</title>
<link rel="stylesheet" href="<?=base_url()?>/static/camera.css">
<link rel="stylesheet" href="<?=base_url()?>/static/liste_capteur.css">
<link rel="stylesheet" href="<?=base_url()?>/static/commun.css">
<link rel="stylesheet" href="<?=base_url()?>/static/camera_view.css">
<link rel="stylesheet" href="<?=base_url("/static/camera.css")?>">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
</head>
......@@ -28,47 +29,50 @@
</div>
</header>
<main>
<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 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>
Cette page vous permet de visualiser la caméra en temps réel ainsi que de visionner
les vidéos enregistrées lors d'une intrusion.
</p>
</div>
<div class="right"><i class='uil uil-angle-down'></i></div>
</div>
<div class="info">
<p>
Cette page vous permet de visualiser la caméra en temps réel ainsi que de visionner
les vidéos enregistrées lors d'une intrusion.
</p>
</div>
</section>
</section>
<h6 class="big">En temps réel</h6>
<h6 class="big">En temps réel</h6>
<img class="IMG_STREAM" src="<?= base_url("/camera/stream/$ip/stream.mjpg") ?>" />
<img class="IMG_STREAM" src="<?= base_url("/camera/stream/$ip/stream.mjpg") ?>" />
<h6 class="big">Vidéos</h6>
<h6 class="big">Vidéos</h6>
<table>
<thead>
<td class="columnUn">Filmé le</td>
<td class="columnDeux">Durée</td>
<td class="columnTrois">Action</td>
</thead>
<tbody>
<tr>
<td class="columnUn">16/12/2019 à 23h00</td>
<td class="columnDeux">15 min</td>
<td class="columnTrois"><i class='uil uil-play'></i></td>
</tr>
<tr>
<td class="columnUn">16/12/2019 à 19h00</td>
<td class="columnDeux">5 min</td>
<td class="columnTrois"><i class='uil uil-play'></i></td>
</tr>
</tbody>
</table>
<table>
<thead>
<td class="columnUn">Filmé le</td>
<td class="columnDeux">Durée</td>
<td class="columnTrois">Action</td>
</thead>
<tbody>
<tr>
<td class="columnUn">16/12/2019 à 23h00</td>
<td class="columnDeux">15 min</td>
<td class="columnTrois"><i class='uil uil-play'></i></td>
</tr>
<tr>
<td class="columnUn">16/12/2019 à 19h00</td>
<td class="columnDeux">5 min</td>
<td class="columnTrois"><i class='uil uil-play'></i></td>
</tr>
</tbody>
</table>
</div>
</main>
</body>
</html>
......@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Capteur - LockHome</title>
<link rel="stylesheet" href="<?=base_url()?>/static/liste_capteur.css">