From f0457da7b6fcf8d36effb750712f91d240d8652d Mon Sep 17 00:00:00 2001
From: Piero Toffanin <pt@masseranolabs.com>
Date: Thu, 5 Jan 2023 14:54:56 -0500
Subject: [PATCH] Avoid repetition in menu links

---
 libretranslate/static/css/main.css  |  4 ++++
 libretranslate/templates/index.html | 29 +++++++++++++----------------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/libretranslate/static/css/main.css b/libretranslate/static/css/main.css
index 7ee8554..e90c35b 100644
--- a/libretranslate/static/css/main.css
+++ b/libretranslate/static/css/main.css
@@ -11,6 +11,10 @@ a {
   text-decoration: underline;
 }
 
+a.noline{
+  text-decoration: none;
+}
+
 #app {
   min-height: 80vh;
 }
diff --git a/libretranslate/templates/index.html b/libretranslate/templates/index.html
index f64e280..24c42c1 100644
--- a/libretranslate/templates/index.html
+++ b/libretranslate/templates/index.html
@@ -63,25 +63,22 @@
 					<span>LibreTranslate</span>
 				</a>
 				<ul class="right hide-on-med-and-down">
-			  <li><a href="{{ swagger_url }}">{{ _h("API Docs") }}</a></li>
-				{% if get_api_key_link %}
-				<li><a href="{{ get_api_key_link }}">{{ _h("Get API Key") }}</a></li>
-				{% endif %}
-				<li><a href="https://github.com/LibreTranslate/LibreTranslate" rel="noopener noreferrer">{{ _h("GitHub") }}</a></li>
-				{% if api_keys %}
-				<li><a href="javascript:setApiKey()" title="Set API Key"><i class="material-icons">vpn_key</i></a></li>
-				{% endif %}
+					{% set menulinks %}
+					<li><a href="{{ swagger_url }}">{{ _h("API Docs") }}</a></li>
+					{% if get_api_key_link %}
+					<li><a href="{{ get_api_key_link }}">{{ _h("Get API Key") }}</a></li>
+					{% endif %}
+					<li><a href="https://github.com/LibreTranslate/LibreTranslate" rel="noopener noreferrer">{{ _h("GitHub") }}</a></li>
+					{% if api_keys %}
+					<li><a class="noline" href="javascript:setApiKey()" title="{{ _h('Set API Key') }}"><i class="material-icons">vpn_key</i></a></li>
+					{% endif %}
+					<li><a class="noline" href="#" title="{{ _h('Change language') }}"><i class="material-icons">language</i></a></li>
+					{% endset %}
+					{{ menulinks }}
 				</ul>
 
 				<ul id="nav-mobile" class="sidenav">
-				<li><a href="{{ swagger_url }}">{{ _h("API Docs") }}</a></li>
-				{% if get_api_key_link %}
-				<li><a href="{{ get_api_key_link }}">{{ _h("Get API Key") }}</a></li>
-				{% endif %}
-				<li><a href="https://github.com/LibreTranslate/LibreTranslate" rel="noopener noreferrer">{{ _h("GitHub") }}</a></li>
-				{% if api_keys %}
-				<li><a href="javascript:setApiKey()" title="{{ _h('Set API Key') }}"><i class="material-icons">vpn_key</i></a></li>
-				{% endif %}
+					{{ menulinks }}
 				</ul>
 			</div>
 		</nav>