-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (153 loc) · 9.82 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="author" content="Justin Svegliato" />
<title>Svegliator v0.1</title>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/jquery-linedtextarea.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="assets/dist/js-tree/themes/default/style.min.css" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="navigation" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<span id="brand" class="navbar-brand">Sveg<strong class="text-primary">liator</strong></span>
</div>
<div class="fadeIn btn-group nav navbar-form navbar-right">
<button id="compile-button" class="btn btn-primary">Compile</button>
</div>
<div class="collapse navbar-collapse">
<ul class="fadeIn nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>
<ul id="programs" class="dropdown-menu"></ul>
</li>
</ul>
</div>
</div>
</div>
<div id="content" class="container fadeIn">
<div class="row">
<div id="program-input-container" class="col-xs-6">
<textarea id="program-input" placeholder="Type your program here..."></textarea>
</div>
<div class="col-xs-6">
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
<div class="col-xs-12">
<h6 id="log-header" class="panel-title">Log</h6>
<span id="log-controls" class="pull-right">
<button id="verbose-button" type="button" class="btn btn-xs btn-primary pull-right">Verbose</button>
<span class="btn-group pull-right">
<button id="error-jump-button" type="button" class="btn btn-xs btn-danger jump-button" disabled><span class="glyphicon glyphicon-remove"></span></button>
<button id="warning-jump-button" type="button" class="btn btn-xs btn-warning jump-button" disabled><span class="glyphicon glyphicon-warning-sign"></span></button>
<button id="scanner-jump-button" type="button" class="btn btn-xs btn-success jump-button" disabled>Scanner</button>
<button id="parser-jump-button" type="button" class="btn btn-xs btn-success jump-button" disabled>Parser</button>
<button id="semantic-analyzer-jump-button" type="button" class="btn btn-xs btn-success jump-button" disabled>Semantic Analyzer</button>
<button id="code-generator-jump-button" type="button" class="btn btn-xs btn-success jump-button" disabled>Code Generator</button>
</span>
</span>
</div>
</div>
<div id="log-display">
<table class="table table-hover table-condensed panel-body">
<tbody>
<tr><td class="lead text-center">A program has not yet been compiled</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<ul class="nav nav-tabs nav-justified">
<li class="active"><a href="#symbol-tree-display" data-toggle="tab"><strong>Symbol Tree</strong></a></li>
<li><a href="#symbol-table-display" data-toggle="tab"><strong>Symbol Table</strong></a></li>
</ul>
<div id="symbol-display-container" class="panel panel-default">
<div class="tab-content">
<div class="tab-pane fade" id="symbol-table-display">
<table class="table table-hover table-condensed panel-body">
<thead>
<tr class="success">
<th class='text-center'>Scope</th>
<th class='text-center'>Line Declared</th>
<th class='text-center'>Name</th>
<th class='text-center'>Type</th>
</tr>
</thead>
<tbody>
<tr><td class="lead text-center" colspan="4">No symbols</td></tr>
</tbody>
</table>
</div>
<div class="tab-pane fade active in" id="symbol-tree-display">
<h6 class="lead text-center">No symbol tree</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<ul id="myTab" class="nav nav-tabs nav-justified">
<li class="active"><a href="#machine-code" data-toggle="tab"><strong>Machine Code</strong></a></li>
<li><a href="#concreteSyntaxTree" data-toggle="tab"><strong>Concrete Syntax Tree</strong></a></li>
<li><a href="#abstractSyntaxTree" data-toggle="tab"><strong>Abstract Syntax Tree</strong></a></li>
</ul>
<div id="tree-display-container" class="panel panel-default">
<div id="tree-display" class="tab-content">
<div onclick="CodeDisplay.selectText('machine-code')" class="tab-pane active fade in" id="machine-code">
<h6 class="lead text-center">No machine code</h6>
</div>
<div class="tab-pane fade" id="concreteSyntaxTree">
<h6 class="lead text-center">No concrete syntax tree</h6>
</div>
<div class="tab-pane fade" id="abstractSyntaxTree">
<h6 class="lead text-center">No abstract syntax tree</h6>
</div>
</div>
<div class="panel-footer">
<span id="token-stream" class="lead panel-title">No tokens</span>
</div>
</div>
</div>
</div>
<!-- Dependencies needed for all aspects of the application -->
<script src="assets/js/jquery.js"></script>
<script src="assets/dist/js-tree/jstree.js"></script>
<script src="assets/js/jquery-linedtextarea.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script src="assets/js/utils.js"></script>
<script src="assets/js/tree-model.js"></script>
<script src="assets/js/marquee.js"></script>
<!-- Dependencies needed for displaying data to the screen -->
<script src="assets/js/system/display/log-display.js"></script>
<script src="assets/js/system/display/tree-display.js"></script>
<script src="assets/js/system/display/symbol-table-display.js"></script>
<script src="assets/js/system/display/token-stream-display.js"></script>
<script src="assets/js/system/display/program-selector.js"></script>
<script src="assets/js/system/display/code-display.js"></script>
<!-- Dependencies needed to compile the code -->
<script src="assets/js/system/control.js"></script>
<script src="assets/js/system/compiler/nonterminal.js"></script>
<script src="assets/js/system/compiler/concrete-syntax-tree.js"></script>
<script src="assets/js/system/compiler/abstract-syntax-tree.js"></script>
<script src="assets/js/system/compiler/symbol-table.js"></script>
<script src="assets/js/system/compiler/token.js"></script>
<script src="assets/js/system/compiler/scanner.js"></script>
<script src="assets/js/system/compiler/parser.js"></script>
<script src="assets/js/system/compiler/semantic-analyzer.js"></script>
<script src="assets/js/system/compiler/code-generator.js"></script>
<script src="assets/js/system/compiler/code.js"></script>
<script src="assets/js/system/compiler/jump-table.js"></script>
<script src="assets/js/system/compiler/static-data-table.js"></script>
</body>
</html>