-
Notifications
You must be signed in to change notification settings - Fork 0
/
second.php
130 lines (110 loc) · 3.85 KB
/
second.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<?php
session_start();
require_once("database_connection.php");
$chartData = $_SESSION['chartData'];
$days = $_SESSION['days'];
$_SESSION['nextPage'] = 'second.php';
$mess = $_SESSION['mess'];
?>
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Skript för för hamburgermeny för mindre skärmar -->
<script>
$(document).ready(function () {
$(".button-collapse").sideNav();
});
$(document).ready(function() {
M.updateTextFields();
});
</script>
<!-- CSS kod -->
<style type="text/css">
.footer-name2{
padding-left: 500px;
}
.main-text{
padding-left: 50px;
padding-right: 50px;
}
</style>
<title>Gymnasiearbete phishing - Email Phishing</title>
</head>
<body>
<div class="navbar-fixed">
<nav class="blue darken-3">
<div class="nav-wrapper">
<a href="#" class="brand-logo">Gymnasiearbete phishing</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.php">Start</a></li>
<li><a href="teori.php">Teori</a></li>
<li><a href="https://www.github.com/Zingo21/gymnasiearbete-phishing">Github</a></li> <!-- Lägg till länkar vid behov -->
</ul>
</div>
</nav>
</div>
<ul class="side-nav" id="mobile-demo">
<li><a class="waves-effect waves-light btn blue darken-3" href="#"><i class="material-icons left">home</i>Startsida</a></li>
<li><a class="waves-effect waves-light btn blue darken-3" href="#">Phishing</a></li>
<li><a class="waves-effect waves-light btn blue darken-3">Länk</a></li>
<li><a class="waves-effect waves-light btn blue darken-3" href="https://www.github.com/Zingo21/gymnasiearbete-phishing">Github</a></li><!-- Lägg till länkar vid behov -->
</ul>
<header class="main-text">
<br>
<br>
<div class="container">
<div class="row">
<div class="col s12">
<h5><?php echo $mess;?></h5>
</div>
</div>
<div class="row">
<div class="col s12">
<h5><a href="fooling.php" class="waves-effect waves-light btn blue darken-1">Gå till nästa dag</a></h5>
</div>
</div>
<div class="row">
<div class="col s12">
<canvas id="myChart"></canvas>
</div>
</div>
</div>
</header>
</body>
</html>
<!-- Chart.js (tabeller) -->
<script>
const labels = [
<?php echo $days; ?>
];
const data = {
labels: labels,
datasets: [{
label: 'Antal lurade',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [<?php echo $chartData;?>],
}]
};
const config = {
type: 'line',
data: data,
options: {}
};
</script>
<script>
const myChart = new Chart(
document.getElementById('myChart'),
config
);
</script>