diff options
Diffstat (limited to 'ext/display-templates.html')
| -rw-r--r-- | ext/display-templates.html | 169 |
1 files changed, 169 insertions, 0 deletions
diff --git a/ext/display-templates.html b/ext/display-templates.html new file mode 100644 index 00000000..a470defa --- /dev/null +++ b/ext/display-templates.html @@ -0,0 +1,169 @@ +<!DOCTYPE html><html><head><title>Display Templates</title></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"><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" data-hotkey='["viewNote","title","View added note ({0})"]'></button> + <button class="action-button action-add-note" hidden disabled data-icon="add-term-kanji" data-mode="term-kanji" title="Add expression" data-hotkey='["addNoteTermKanji","title","Add expression ({0})"]'></button> + <button class="action-button action-add-note" hidden disabled data-icon="add-term-kana" data-mode="term-kana" title="Add reading" data-hotkey='["addNoteTermKana","title","Add reading ({0})"]'></button> + <button class="action-button action-play-audio" data-icon="play-audio" title="Play audio" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="left below h-cover v-cover"><div class="action-button-badge icon" hidden></div></button> + <span class="entry-current-indicator-icon" title="Current entry"></span> + </div> + <div class="term-expression-list"></div> + </div> + <div class="term-details"> + <div class="term-tags tag-list"></div> + <div class="term-reasons"></div> + </div> + </div> + </div> + <div class="entry-body"> + <div class="entry-body-section" data-section-type="frequencies"> + <h5>Frequencies</h5> + <ol class="entry-body-section-content frequency-group-list"></ol> + </div> + <div class="entry-body-section" data-section-type="pitch-accents"> + <h5>Pitch Accents</h5> + <ol class="entry-body-section-content term-pitch-accent-group-list"></ol> + </div> + <div class="entry-body-section" data-section-type="definitions"> + <h5>Definitions</h5> + <ol class="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" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="right below h-cover v-cover"><div class="action-button-badge icon" hidden></div></button> + <div class="tags 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> + +<!-- Frequency templates --> +<template id="frequency-group-item-template"><li class="frequency-group-item"><div class="frequency-tag-list tag-list"></div><ul class="frequency-list"></ul></li></template> +<template id="term-frequency-item-template" data-remove-whitespace-text="true"><li class="frequency-item" data-frequency-type="term"> + <ruby class="frequency-disambiguation"> + <span class="frequency-disambiguation-expression"></span> + <span class="frequency-disambiguation-separator"></span> + <rt class="frequency-disambiguation-reading"></rt> + </ruby> + <span class="frequency-separator"></span> + <span class="frequency-value"></span> +</li></template> +<template id="kanji-frequency-item-template" data-remove-whitespace-text="true"><li class="frequency-item" data-frequency-type="kanji"> + <span class="frequency-value"></span> +</li></template> + +<!-- Pitch accent templates --> +<template id="term-pitch-accent-static-template"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;" focusable="false"> + <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" focusable="false"><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"><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" data-hotkey='["viewNote","title","View added note ({0})"]'></button> + <button class="action-button action-add-note" hidden disabled data-icon="add-term-kanji" data-mode="kanji" title="Add kanji" data-hotkey='["addNoteKanji","title","Add kanji ({0})"]'></button> + <span class="entry-current-indicator-icon" title="Current entry"></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> + <div class="tags tag-list"></div> + <div class="entry-body"> + <div class="entry-body-section" data-section-type="frequencies"> + <ol class="entry-body-section-content frequency-group-list"></ol> + </div> + </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></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> + +<!-- Extra --> +<template id="footer-notification-template"><div class="footer-notification scrollbar-inverse"> + <div class="footer-notification-body"></div> + <div class="footer-notification-close-button-container"> + <button class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button> + </div> +</div></template> +<template id="footer-notification-tag-details-template" data-remove-whitespace-text="true"> + <div class="tag-details"></div> + <div class="tag-details-disambiguation-list"></div> +</template> +<template id="footer-notification-anki-errors-content-template" data-remove-whitespace-text="true"><div class="anki-note-error-info"> + <div class="anki-note-error-header"></div> + <ul class="anki-note-error-list"></ul> + <div class="anki-note-error-log-container"><a class="anki-note-error-log-link">Log debug info to console</a></div> +</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> + +<!-- Popup menu --> +<template id="audio-button-popup-menu-template"><div class="popup-menu-container scan-disable audio-button-popup-menu" tabindex="-1" role="dialog"><div class="popup-menu popup-menu-auto-size"><div class="popup-menu-body"> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="jpod101"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">JapanesePod101</span></button> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="jpod101-alternate"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">JapanesePod101 (Alternate)</span></button> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="jisho"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">Jisho.org</span></button> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="text-to-speech"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">Text-to-speech</span></button> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="text-to-speech-reading"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">Text-to-speech (Kana reading)</span></button> + <button class="popup-menu-item" data-menu-action="playAudioFromSource" data-source="custom"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label">Custom</span></button> +</div></div></div></template> + +</body></html> |