-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
45 lines (44 loc) · 1.93 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
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.purple-deep_purple.min.css" />
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</head>
<body>
<form onsubmit="event.preventDefault(); generateModularMultiplication()">
<div id="control-panel" class="mdl-card mdl-shadow--3dp">
<div class="mdl-card__supporting-text">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<label class="mdl-textfield__label" for="points">Número de pontos</label>
<input class="mdl-textfield__input" type="number" id="points" min="1">
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<label class="mdl-textfield__label" for="multiplier">Multiplicador</label>
<input class="mdl-textfield__input" type="number" id="multiplier" min="1">
</div>
</div>
<div class="mdl-card__actions">
<button type="submit" id="set" class="mdl-button mdl-js-button mdl-button--raised mdl-button--primary">Set</button>
<button type="button" id="cycles-report-button" disabled="true" class="mdl-button mdl-js-button mdl-button--raised mdl-button--primary report-button">Ciclos</button>
</div>
</div>
</form>
<div class="canvas-wrapper">
<canvas id="canvas" width="510" height="510"></canvas>
</div>
<div>
<table id="cycles-report" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
<thead>
<tr>
<th>Ciclo</th>
<th>Nós</th>
</tr>
</thead>
<tbody id="cycles-report-body">
</tbody>
</table>
</div>
<script src="js/script.js"></script>
</body>
</html>