Add labels for select menus
This commit is contained in:
parent
9c6305f070
commit
9218a98a2e
|
@ -24,6 +24,8 @@ export default function LanguageSelector({
|
||||||
languages: HTMLSelectElement;
|
languages: HTMLSelectElement;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
|
<label>
|
||||||
|
{"Language: "}
|
||||||
<select
|
<select
|
||||||
id="language"
|
id="language"
|
||||||
name="language"
|
name="language"
|
||||||
|
@ -39,5 +41,6 @@ export default function LanguageSelector({
|
||||||
)}
|
)}
|
||||||
</For>
|
</For>
|
||||||
</select>
|
</select>
|
||||||
|
</label>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -92,6 +92,8 @@ export default function WrapperBar({
|
||||||
{data().implementations.length > 1 && (
|
{data().implementations.length > 1 && (
|
||||||
<>
|
<>
|
||||||
{" "}
|
{" "}
|
||||||
|
<label>
|
||||||
|
{"Implementation: "}
|
||||||
<select
|
<select
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setCurrentImplementationIndex(+e.currentTarget.value)
|
setCurrentImplementationIndex(+e.currentTarget.value)
|
||||||
|
@ -103,6 +105,7 @@ export default function WrapperBar({
|
||||||
)}
|
)}
|
||||||
</For>
|
</For>
|
||||||
</select>
|
</select>
|
||||||
|
</label>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{data().implementations.length && (
|
{data().implementations.length && (
|
||||||
|
|
|
@ -4,13 +4,13 @@
|
||||||
<form method="post" action="/">
|
<form method="post" action="/">
|
||||||
{% block paste_header %}{% endblock %}
|
{% block paste_header %}{% endblock %}
|
||||||
<div id="toolbar">
|
<div id="toolbar">
|
||||||
<select id=language name=language>
|
<label>Language: <select id=language name=language>
|
||||||
{% block languages %}
|
{% block languages %}
|
||||||
{% for language in languages %}
|
{% for language in languages %}
|
||||||
<option value="{{ language.identifier }}">{{ language.name }}</option>
|
<option value="{{ language.identifier }}">{{ language.name }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endblock languages %}
|
{% endblock languages %}
|
||||||
</select>
|
</select></label>
|
||||||
<span id="wrapper-buttons"></span>
|
<span id="wrapper-buttons"></span>
|
||||||
{% block rawpaste %}{% endblock %}
|
{% block rawpaste %}{% endblock %}
|
||||||
<span id="right-buttons">
|
<span id="right-buttons">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user