view.php 2.58 KB
Newer Older
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
1
2
<!DOCTYPE html>
<html lang="fr">
Kylian LECOMTE's avatar
up    
Kylian LECOMTE committed
3

Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
4
5
6
7
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
Kylian ou Nathan's avatar
Kylian ou Nathan committed
8
    <title>Caméra : <?=$nom?> - LockHome</title>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
9
    <link rel="stylesheet" href="<?=base_url()?>/static/camera.css">
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
10
    <link rel="stylesheet" href="<?=base_url()?>/static/liste_capteur.css">
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
11
12
13
14
    <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">
</head>
Kylian LECOMTE's avatar
up    
Kylian LECOMTE committed
15

Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
16
17
18
19
20
21
<body>
    <header class="l_r">
        <div class="left">
        	<a href="<?=base_url("/camera/list")?>">
                <i class='uil uil-angle-left'></i>
            </a>
Kylian ou Nathan's avatar
Kylian ou Nathan committed
22
            <div class="title">Caméra : <?=$nom?></div>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
23
24
        </div>
		<div class="right">
Kylian ou Nathan's avatar
Kylian ou Nathan committed
25
            <a class="blue" href="<?=base_url("/camera/edit/" . $id)?>">
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
26
                <i class='uil uil-pen'></i>
Kylian ou Nathan's avatar
Kylian ou Nathan committed
27
            </a>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
28
29
30
        </div>
    </header>
    <main>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
        <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>
        </section>

Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
47
        <h6 class="big">En temps réel</h6>
LockhomeDevelopper's avatar
Update    
LockhomeDevelopper committed
48
49

        <img class="IMG_STREAM" src="<?= base_url("/camera/stream/$ip/stream.mjpg") ?>" />
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
50
51

        <h6 class="big">Vidéos</h6>
Kylian ou Nathan's avatar
Kylian ou Nathan committed
52

Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
53
54
		<table>
			<thead>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
55
56
57
				<td class="columnUn">Filmé le</td>
				<td class="columnDeux">Durée</td>
				<td class="columnTrois">Action</td>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
58
			</thead>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
59
60
61
62
63
64
65
66
67
68
69
70
            <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>
Kylian ou Nathan's avatar
Up    
Kylian ou Nathan committed
71
72
73
74
		</table>
    </main>
</body>
</html>