Commit 9ebaf766 authored by LockhomeDevelopper's avatar LockhomeDevelopper
Browse files

Ajout possibilite de fermer les guide

parent 3c9a8096
......@@ -7,6 +7,11 @@
<link rel="stylesheet" href="<?= base_url("/static/commun.css") ?>">
<link rel="stylesheet" href="<?= base_url("/static/style_general_commun.css") ?>">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
<title>Accueil</title>
</head>
......@@ -85,9 +90,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" class="content_bloc">
<p class="text">
Dans la première partie vous pourrez visualiser la dernière notification émise,
cette section est en vert si il n'y a pas de notification et en rouge si il y en a.
......
......@@ -11,6 +11,10 @@
<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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -35,66 +39,67 @@
</header>
<main>
<form class="container" id="EditHouse" action="<?= base_url("/edit")?>" enctype="multipart/form-data" 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">
Vous pouvez ici changer le nom de votre maison, votre adresse postale, ainsi que l'image sur la page
d'accueil
</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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div id="guide" 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>
</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-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">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">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">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">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>
<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>
</div>
<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>
</div>
<p class="version">Lockhome v1.0.0</p>
<p class="version">Lockhome v1.0.0</p>
</form>
</main>
......
......@@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" 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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -36,16 +40,18 @@
<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>
<div class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div id="guide" class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
</section>
......
......@@ -11,6 +11,10 @@
<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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -31,9 +35,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" class="content_bloc">
<p class="text">
Cette page vous permet de visualiser les différentes caméras existantes
et d'en créer de nouvelle en cliquant sur le "+".
......
......@@ -11,6 +11,10 @@
<link rel="stylesheet" href="<?= base_url("/static/camera_view.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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -36,9 +40,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" class="content_bloc">
<p class="text">
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.
......
......@@ -8,7 +8,10 @@
<title>Capteur - LockHome</title>
<link rel="stylesheet" href="<?= base_url("/static/commun.css") ?>">
<link rel="stylesheet" href="<?= base_url("/static/style_general_commun.css") ?>">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
<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>
......@@ -42,9 +45,10 @@
<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">
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a> </div>
<div id="guide" class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
......
......@@ -10,6 +10,10 @@
<link rel="stylesheet" href="<?= base_url("/static/style_general_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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -25,19 +29,21 @@
<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">
Cette page vous permet de visualiser les différents capteurs existants
et d'en créer de nouveau en cliquant sur le "+".
</p>
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div id="guide" class="content_bloc">
<p class="text">
Cette page vous permet de visualiser les différents capteurs existants
et d'en créer de nouveau en cliquant sur le "+".
</p>
</div>
</div>
</section>
......
......@@ -10,6 +10,10 @@
<link rel="stylesheet" href="<?= base_url("/static/style_general_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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -42,9 +46,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" class="content_bloc">
<p class="text"><?php echo $contentGuide; ?></p>
</div>
</div>
......
......@@ -10,6 +10,10 @@
<link rel="stylesheet" href="<?= base_url("/static/style_general_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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -30,9 +34,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" class="content_bloc">
<p class="text">
Cette page vous permet de visualiser les différents profils existants
et d'en créer de nouveau en cliquant sur le "+".
......
......@@ -11,6 +11,10 @@
<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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -32,9 +36,11 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div class="content_bloc">
<div id="guide" 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
......
......@@ -11,6 +11,10 @@
<link rel="stylesheet" href="<?= base_url("/static/style_general_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">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="<?= base_url("/static/script.js") ?>"></script>
</head>
<body>
......@@ -25,22 +29,25 @@
<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>
<a onclick="forAside()">
<div class="right"><i class='uil uil-angle-down'></i></div>
</a>
</div>
<div id="guide" class="content_bloc">
<p class="text">
Cette page vous permet de visualiser et de supprimer les notifications d'évènements
d'une 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
d'une journée.
</p>
</div>
</section>
<div class="timeline">
<?php if(!empty($list)) { ?>
......
function forAside(){
$("#guide").toggle(450, "swing");
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment