-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathmudjsvis.html
More file actions
115 lines (96 loc) · 5.98 KB
/
mudjsvis.html
File metadata and controls
115 lines (96 loc) · 5.98 KB
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
<!DOCTYPE html>
<!--
Copyright 2017-2025 Eliot Lear
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
SPDX-License-Identifier: Apache-2.0
-->
<!--
Prism by TEMPLATED templated.co @templatedco Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Visualize a MUD-enabled Network</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!-- <script type="text/javascript" src="aux.js" defer="defer"></script> -->
<link rel="stylesheet" href="assets/css/main.css">
<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"/>
<script>
incoming_mudfile=window.sessionStorage.getItem("mudfile");
</script>
<title>MUD-Visualizer</title>
</head>
<body> <!-- Banner -->
<!-- One -->
<section id="vizholder" class="wrapper style2" style="padding: 0 !important">
<input type="file" id="openfile-input" style="display:none;" multiple>
<div class="icon-bar" id="lefticonbar">
<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 by URL" data-step="2"
tooltip="Open Mud File(s)" 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 Incmoing 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" id="svgplaceholder">
<svg class="svg" style="position: relative !important"></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>
<!-- Scripts -->
<!-- <script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script> -->
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<!-- <script src="assets/js/main.js"></script> -->
<!-- Visualizer imports start (copy paste from mud-visualizer/mainWindow.html)-->
<script type="text/javascript" src="scripts/d3.v4.min.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js"></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>
<!-- Visualizer imports end-->
</body>
</html>