xml-diff-visualizer/index.html at master · roleen/xml-diff-visualizer · GitHub

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
<!DOCTYPE HTML>
<html>
<head>
	<title>XML Diff Visualizer</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="assets/css/bootstrap.css" />
	<link rel="stylesheet" href="assets/css/xmltree.css" />
	<link rel="stylesheet" href="assets/css/diffview.css" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="stylesheet" href="assets/css/codemirror.css" />
	<link rel="stylesheet" href="assets/codemirror/lib/codemirror.css" />

    <!-- JS Scripts -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="assets/js/tools.js"></script>
	<script src="assets/codemirror/lib/codemirror.js"> </script>
	<script src="assets/codemirror/addon/display/placeholder.js"></script>
	<script src="assets/codemirror/mode/xml/xml.js"> </script>

	<!-- Custom Scripts -->
	<script src="assets/js/xmltree.js"></script>
</head>
<body>

	<!-- Wrapper -->
	<div id="wrapper">

		<div class="inner">
			<div id='inputs'>
				<div class="jumbotron">
			    	<h1 class="text-center">XML Diff Visualizer</h1>
			    	<p class="text-center">
						XML Diff visualizer is a utility designed to show the difference between two XML trees.
						The resulting difference is showcased using a tree view.
					</p>
			  	</div>
				<div class="button-wrapper">
					<button id='generateDiff' class="btn btn-secondary" type="button">Generate Diff</button>
				</div>
				<div id='xml1'>
					<textarea id="text1" class="codemirror-textarea" placeholder="Base XML goes here ..."></textarea>
				</div>
				<div id='xml2'>
					<textarea id="text2" class="codemirror-textarea" placeholder="Changed XML goes here ..."></textarea>
				</div>
			</div>

			<div id='compare'>
				<div class="jumbotron">
			    	<h1 class="text-center">XML Diff Visualizer</h1>
			  	</div>
				<div class="button-wrapper">
					<button id='backToEditor' class="btn btn-secondary" type="button">Back</button>
					<button id='generateAnotherDiff' class="btn btn-secondary" type="button">Generate Another Diff</button>
				</div>
				<div id="from">
					<div id='from_tree'></div>
				</div>
				<div id="to">
					<div id='to_tree'></div>
				</div>
			</div>
		</div>

		<div id="credits">
			<a href="credits.html">Credits</a>
		</div>
	</div>

	<script src="assets/js/xmldiff.js"></script>
	<script src="assets/js/main.js"></script>
</body>
</html>