aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/display-templates.html
blob: 95432ad2bf9466a5a814d96074c8cbc341d21e4d (plain)
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
<!DOCTYPE html><html><head></head><body>

<!-- Term entry templates -->
<template id="term-entry-template" data-remove-whitespace-text="true"><div class="entry" data-type="term">
    <div class="entry-current-indicator" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"><span class="entry-current-indicator-inner"></span></div>
    <div class="entry-header1">
        <div class="entry-header2">
            <div class="entry-header3">
                <div class="actions">
                    <button class="action-button action-view-note" hidden disabled data-icon="view-note" title="View added note (Alt + V)"></button>
                    <button class="action-button action-add-note" hidden disabled data-icon="add-term-kanji" data-mode="term-kanji" title="Add expression (Alt + E)"></button>
                    <button class="action-button action-add-note" hidden disabled data-icon="add-term-kana" data-mode="term-kana" title="Add reading (Alt + R)"></button>
                    <button class="action-button action-play-audio" data-icon="play-audio" title="Play audio (Alt + P)"></button>
                    <span class="entry-current-indicator-icon" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"></span>
                </div>
                <div class="term-expression-list"></div>
            </div>
            <div class="term-reasons"></div>
        </div>
        <div class="term-special-tags"><div class="frequencies tag-list"></div></div>
    </div>
    <div class="term-entry-body">
        <div class="term-entry-body-section term-pitch-accent-container"><ol class="term-entry-body-section-content term-pitch-accent-group-list"></ol></div>
        <div class="term-entry-body-section term-definition-container"><ol class="term-entry-body-section-content term-definition-list"></ol></div>
    </div>
    <div class="debug-info"><a class="debug-log-link">Log debug info to console</a></div>
</div></template>
<template id="term-expression-template" data-remove-whitespace-text="true"><div class="term-expression">
    <div class="term-expression-text-container">
        <span class="term-expression-text source-text">
            <span class="term-expression-current-indicator"></span>
        </span>
    </div>
    <div class="term-expression-details">
        <button class="action-button action-play-audio" data-icon="play-audio" title="Play audio"></button>
        <div class="tags tag-list"></div>
        <div class="frequencies tag-list"></div>
    </div>
</div></template>
<template id="term-definition-item-template"><li class="term-definition-item"><div class="term-definition-tag-list tag-list"></div><div class="term-definition-disambiguation-list"></div><ul class="term-glossary-list"></ul></li></template>
<template id="term-definition-disambiguation-template"><span class="term-definition-disambiguation"></span></template>
<template id="term-glossary-item-template"><li class="term-glossary-item click-scannable"><span class="term-glossary-separator"> </span><span class="term-glossary"></span></li></template>
<template id="term-glossary-item-image-template"><li class="term-glossary-item click-scannable" data-has-image="true"><span class="term-glossary-separator"> </span><span class="term-glossary"><a class="term-glossary-image-link" target="_blank" rel="noreferrer noopener"><span class="term-glossary-image-container"><span class="term-glossary-image-aspect-ratio-sizer"></span><img class="term-glossary-image" alt="" /><span class="term-glossary-image-container-overlay"></span></span><span class="term-glossary-image-link-text">Image</span></a> <span class="term-glossary-image-description"></span></span></li></template>
<template id="term-reason-template"><span class="term-reason"></span><span class="term-reason-separator"> </span></template>

<!-- Pitch accent templates -->
<template id="term-pitch-accent-static-template"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <defs>
        <g id="term-pitch-accent-graph-dot"><circle cx="0" cy="0" r="15" /></g>
        <g id="term-pitch-accent-graph-dot-downstep"><circle cx="0" cy="0" r="15" /><circle cx="0" cy="0" r="5" /></g>
        <g id="term-pitch-accent-graph-triangle"><path d="M0 13 L15 -13 L-15 -13 Z" /></g>
    </defs>
</svg></template>
<template id="term-pitch-accent-group-template"><li class="term-pitch-accent-group"><span class="term-pitch-accent-group-tag-list tag-list"></span><ul class="term-pitch-accent-list"></ul></li></template>
<template id="term-pitch-accent-disambiguation-template"><span class="term-pitch-accent-disambiguation"></span></template>
<template id="term-pitch-accent-template"><li class="term-pitch-accent"><span class="term-pitch-accent-tag-list tag-list"></span><span class="term-pitch-accent-disambiguation-list"></span><span class="term-pitch-accent-characters"></span><span class="term-pitch-accent-position"></span><span class="term-pitch-accent-details"><svg class="term-pitch-accent-graph" xmlns="http://www.w3.org/2000/svg"><path class="term-pitch-accent-graph-line" /><path class="term-pitch-accent-graph-line-tail" /></svg></span></li></template>
<template id="term-pitch-accent-character-template"><span class="term-pitch-accent-character"><span class="term-pitch-accent-character-inner"></span></span></template>

