Refactor row/table/view/query/database/homepage action menus to use same HTML

[simonw]

Lots of duplication at the moment. They should share an include instead, for this bit:

datasette/datasette/templates/table.html

Lines 27 to 56 in 8d456aa

	{% set links = actions() %}{% if links %}
	<div class="page-action-menu">
	<details class="actions-menu-links details-menu">
	<summary>
	<div class="icon-text">
	<svg class="icon" aria-labelledby="actions-menu-links-title" role="img" style="color: #fff" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
	<title id="actions-menu-links-title">{% if is_view %}View{% else %}Table{% endif %} actions</title>
	<circle cx="12" cy="12" r="3"></circle>
	<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
	</svg>
	<span>{% if is_view %}View{% else %}Table{% endif %} actions</span>
	</div>
	</summary>
	<div class="dropdown-menu">
	<div class="hook"></div>
	{% if links %}
	<ul>
	{% for link in links %}
	<li><a href="{{ link.href }}">{{ link.label }}
	{% if link.description %}
	<p class="dropdown-description">{{ link.description }}</p>
	{% endif %}</a>
	</li>
	{% endfor %}
	</ul>
	{% endif %}
	</div>
	</details>
	</div>
	{% endif %}

That's the most complex example because it deals with is_view - the others are simpler.

[simonw]

Deployed. Sign in as root at https://latest.datasette.io/login-as-root and visit:

• https://latest.datasette.io/ (homepage)
• https://latest.datasette.io/fixtures (database)
• https://latest.datasette.io/fixtures?sql=select+1 (query)
• https://latest.datasette.io/fixtures/from_async_hook (canned query)
• https://latest.datasette.io/fixtures/facetable (table)
• https://latest.datasette.io/fixtures/facetable/1 (row)
• https://latest.datasette.io/fixtures/simple_view (SQL view)