-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
129 lines (127 loc) · 4.09 KB
/
popup.html
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
<!DOCTYPE html>
<html>
<head>
<title>Proofpoint SE Copilot</title>
<style>
body {
width: 10cm;
height: 18cm;
font-family: Arial, sans-serif;
}
.ribbon {
background-color: #009ada;
color: white;
padding: 10px;
text-align: left;
font-weight: bold;
}
.section-title {
margin-top: 10px;
font-weight: bold;
}
.section-frame {
border: 2px solid black;
padding: 10px;
margin-top: 10px;
}
select, .full-width-button {
width: 100%;
margin-top: 10px;
}
#secondlevelthreats {
display: none;
}
.full-width-button {
padding: 10px;
background-color: #009ada;
color: white;
border: none;
cursor: pointer;
font-weight: bold;
}
</style>
</head>
<body>
<div class="ribbon">
Proofpoint SE Copilot
</div>
<div class="section-frame">
<p class="section-title">Customers List</p>
<form>
<select id="customers" multiple>
<option value="Audi">Sample Customer Audi</option>
<option value="BMW">Sample Customer BMW</option>
<option value="Honda">Sample Customer Honda</option>
<option value="Toyota">Sample Customer Tata</option>
</select>
</form>
</div>
<div class="section-frame">
<p class="section-title">Threats</p>
<select id="toplevelthreats">
<option value="common">Common Threats</option>
<option value="actors">Threat Actors</option>
<option value="families">Threat Families</option>
<option value="malware">Malwares</option>
<option value="mitre">Mitre ATT&CK Tactics</option>
<option value="techniques">Techniques</option>
<option value="themes">Themes</option>
</select>
<br>
<select id="secondlevelthreats">
<!-- Populated by JavaScript -->
</select>
<button class="full-width-button" id="list-threats-button">List Threats</button>
</div>
<script>
document.getElementById('toplevelthreats').addEventListener('change', function() {
var secondlevel = document.getElementById('secondlevelthreats');
secondlevel.style.display = 'none'; // Hide initially
secondlevel.innerHTML = ''; // Clear options
if (this.value === 'actors') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="actor1">TA111</option>
<option value="actor2">TA222</option>
<option value="actor3">TA333</option>
`;
} else if (this.value === 'families') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="family1">Backdoor</option>
<option value="family2">Downloader</option>
<option value="family3">RAT</option>
`;
} else if (this.value === 'malware') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="malware1">AnyDesk</option>
<option value="malware2">Emotet</option>
<option value="malware3">Maze</option>
`;
} else if (this.value === 'mitre') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="mitre1">TA0001 Initial Access</option>
<option value="mitre2">TA0007 Discovery</option>
<option value="mitre3">TA0011 Command and Control</option>
`;
} else if (this.value === 'techniques') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="tech1">CAPTCHA</option>
<option value="tech2">ClickFix</option>
<option value="tech3">JavaScript</option>
`;
} else if (this.value === 'themes') {
secondlevel.style.display = 'block';
secondlevel.innerHTML = `
<option value="theme1">DDoS Extortion</option>
<option value="theme2">Gift Carding</option>
<option value="theme3">Payroll Redirect</option>
`;
}
});
</script>
</body>
</html>