-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (92 loc) · 4.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>IRIS Editor</title>
<meta name="description" content="The Interactive Relationships Interface System enables developers to comprehend, refine, and apply structural patterns in their HTML documents." />
<!-- Styling -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<link href="css/editor_screen.css" type="text/css" rel="stylesheet">
<!-- Libraries -->
<script type="text/javascript" src="js/lib/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/lib/underscore-min.js"></script>
<script type="text/javascript" src="js/lib/src/ace.js"></script>
<script type="text/javascript" src="js/lib/src/ext-language_tools.js"></script>
<script type="text/javascript" src="js/lib/himalaya.js"></script>
<script type="text/javascript" src="js/lib/himalaya-whitespace.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/examples.js"></script>
<!-- Project Scripts -->
<script type="text/javascript" src="js/tokenization.js"></script>
<script type="text/javascript" src="js/ast.js"></script>
<script type="text/javascript" src="js/id3.js"></script>
<script type="text/javascript" src="js/dt.js"></script>
<script type="text/javascript" src="js/iris.js"></script>
<script type="text/javascript" src="js/editor.js"></script>
</head>
<body>
<main id="mainContainer">
<section id="editorContainer">
<div id="editor"></div>
</section>
<section id="interactContainer">
<header>
<h2 class="center">Interactive Relationships Interface</h2>
</header>
<hr>
<section class="pad">
<h3>Current Code Pattern</h3>
<table class="small">
<tr>
<td class="expandH">Conditions</td>
<td id="currentPredictionHeader">➔</td>
<td>Options</td>
</tr>
<tr class="uniqueCondition">
<td><span id="currentConditions" class="temporarilyHiddenText">-</span></td>
<td><span id="currentPrediction" class="temporarilyHiddenText">-</span></td>
<td><span>
<button disabled id="currentExample">🔍</button>
<button disabled id="currentPromote" onclick="whitelist(storage.topRule)">▲</button>
<button disabled id="currentDemote">▼</button>
</span></td>
</tr>
</table>
</section>
<hr>
<section class="pad" onchange="refreshUI(false)">
<h3 class="inlineHeader">All Code Patterns</h3>
<span class="right">
<button>⮬ Export</button>
<button>⮯ Import</button>
<button id="addRuleButton" onclick="addRule()">✚ Add</button>
<button disabled id="viewRulesButton" onclick="viewRules()">⚏ View</button>
<select id="selectPredictionCase">
<option id="tag_existing" value="tag">Tag</option>
<option id="attribute_existing" value="attribute">Attribute</option>
<option id="value_existing" value="value">Value</option>
</select>
</span>
</section>
<section id="allRules" class="pad">
<p class="pad">Prioritized:</p>
<table id="whitelistTable" class="small"></table>
<p class="pad">Standard:</p>
<table id="standardTable" class="small"></table>
<p class="pad">Blacklisted:</p>
<table id="blacklistTable" class="small"></table>
</section>
<section id="addRule" class="pad hiddenSection">
<p class="small">
For a pattern to be valid, at least one condition AND the prediction value must be provided.
Fewer conditions will make the pattern general, while more conditions will make it narrowly applicable.
</p>
<table id="newRuleTable" class="small">
</table>
</section>
</section>
</main>
<section id="outputContainer">
<iframe id="outputFrame"></iframe>
</section>
</body>
</html>