69 lines
2.4 KiB
Plaintext
69 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title><%= config.name %> - Riju</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
|
|
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<link rel="stylesheet" href="/css/app.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div id="editor" class="column"></div>
|
|
<div id="terminal" class="column"></div>
|
|
<button type="button" class="btn btn-success" id="runButton">Run</button>
|
|
<button type="button" class="btn btn-info" id="formatButton">Prettify</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-dark"
|
|
id="packagesButton"
|
|
data-toggle="modal"
|
|
data-target="#packagesModal"
|
|
>
|
|
Packages
|
|
</button>
|
|
<a href="/" class="btn btn-secondary" id="backButton">Switch to a different language</a>
|
|
<div class="modal" tabindex="-1" id="packagesModal">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Package management</h5>
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span>×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="button" class="btn btn-primary" value="Add package" id="packagesAdd"/>
|
|
<div id="packagesSearchContainer">
|
|
<input
|
|
type="text"
|
|
class="form-control shadow-none"
|
|
placeholder="Search for packages..."
|
|
id="packagesSearch"
|
|
autocomplete="off"
|
|
/>
|
|
</div>
|
|
<hr/>
|
|
<div id="packagesTerminal"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
window.rijuConfig = <%- JSON.stringify(config) %>;
|
|
</script>
|
|
<script src="/js/app.js"></script>
|
|
<% if (analyticsEnabled) { %>
|
|
<script src="https://cdn.usefathom.com/script.js" site="JOBZEHJE" defer></script>
|
|
<% } %>
|
|
</body>
|
|
</html>
|