|
1 |
| -{% if READTHEDOCS %} |
2 |
| -{# Add rst-badge after rst-versions for small badge style. #} |
3 |
| - <div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="{{ _('Versions') }}"> |
| 1 | +<script language="javascript" src="http://localhost:8000/readthedocs-addons.js"></script> |
| 2 | +<script language="javascript"> |
| 3 | + document.addEventListener("readthedocsdataready", function(event) { |
| 4 | + const config = event.detail; |
| 5 | + |
| 6 | + const flyout = ` |
| 7 | + <div class="rst-versions" data-toggle="rst-versions" role="note"> |
4 | 8 | <span class="rst-current-version" data-toggle="rst-current-version">
|
5 | 9 | <span class="fa fa-book"> Read the Docs</span>
|
6 |
| - v: {{ current_version }} |
| 10 | + v: ${ config.versions.current.slug } |
7 | 11 | <span class="fa fa-caret-down"></span>
|
8 | 12 | </span>
|
9 | 13 | <div class="rst-other-versions">
|
10 | 14 | <dl>
|
11 |
| - <dt>{{ _('Versions') }}</dt> |
12 |
| - {% for slug, url in versions %} |
13 |
| - <dd><a href="{{ url }}">{{ slug }}</a></dd> |
14 |
| - {% endfor %} |
| 15 | + <dt>Languages</dt> |
| 16 | + ${ config.addons.flyout.translations.map( |
| 17 | + (language) => `<dd><a href="${ language.url }">${ language.slug }</a></dd>`)} |
15 | 18 | </dl>
|
16 | 19 | <dl>
|
17 |
| - <dt>{{ _('Downloads') }}</dt> |
18 |
| - {% for type, url in downloads %} |
19 |
| - <dd><a href="{{ url }}">{{ type }}</a></dd> |
20 |
| - {% endfor %} |
| 20 | + <dt>Versions</dt> |
| 21 | + ${ config.addons.flyout.versions.map( |
| 22 | + (version) => `<dd><a href="${ version.url }">${ version.slug }</a></dd>`)} |
21 | 23 | </dl>
|
22 | 24 | <dl>
|
23 |
| - {# Translators: The phrase "Read the Docs" is not translated #} |
24 |
| - <dt>{{ _('On Read the Docs') }}</dt> |
| 25 | + <dt>Downloads</dt> |
| 26 | + ${ config.addons.flyout.downloads.map( |
| 27 | + (download) => `<dd><a href="${ download.url }">${ download.name }</a></dd>`)} |
| 28 | + </dl> |
| 29 | + <dl> |
| 30 | + <dt>On Read the Docs</dt> |
25 | 31 | <dd>
|
26 |
| - <a href="//{{ PRODUCTION_DOMAIN }}/projects/{{ slug }}/?fromdocs={{ slug }}">{{ _('Project Home') }}</a> |
| 32 | + <a href="//${ config.domains.dashboard }/projects/${ config.projects.current.slug }/">Project Home</a> |
27 | 33 | </dd>
|
28 | 34 | <dd>
|
29 |
| - <a href="//{{ PRODUCTION_DOMAIN }}/builds/{{ slug }}/?fromdocs={{ slug }}">{{ _('Builds') }}</a> |
| 35 | + <a href="//${ config.domains.dashboard }/projects/${ config.projects.current.slug }/builds/">Builds</a> |
30 | 36 | </dd>
|
31 | 37 | </dl>
|
32 | 38 | </div>
|
33 | 39 | </div>
|
34 |
| -{% endif %} |
| 40 | + `; |
| 41 | + |
| 42 | + document.body.insertAdjacentHTML("beforeend", flyout); |
| 43 | + |
| 44 | + {# TODO: disable the flyout auto-injected by `readthedocs-addons.js` somehow #} |
| 45 | + document.querySelector("readthedocs-flyout").remove(); |
| 46 | + }); |
| 47 | +</script> |
0 commit comments