<!-- Kanji entry templates -->
<template id="kanji-entry-template" data-remove-whitespace-text="true"><div class="entry" data-type="kanji">
    <div class="entry-current-indicator" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"><span class="entry-current-indicator-inner"></span></div>
    <div class="entry-header1">
        <div class="entry-header2">
            <div class="entry-header3">
                <div class="actions">
                    <button class="action-button action-view-note" hidden disabled data-icon="view-note" title="View added note (Alt + V)"></button>
                    <button class="action-button action-add-note" hidden disabled data-icon="add-term-kanji" data-mode="kanji" title="Add Kanji (Alt + K)"></button>
                    <span class="entry-current-indicator-icon" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"></span>
                </div>
                <div class="kanji-glyph-container">
                    <span class="term-expression-current-indicator"></span>
                    <div class="kanji-glyph source-text"></div>
                </div>
            </div>
        </div>
        <div class="frequencies"></div>
    </div>
    <div class="tags tag-list"></div>
    <table class="kanji-glyph-data"><tbody>
        <tr>
            <th>Glossary</th>
            <th>Readings</th>
            <th>Statistics</th>
        </tr>
        <tr>
            <td class="kanji-glossary-container"><ol class="kanji-glossary-list"></ol></td>
            <td class="kanji-readings"><dl class="kanji-readings-chinese"></dl><dl class="kanji-readings-japanese"></dl></td>
            <td class="kanji-statistics"></td>
        </tr>
        <tr><th colspan="3">Classifications</th></tr>
        <tr><td colspan="3" class="kanji-classifications"></td></tr>
        <tr><th colspan="3">Codepoints</th></tr>
        <tr><td colspan="3" class="kanji-codepoints"></td></tr>
        <tr><th colspan="3">Dictionary Indices</th></tr>
        <tr><td colspan="3" class="kanji-dictionary-indices"></td></tr>
    </tbody></table>
    <div class="debug-info"><a class="debug-log-link">Log debug info to console</a></div>
</div></template>
<template id="kanji-info-table-template"><table class="kanji-info-table"><tbody class="kanji-info-table-body"></tbody></table></template>
<template id="kanji-info-table-item-template"><tr class="kanji-info-table-item"><th class="kanji-info-table-item-header"></th><td class="kanji-info-table-item-value"></td></tr></template>
<template id="kanji-info-table-empty-template"><tr class="kanji-info-table-item kanji-info-table-item-empty"><td class="kanji-info-table-item-value-empty">No data found</td></tr class="kanji-info-table-item"></template>
<template id="kanji-glossary-item-template"><li class="kanji-glossary-item"><span class="kanji-glossary"></span></li></template>
<template id="kanji-reading-template"><dd class="kanji-reading"></dd></template>

<!-- Tag templates -->
<template id="tag-template"><span class="tag"><span class="tag-inner"></span></span></template>
<template id="term-tag-frequency-template" data-remove-whitespace-text="true"><span class="tag" data-category="frequency">
    <span class="tag-inner">
        <span class="tag-frequency-disambiguation">
            <span class="tag-frequency-disambiguation-expression"></span>
            <span class="tag-frequency-disambiguation-separator"></span>
            <span class="tag-frequency-disambiguation-reading"></span>
        </span>
        <span class="tag-frequency-dictionary-name"></span>
        <span class="tag-frequency-separator"></span>
        <span class="tag-frequency-value"></span>
    </span>
</span></template>
<template id="kanji-tag-frequency-template" data-remove-whitespace-text="true"><span class="tag" data-category="frequency">
    <span class="tag-inner">
        <span class="tag-frequency-dictionary-name"></span>
        <span class="tag-frequency-separator"></span>
        <span class="tag-frequency-value"></span>
    </span>
</span></template>

<!-- Extra -->
<template id="footer-notification-template"><div class="footer-notification">
    <div class="footer-notification-body"></div>
    <button class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button>
</div></template>
<template id="profile-list-item-template"><label class="profile-list-item">
    <div class="profile-list-item-selection"><label class="radio"><input type="radio" class="profile-entry-is-default-radio" name="profile-entry-default-radio"><span class="radio-body"><span class="radio-border"></span><span class="radio-dot"></span></span></label></div>
    <div class="profile-list-item-name"></div>
</label></template>

</body></html>