-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (149 loc) · 8.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mips Assembly Computer Simulator">
<meta name="keywords" content="Assembly, Mips, JavaScript, Computer">
<meta name="application-name" content="Wips Assembly">
<meta name="author" content="James Weber">
<title>Wips Assembly</title>
<link rel="stylesheet" href="/style.css">
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="icon" href="/assets/favicon.png" type="image/png" sizes="any">
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml" sizes="any">
<script defer src="/LogicGate.js"></script>
<script defer src="/StateGates.js"></script>
<script defer src="/Mips.js"></script>
<script defer src="/MipsComponents.js"></script>
<script defer src="/SimpleCpu.js"></script>
<script defer src="/Toolkit/Wath.js"></script>
<script defer src="/Toolkit/StringReader.js"></script>
<script defer src="/Toolkit/Wom.js"></script>
<script defer src="/Toolkit/Wunctions.js"></script>
<script defer src="/control.js"></script>
<script defer src="/compiler.js"></script>
<script defer src="/ui.js"></script>
</head>
<body>
<!-- JavaScript disabled -->
<noscript>Sorry, your browser doesn't enable JavaScript, and this thing kinda needs JavaScript to run!</noscript>
<!-- narrow content - PMD or small screen -->
<narrowcontent>
This demonstration is best on a computer with a normal-sized screen.
<a id="narrowcontent-gh-link" class="gh-link" href="https://github.com/jamesweber7/Wips-Assembly">
<img id="narrowcontent-gh-mark" class="gh-mark" alt="GitHub Mark" src="/assets/gh-mark-64.png"/>
</a>
</narrowcontent>
<!-- standard content -->
<grid class="grid-container">
<griditem class="header">
<h1>
<wipsw>W</wipsw>ips Assembly
</h1>
</griditem>
<griditem id='register-box' class="left-column">
<contentbox>
<sectionhead>Registers</sectionhead>
<sectionbody id="registers-section">
<table id="register-table"></table>
</sectionbody>
</contentbox>
</griditem>
<griditem class="center-column-top">
<contentbox>
<sectionhead style="--top-padding: 0px;">
<input id="program-title" spellcheck=false value="MyProgram.S">
</sectionhead>
<sectionbody>
<textarea spellcheck="false" class="programmer-input" id="code-input"></textarea>
</sectionbody>
</contentbox>
</griditem>
<griditem class="center-column-bottom">
<buttonrow>
<button id='play-btn' class="icon-parent" title="Play [ctrl+⎵]">
<i class="material-icons">play_arrow</i>
</button>
<button id='pause-btn' class="icon-parent hidden" title="Pause [ctrl+⎵]">
<i class="material-icons">pause</i>
</button>
<button id='step-btn' class="icon-parent" title="Step [ctrl+→]">
<i class="material-icons">skip_next</i>
</button>
<button id='stop-btn' class="icon-parent" title="Stop/Reset [ctrl+c]">
<i class="material-icons">stop</i>
</button>
<dropdown class="dropdown style1" id="load-dropdown" tabindex="0">
<span class="title">
<button title="Load [ctrl+o]" class="icon-parent">
<i class="material-icons">upload_file</i>
</button>
</span>
<span class="options" id="load-dropdown-options">
<button id="import-btn" title="Open File Explorer">
Import File
<input id="import-file-hidden" type="file" class="hidden">
</button>
</span>
</dropdown>
<button id='save-btn' class="icon-parent" title="Save [ctrl+s]">
<i class="material-icons">save</i>
</button>
<button id='cycles-container' title="number of clock cycles the computer runs before user prompted to stop or continue">
Pause at: <input type='number' min=1 max=4999 step=1 id='num-cycles-input' class='num-cycles-input' value=150>
</button>
<output title="The compiler had a problem compiling your code. If you think this is an error then it probably is and I'm sorry about that; I didn't code this compiler to be super rigorous. Try following the syntax used in the example programs, if applicable." class="erroroutput" id="error-output"></output><spinner id="spinner" class="hidden"></spinner><output class="stateoutput" id="state-output"></output>
</buttonrow>
<schematicbox>
<img id="schematic-img" alt="schematic" src="/schematics/mipsSchematicBg.png"/>
<a id="schematic-gh-link" class="gh-link" href="https://github.com/jamesweber7/Wips-Assembly">
<img id="schematic-gh-mark" class="gh-mark" alt="GitHub Mark" src="/assets/gh-mark-64.png"/>
</a>
</schematicbox>
</griditem>
<griditem class="right-column-top">
<contentbox class="style1">
<sectionhead style="--top-padding: 4px;">
<i class="material-icons" id="clear-console" title="clear console">not_interested</i>
Console
</sectionhead>
<sectionbody>
<textarea id="console" class="programmer-input" spellcheck=false data=""></textarea>
</sectionbody>
</contentbox>
</griditem>
<griditem class="right-column-2">
<contentbox>
<sectionhead>
Trap
</sectionhead>
<sectionbody>
<table id="trap-table"></table>
</sectionbody>
</contentbox>
</griditem>
<griditem class="right-column-3">
<contentbox id="main-memory-box">
<sectionhead id="main-mem-head">
<column>
<button id="main-mem-jump-sp" title="jump to stack pointer">$sp</button>
<button id="main-mem-jump-static" title="jump to static memory">data</button>
<button id="main-mem-jump-pc" title="jump to program counter">PC</button>
</column>
Main Memory
<column>
<button id="main-mem-display-binary" class="hidden" title="display as binary">01</button>
<button id="main-mem-display-ascii" title="display as ascii">Aa</button>
</column>
</sectionhead>
<sectionbody id="main-mem-body">
<table id="main-mem-table" datatype="binary"></table>
</sectionbody>
</contentbox>
</griditem>
</grid>
</body>
</html>