-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (112 loc) · 4.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/src/panel.css" />
<link rel="stylesheet" href="/src/style-err.css" />
<link rel="stylesheet" href="/src/style.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Text Practicing</title>
<script type="module" src="/src/scripts/tauri.js" defer></script>
<script src="/src/scripts/for_tauri.ts" defer></script>
<script src="/src/scripts/tauri_calls.ts" defer></script>
<script src="/src/scripts/general_panels.js" defer></script>
<script src="/src/scripts/html_elements.ts" defer></script>
<script src="/src/scripts/main.ts" defer></script>
<script src="/src/scripts/darkreader.min.js" defer></script>
<script src="/src/scripts/dark_mode.js" defer></script>
</head>
<body>
<!--Select File Panel-->
<div class="column panel can-hide" id="select-file-panel">
<div class="title">Select Practicing File</div>
<div class="column gap-small">
<button id="last-file-button" onclick="openLastFile()">
<div class="column">
<div class="text-align-left">Open Last File</div>
<div class="text-align-left" id="last-file-path">Last File Path</div>
</div>
</button>
<button class="text-align-left" onclick="openFileSelector()">Open File Selector</button>
</div>
</div>
<!--Select Subject Type Panel-->
<div class="column panel can-hide hidden fully-hidden" id="select-subject-type-panel">
<div class="title">Select Subject Type</div>
<div class="row content-space-evenly">
<button id="not-done-button" onclick="notDoneSelect()">Not Done</button>
<button id="done-button" onclick="doneSelect()">Done</button>
</div>
</div>
<!--Learning Phase Panel-->
<div class="column panel can-hide hidden fully-hidden" id="learning-phase-panel">
<div class="title">Learning Phase: <div class="subject-title"></div>
</div>
<div class="column scroll gap-medium" id="learning-phase-fields">
</div>
<div class="row gap-small" style="padding-bottom: 0.5rem;">
<button onclick="startTest()">Start Test</button>
<button onclick="waitStartTest()">Wait And Start Test</button>
</div>
</div>
<!--Pause Time Panel-->
<div class="column panel can-hide hidden fully-hidden" id="pause-time-panel">
<div class="title">Select Pause Time</div>
<div class="row gap-small" id="pause-editor-row">
<input type="number" id="pause-editor-minute">
:
<input type="number" id="pause-editor-second">
</div>
<div class="row gap-small" id="pause-show-row">
<div id="pause-minute">0</div>
:
<div id="pause-second">0</div>
</div>
<div class="row gap-small">
<button id="cancel-pause-button" onclick="cancelPause()">Cancel</button>
<button id="start-pause-button" onclick="startPause()">Start Pause</button>
</div>
</div>
<!--Testing And Check Results Phase Panel-->
<div class="column panel can-hide hidden fully-hidden" id="testing-phase-panel">
<div class="row">
<div class="title">Testing Phase: <div class="subject-title"></div>
</div>
<div style="flex-grow: 1;"></div>
<div id="testing-countdown" class="row">
<div id="testing-countdown-minute">10</div>
:
<div id="testing-countdown-second">00</div>
</div>
</div>
<!--Div is needed to show vertical scrollbar-->
<div class="scroll-y" style="border-radius: 1rem;">
<table id="testing-table" class="second-hidden">
</table>
</div>
<div class="row gap-small" id="testing-panel-buttons">
<button onclick="backToLearning()">Go Back To Learning</button>
<button onclick="completeLearning()">Done</button>
</div>
<div class="row gap-small" id="check-results-panel-buttons">
<button onclick="learnAgain()">Learn this Subject Again</button>
<div>Or Open Random</div>
<button onclick="nextNotDoneSelect()">Not done Subject</button>
<div> / </div>
<button onclick="nextDoneSelect()">Done Subject</button>
</div>
</div>
<!--Global Loading Panel-->
<div id="global-loading" class="shadow-panel-base column full-center-content can-hide hidden fully-hidden">
<div class="loading-ring-box loading-ring loading-animate" id="loading-ring"></div>
</div>
<!--Error Panel-->
<div class="shadow-panel-base can-hide hidden fully-hidden" id="err-panel-base">
<div class="panel err-theme column full-center-content">
<div class="err-title">Error!</div>
<div id="err-text">Example error text<br>multiline</div>
<button class="panel-button medium-text err-button" id="err-button" onclick="hideErrPanel()">OK</button>
</div>
</div>
</body>
</html>