-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
132 lines (132 loc) · 5.56 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<!--
~ Copyright 2017 Lukas Krejci
~
~ 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
-->
<html lang="en">
<head>
<title>Online API Diff Powered by Revapi</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/ribbon.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script>
<script src="js/nearley.js"></script>
<script src="js/signature-grammar.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<span id="ribbon">
<div>
<a class="social" target="_blank" href="https://github.com/revapi/diff.revapi.org"></a>
<a class="social" target="_blank" href="https://twitter.com/revapi_org"></a>
</div>
</span>
<div class="container" id="page">
<div class="row middle">
<h1>API Diff</h1>
</div>
<div class="row middle">
Compare 2 versions of a Maven artifact for API differences.
</div>
<div class="row middle">
<div class="one-half column">
<input type="text" id="groupId" class="u-full-width" placeholder="Group Id" autofocus form="form"/>
</div>
<div class="one-half column">
<input type="text" id="artifactId" class="u-full-width" placeholder="Artifact Id" form="form"/>
</div>
</div>
<div class="row middle">
<div class="one-half column">
<input type="text" id="oldVersion" class="u-full-width" placeholder="Old Version" form="form"/>
</div>
<div class="one-half column">
<input type="text" id="newVersion" class="u-full-width" placeholder="New Version" form="form"/>
</div>
</div>
<div class="row middle">
<input id="compare" type="submit" value="Compare" class="u-full-width button-primary" form="form"/>
</div>
<div class="row middle">
<div id="progress">
<div id="spinner" class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
<div id="progress-rendering-stage"></div>
</div>
<div id="not-not-all-results-shown">
Some differences are not shown. Use the menu in the top-left corner to change the filter settings.
</div>
<div id="results"></div>
</div>
</div>
<form id="form"></form>
<div id="menu-icon">☰</div>
<div id="filter" class="container">
<div class="close" id="filter-close">×</div>
<div class="row">
<label>Minimum severity of changes</label>
<input title="severity" id="severity-value" type="range" min="0" max="3" value="2"/>
<div id="severity-display"></div>
</div>
<!-- The severity ordering is not yet implemented -->
<div class="row" style="display:none">
<label>Sort by</label>
<label for="sort1" class="filter-selection">
<input type="radio" name="sort" value="by-class" id="sort1" checked>Class
</label>
<label for="sort2" class="filter-selection">
<input type="radio" name="sort" value="by-severity" id="sort2">Severity
</label>
</div>
<div class="row">
<input type="checkbox" id="include-deps" name="include-deps" checked/>
<label for="include-deps">Include API from dependencies</label>
</div>
<div class="row">
<label>Include modules</label>
<div class="filter-selection" id="include-modules">Run the comparison first to see the list of the modules...</div>
</div>
<div class="row">
<label for="included-packages">Only Include packages</label>
<input class="filter-selection" style="width: 100%" type="text" id="included-packages" name="included-packages" placeholder="Comma separated for regexes for package names..."/>
</div>
<div class="row">
<label for="excluded-packages">Exclude packages</label>
<input class="filter-selection" style="width: 100%" type="text" id="excluded-packages" name="excluded-packages" placeholder="Comma separated for regexes for package names..."/>
</div>
</div>
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
<script>
(function(f, a, t, h, o, m){
a[h]=a[h]||function(){
(a[h].q=a[h].q||[]).push(arguments)
};
o=f.createElement('script'),
m=f.getElementsByTagName('script')[0];
o.async=1; o.src=t; o.id='fathom-script';
m.parentNode.insertBefore(o,m)
})(document, window, '//stats.revapi.org/tracker.js', 'fathom');
fathom('set', 'siteId', 'PSIWY');
fathom('trackPageview');
</script>
<!-- / Fathom -->
</body>
</html>