diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-05-26 20:40:53 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-05-26 20:40:53 -0400 |
| commit | 8ed712512b43c3a546369bfdd247a7c1bb347c4f (patch) | |
| tree | 9a92cb60c45956ce9d5e3eaf89319661ad74d43d /ext/settings.html | |
| parent | 0232325f960b1fbe41e03f74a46fb18a7abf33f7 (diff) | |
Add some help popups for custom audio sources (#1712)
Diffstat (limited to 'ext/settings.html')
| -rw-r--r-- | ext/settings.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/ext/settings.html b/ext/settings.html index f9a2b04a..9f1e688c 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -2466,6 +2466,45 @@ </div> </div></div> +<div id="audio-source-help-custom-modal" class="modal" tabindex="-1" role="dialog" hidden><div class="modal-content modal-content-small"> + <div class="modal-header"> + <div class="modal-title">Audio Source - Custom URL</div> + </div> + <div class="modal-body"> + <p> + A custom URL can be used to play audio from any URL. + The replacement tags <code data-select-on-click="">{term}</code> and <code data-select-on-click="">{reading}</code> + can be used to specify which term and reading is being looked up.<br> + </p> + <p> + Example:<br> + <a data-select-on-click="">http://localhost/audio.mp3?term={term}&reading={reading}</a> + </p> + </div> + <div class="modal-footer"> + <button data-modal-action="hide">Close</button> + </div> +</div></div> + +<div id="audio-source-help-custom-json-modal" class="modal" tabindex="-1" role="dialog" hidden><div class="modal-content modal-content-small"> + <div class="modal-header"> + <div class="modal-title">Audio Source - Custom URL (JSON)</div> + </div> + <div class="modal-body"> + <p> + A custom URL to a JSON file which lists one or more audio URLs for a given term. + The format of the JSON file is described in <a href="/data/schemas/custom-audio-list-schema.json" target="_blank" rel="noopener noreferrer">this schema file</a>. + </p> + <p> + Example:<br> + <a data-select-on-click="">http://localhost/audio.json?term={term}&reading={reading}</a> + </p> + </div> + <div class="modal-footer"> + <button data-modal-action="hide">Close</button> + </div> +</div></div> + <!-- Audio templates --> <template id="audio-source-template"><div class="audio-source horizontal-flex"> @@ -2483,6 +2522,7 @@ </div></template> <template id="audio-source-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> + <button class="popup-menu-item" data-menu-action="help">Help</button> <button class="popup-menu-item" data-menu-action="remove">Remove</button> </div></div></div></template> |