-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathmainWindow.html
70 lines (59 loc) · 4.09 KB
/
mainWindow.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
<!DOCTYPE html>
<meta charset="utf-8">
<link rel='stylesheet' href='css/mainWindow.css' type='text/css' media='all'/>
<link rel='stylesheet' href='css/tooltip.css' type='text/css' media='all'/>
<link rel='stylesheet' href='css/introjs.css'>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<title>MUD-Visualizer</title>
<body>
<section id="vizholder">
<input type="file" id="openfile-input" style="display:none;" multiple>
<div class="icon-bar">
<div style="text-align: center; margin-top: 5px;">
<button id="openfile-button" class="icon-button" data-intro="Open one or more MUD files" data-step="1"
tooltip="Open Mud File(s)" flow="right" >
<img align="middle" src="img/menu_icons/openfile.png" width="35" height="35" vspace="5"></button>
<button id="openurl-button" class="icon-button" data-intro="Open a MUD file from a URL" data-step="2"
tooltip="Open Mud File from URL" flow="right" onclick="openurl()">
<img align="middle" src="img/menu_icons/openurl.png" width="35" height="35" vspace="5"></button>
<button class="icon-button" data-intro="Resets the drawing to initial position" data-step="3"
tooltip="Refresh the Drawing" flow="right">
<img align="middle" src="img/menu_icons/refresh.png" width="35" height="35" vspace="5" onclick="drawer()"></button>
<button id="SelectMudFiles" data-intro=" Opens the menu for deselecting/selecting the visualized MUD-files" data-step="4"
class="icon-button" tooltip="Select/Deselect Mud Files" flow="right">
<img align="middle" src="img/menu_icons/select.png" width="35" height="35" vspace="5"></button>
<button id="button_incoming" data-intro="Click on this to change the traffic direction to (incoming)" data-step="5" class="icon-button"
tooltip="Show Incoming Traffic" flow="right">
<img align="middle" src="img/menu_icons/incoming.png" width="35" height="35" vspace="5" onclick="set_incoming()"></button>
<button id="button_outgoing" data-intro="With this icon selected, the outgoing traffic will be visualized" data-step="6"
class="icon-button" tooltip="Show Outgoing Traffic" flow="right">
<img align="middle" src="img/menu_icons/outgoing.png" width="35" height="35" vspace="5" onclick="set_outgoing()"></button>
<button id="helper" class="icon-button" href="javascript:void(0);" tooltip="Tour of the MUD-Visualize" flow="right"
data-intro="See this introductory tour again" data-step="7">
<img align="middle" src="img/menu_icons/help.png" width="35" height="35" vspace="6" onclick="tour()"></button>
</div>
</div>
<div class="svg_board">
<svg class="svg"></svg>
</div>
<!-- div for selecting and deselcting the mud files to preview -->
<div id="mudSelectionDiv" class="select-deselect-muds">
<div id="fileNotLoaded" style="text-align: center" class="select-deselect-muds__text">No Mud-file loaded
<br>
<img align="middle" src="img/other_icons/file_not_loaded.svg" width="100" height="100" vspace="30">
</div>
</div>
</section>
</body>
<script type="text/javascript" src="scripts/d3.v4.min.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="scripts/psl.min.js"></script>
<script type="text/javascript" src="scripts/sweetalert2.min.js"></script>
<script type="text/javascript" src="scripts/ui.js"></script>
<script type="text/javascript" src="scripts/intro.js"></script>
<script type="text/javascript" src="scripts/utils.js"></script>
<script type="text/javascript" src="scripts/helpers.js"></script>
<script type="text/javascript" src="scripts/mud.js"></script>
<script type="text/javascript" src="scripts/default_devices.js"></script>
<script type="text/javascript" src="renderer.js"></script>