Skip to content

Commit 0455561

Browse files
Create imsi_catcher.html
1 parent ef81fab commit 0455561

File tree

1 file changed

+122
-0
lines changed

1 file changed

+122
-0
lines changed

src/frontend/imsi_catcher.html

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>IMSI Catcher Interface</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
margin: 0;
11+
padding: 0;
12+
background-color: #f4f4f4;
13+
}
14+
header {
15+
background: #35424a;
16+
color: #ffffff;
17+
padding: 10px 0;
18+
text-align: center;
19+
}
20+
main {
21+
padding: 20px;
22+
}
23+
section {
24+
margin-bottom: 20px;
25+
padding: 20px;
26+
background: #ffffff;
27+
border-radius: 5px;
28+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
29+
}
30+
label {
31+
display: block;
32+
margin: 10px 0 5px;
33+
}
34+
input, select, button {
35+
width: 100%;
36+
padding: 10px;
37+
margin: 5px 0 15px;
38+
border: 1px solid #ccc;
39+
border-radius: 5px;
40+
}
41+
button {
42+
background: #35424a;
43+
color: #ffffff;
44+
border: none;
45+
cursor: pointer;
46+
}
47+
button:hover {
48+
background: #2c3e50;
49+
}
50+
#capturedData {
51+
white-space: pre-wrap; /* Preserve whitespace for captured data */
52+
background: #e9ecef;
53+
padding: 10px;
54+
border-radius: 5px;
55+
max-height: 300px;
56+
overflow-y: auto;
57+
}
58+
footer {
59+
text-align: center;
60+
padding: 10px 0;
61+
background: #35424a;
62+
color: #ffffff;
63+
position: relative;
64+
bottom: 0;
65+
width: 100%;
66+
}
67+
</style>
68+
</head>
69+
<body>
70+
<header>
71+
<h1>IMSI Catcher Interface</h1>
72+
</header>
73+
<main>
74+
<section>
75+
<h2>Start IMSI Catcher</h2>
76+
<form id="imsiCatcherForm">
77+
<label for="interface">Select Network Interface:</label>
78+
<select id="interface" name="interface">
79+
<option value="wlan0">wlan0</option>
80+
<option value="eth0">eth0</option>
81+
<option value="lo">lo</option>
82+
<!-- Add more options as needed -->
83+
</select>
84+
85+
<label for="duration">Capture Duration (seconds):</label>
86+
<input type="number" id="duration" name="duration" min="1" value="10">
87+
88+
<button type="submit">Start Capture</button>
89+
</form>
90+
</section>
91+
92+
<section>
93+
<h2>Captured Data</h2>
94+
<div id="capturedData">
95+
<!-- Captured data will be displayed here -->
96+
</div>
97+
</section>
98+
</main>
99+
<footer>
100+
<p>&copy; 2023 IMSI Catcher Project</p>
101+
</footer>
102+
103+
<script>
104+
document.getElementById('imsiCatcherForm').addEventListener('submit', function(event) {
105+
event.preventDefault(); // Prevent the form from submitting normally
106+
107+
const interface = document.getElementById('interface').value;
108+
const duration = document.getElementById('duration').value;
109+
110+
// Here you would typically send the data to your backend
111+
// For demonstration, we'll just display the values in the captured data section
112+
const capturedDataDiv = document.getElementById('capturedData');
113+
capturedDataDiv.textContent = `Starting capture on interface: ${interface} for ${duration} seconds...`;
114+
115+
// Simulate capturing data (replace this with actual AJAX call to your backend)
116+
setTimeout(() => {
117+
capturedDataDiv.textContent += '\nCaptured data:\n- Example Data 1\n- Example Data 2\n- Example Data 3';
118+
}, 2000); // Simulate a delay for capturing data
119+
});
120+
</script>
121+
</body>
122+
</html>

0 commit comments

Comments
 (0)