From 1935948db839b7a6cf92ddcbbe202bb19a5ce0d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Tue, 18 Jun 2019 15:58:07 +0200
Subject: [PATCH] Visualize unavailable translation of current page

---
 .../Private/Assets/scss/_helpernav.scss         | 15 +++++++++++----
 .../Resources/Private/Partials/PageHeader.html  | 17 +++++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_helpernav.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_helpernav.scss
index 93e72e4b..2311580d 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_helpernav.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_helpernav.scss
@@ -27,17 +27,24 @@
     background-color: $color-brand-primary;
 }
 
-.helpernav__item:hover {
+.helpernav__item {
+
+  &:hover:not(.helpernav__item--disabled) {
 
     & > .helpernav__link {
-        background-color: $color-brand-primary;
+      background-color: $color-brand-primary;
     }
 
     & > .helpernav__subnav {
-        visibility: visible;
-        opacity: 1;
+      visibility: visible;
+      opacity: 1;
     }
 
+  }
+
+  &--disabled {
+    opacity: 0.5;
+  }
 }
 
 .helpernav__subitem {
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Partials/PageHeader.html b/public/typo3conf/ext/ep_events/Resources/Private/Partials/PageHeader.html
index aa666a49..195f5a0c 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Partials/PageHeader.html
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Partials/PageHeader.html
@@ -33,10 +33,19 @@
                             <f:for each="{langnav}" as="language">
                                 <f:if condition="{language.active}">
                                     <f:else>
-                                        <li class="helpernav__item">
-                                            <a href="{language.link}" class="helpernav__link" title="{language.data.title}">
-                                                {f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
-                                            </a>
+                                        <li class="helpernav__item{f:if(condition: '{language.available}', else: ' helpernav__item--disabled')}">
+                                            <f:if condition="{language.available}">
+                                                <f:then>
+                                                    <a href="{language.link}" class="helpernav__link" title="{language.data.title}">
+                                                        {f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
+                                                    </a>
+                                                </f:then>
+                                                <f:else>
+                                                    <span class="helpernav__link" title="{language.data.title}">
+                                                        {f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
+                                                    </span>
+                                                </f:else>
+                                            </f:if>
                                         </li>
                                     </f:else>
                                 </f:if>