-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
deck-edit-card.html
64 lines (60 loc) · 2.41 KB
/
deck-edit-card.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
<!DOCTYPE html>
<html lang="en">
<head>
{{ include Components/head.tmpl.html }}
<link rel="stylesheet" href="./deck.css">
<title class="site-title">{{ _ edit-card-site-title }} | {{ trademark }} </title>
</head>
<body>
{{ include Components/header.tmpl.html }}
<h1 id="deck-new-card-header" class="centered">{{ _ new-card-h1 }}</h1>
<main>
<script src="https://cdn.jsdelivr.net/npm/hanzi-writer/dist/hanzi-writer.min.js"></script>
<section id="input-mode" class="centered">
<p>{{ _ input-mode-p }}</p>
<div>
<label>
<input type="radio" name="type" value="false" checked onclick="window.currentIME = ''; window.IMEIndex = 0">
{{ _ input-mode-none }}
</label>
</div>
<div title="{{ _ pinyin-input-description }}">
<label>
<input type="radio" name="type" value="true" onclick="window.currentIME = 'pinyin'; window.IMEIndex = 0">
Pin1 yin1
</label>
</div>
<div title="{{ _ romaji-hiragana-input-description }}">
<label>
<input type="radio" name="type" value="true" onclick="window.currentIME = 'romaji'; window.IMEIndex = 0">
Romaji Hiragana
</label>
</div>
<div title="{{ _ romaji-katakana-input-description }}">
<label>
<input type="radio" name="type" value="true" onclick="window.currentIME = 'romaji'; window.IMEIndex = 1">
Romaji Katakana
</label>
</div>
</section>
<section id="card-edit-section" class="deck">
<!-- Javascript will fill this -->
</section>
<!-- This is normally hidden, except when editing phrases. When editing phrases this will be populated with previews of every card in -->
<section id="phrase-preview-section" style="display: none;">
<h1 class="centered">{{ _ phrase-preview-section-header }}</h1>
<section id="phrase-preview-section-container" class="deck">
<!-- This will be filled with preview cards from Javascript -->
</section>
</section>
<section id="navigation-footer">
<button id="finish-edit-button" class="card-button-edit">{{ _ finish-edit-button }}</button>
<button id="delete-edit-button" class="card-button-edit" style="display:none">{{ _ delete-edit-button }}</button>
<button id="cancel-edit-button" class="card-button-edit">{{ _ cancel-edit-button }}</button>
</section>
</main>
{{ include Components/footer.tmpl.html }}
<script src="./IME.js"></script>
<script src="./deck-new.js"></script>
</body>
</html>