-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (99 loc) · 4.19 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Macro Virus Analyzer</title>
<link rel="stylesheet" href="css/index.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/084fbcdbf5.js" crossorigin="anonymous"></script>
<script>
var global = global || window;
</script>
</head>
<body>
<div class="blue-bg"></div>
<div id="logo">MacroVirus Analyzer</div>
<div id="file-scroller" class="hidden">
<!--TODO UPLOAD BUTTON SHOULD ALWAYS STAY AT THE TOP-->
<div id="upload-button" class="file-scroller-entry file-input-button file-scroller-upload-button">
<i class="fas fa-lg fa-upload"></i>
<div>Upload</div>
</div>
</div>
<div class="outer-file-input">
<div class="file-input" id="fake-file-selector">
<span class="file-input-text" id="filename-display">Choose file...</span>
<span class="file-input-button">Browse</span>
<input class="real-file-input" type="file" id="file-selector" accept=".docm, .xlsm, .doc, .xls" multiple>
</div>
</div>
<div class="flexbox">
<div id="file-preview" class="file-preview hidden">
<div class="flexbox">
<div class="file-img-box">
<img id="file-icon" class="file-format-icon" src="images/doc.png" alt="File Icon">
</div>
<div class="file-info">
<div id="file-name" class="ellipsis-text"></div>
<div id="file-size"></div>
<div id="file-result-safe" class="hidden">
<span class="good-file-color bold">Safe</span>
<i class="fas fa-1em fa-check"></i>
</div>
<div id="file-result-malicious" class="hidden">
<span class="bad-file-color bold">Malicious</span>
<i class="fas fa-1em fa-skull"></i>
</div>
<div id="file-result-corrupted" class="hidden">
<span class="corrupted-file-color bold">Error reading file</span>
<i class="fas fa-1em fa-times"></i>
</div>
</div>
</div>
</div>
</div>
<div class="main-table hidden">
<div class="tab-selector-table">
<span class="tab-selector" data-tab="tab1">Analysis</span>
<span class="tab-selector" data-tab="tab2">Source Code</span>
<span class="tab-selector" data-tab="tab3">Deobfuscated code</span>
</div>
<div class="tabs" data-file-id="">
<div id="tab1" class="tab-contents">
<div class="tab-text"></div>
</div>
<div id="tab2" class="tab-contents">
<div id="code-comparison-menu" class="sub-menu">
<div>
<input type="checkbox" id="show-source-code-checkbox">
<label for="show-source-code-checkbox">Show source code</label>
</div>
<div>
<input type="checkbox" id="show-pcode-checkbox">
<label for="show-pcode-checkbox">Show p-code</label>
</div>
<div class="indent-small">
<input type="radio" name="pcode-radio" id="pcode-radio-1" disabled checked>
<label for="pcode-radio-1">Disassembled p-code</label>
</div>
<div class="indent-small">
<input type="radio" name="pcode-radio" id="pcode-radio-2" disabled>
<label for="pcode-radio-2">Decompiled p-code</label>
</div>
</div>
<div class="tab-text flexbox">
<div class="direct-child flex-child"></div>
<div class="direct-child flex-child border-left hidden"></div>
</div>
</div>
<div id="tab3" class="tab-contents">
<div id="deobfuscation-menu" class="sub-menu"></div>
<div class="tab-text"></div>
</div>
</div>
</div>
</body>
<script src="app.js"></script>
</html>