| ... | 
        ... | 
                @@ -855,3 +855,153 @@ | 
      
              
                    | 855 | 
          855 | 
           --> | 
        
              
                    | 856 | 
          856 | 
           {{/html}} | 
        
              
                    | 857 | 
          857 | 
           {{/velocity}} | 
        
              
                     | 
          858 | 
          + | 
        
              
                     | 
          859 | 
          +{{velocity}} | 
        
              
                     | 
          860 | 
          +{{html wiki="false" clean="false"}} | 
        
              
                     | 
          861 | 
          +<style> | 
        
              
                     | 
          862 | 
          +    /* Overlay background */ | 
        
              
                     | 
          863 | 
          +    #overlayv8 { | 
        
              
                     | 
          864 | 
          +      position: fixed; | 
        
              
                     | 
          865 | 
          +      top: 0; | 
        
              
                     | 
          866 | 
          +      left: 0; | 
        
              
                     | 
          867 | 
          +      width: 100%; | 
        
              
                     | 
          868 | 
          +      height: 100%; | 
        
              
                     | 
          869 | 
          +      background-color: rgba(0, 0, 0, 0.5); /* 50% transparent black */ | 
        
              
                     | 
          870 | 
          +      display: flex; | 
        
              
                     | 
          871 | 
          +      justify-content: center; | 
        
              
                     | 
          872 | 
          +      align-items: center; | 
        
              
                     | 
          873 | 
          +      z-index: 1000; | 
        
              
                     | 
          874 | 
          +    } | 
        
              
                     | 
          875 | 
          + | 
        
              
                     | 
          876 | 
          +    /* Dialog box */ | 
        
              
                     | 
          877 | 
          +    #dialogv8 { | 
        
              
                     | 
          878 | 
          +      background-color: white; | 
        
              
                     | 
          879 | 
          +      padding: 20px; | 
        
              
                     | 
          880 | 
          +      border-radius: 25px; | 
        
              
                     | 
          881 | 
          +      max-width: 90%; | 
        
              
                     | 
          882 | 
          +      width: 400px; | 
        
              
                     | 
          883 | 
          +      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); | 
        
              
                     | 
          884 | 
          +      text-align: center; | 
        
              
                     | 
          885 | 
          +    } | 
        
              
                     | 
          886 | 
          + | 
        
              
                     | 
          887 | 
          +    #dialogv8 h2 { | 
        
              
                     | 
          888 | 
          +      margin-top: 0; | 
        
              
                     | 
          889 | 
          +      font-size: 1.2rem; | 
        
              
                     | 
          890 | 
          +    } | 
        
              
                     | 
          891 | 
          + | 
        
              
                     | 
          892 | 
          +    .dialogv8-buttons { | 
        
              
                     | 
          893 | 
          +      margin-top: 20px; | 
        
              
                     | 
          894 | 
          +      display: flex; | 
        
              
                     | 
          895 | 
          +      justify-content: space-around; | 
        
              
                     | 
          896 | 
          +      flex-wrap: wrap; | 
        
              
                     | 
          897 | 
          +      gap: 10px; | 
        
              
                     | 
          898 | 
          +    } | 
        
              
                     | 
          899 | 
          + | 
        
              
                     | 
          900 | 
          +    .dialog-buttons button { | 
        
              
                     | 
          901 | 
          +      padding: 10px 20px; | 
        
              
                     | 
          902 | 
          +      font-size: 1rem; | 
        
              
                     | 
          903 | 
          +      border: none; | 
        
              
                     | 
          904 | 
          +      border-radius: 5px; | 
        
              
                     | 
          905 | 
          +      cursor: pointer; | 
        
              
                     | 
          906 | 
          +    } | 
        
              
                     | 
          907 | 
          + | 
        
              
                     | 
          908 | 
          +    .continue-button { | 
        
              
                     | 
          909 | 
          +      background-color: #617496; | 
        
              
                     | 
          910 | 
          +      color: white; | 
        
              
                     | 
          911 | 
          +    } | 
        
              
                     | 
          912 | 
          + | 
        
              
                     | 
          913 | 
          +    .abort-button { | 
        
              
                     | 
          914 | 
          +      background-color: #efefef; | 
        
              
                     | 
          915 | 
          +      color: black; | 
        
              
                     | 
          916 | 
          +    } | 
        
              
                     | 
          917 | 
          + | 
        
              
                     | 
          918 | 
          +    /* Responsive adjustments */ | 
        
              
                     | 
          919 | 
          +    @media (max-width: 480px) { | 
        
              
                     | 
          920 | 
          +      #dialogv8 { | 
        
              
                     | 
          921 | 
          +        width: 95%; | 
        
              
                     | 
          922 | 
          +        padding: 15px; | 
        
              
                     | 
          923 | 
          +      } | 
        
              
                     | 
          924 | 
          + | 
        
              
                     | 
          925 | 
          +      .dialogv8-buttons { | 
        
              
                     | 
          926 | 
          +        flex-direction: column; | 
        
              
                     | 
          927 | 
          +      } | 
        
              
                     | 
          928 | 
          + | 
        
              
                     | 
          929 | 
          +      .dialogv8-buttons button { | 
        
              
                     | 
          930 | 
          +        width: 100%; | 
        
              
                     | 
          931 | 
          +      } | 
        
              
                     | 
          932 | 
          +    } | 
        
              
                     | 
          933 | 
          +</style> | 
        
              
                     | 
          934 | 
          + | 
        
              
                     | 
          935 | 
          +<div id="overlayv8" style="display: none;"> | 
        
              
                     | 
          936 | 
          +  <div id="dialogv8"> | 
        
              
                     | 
          937 | 
          +    <h2>Die aktuelle formcycle Version ist die Version 8. Möchten Sie zur Hilfe für diese Version weitergeleitet werden?</h2> | 
        
              
                     | 
          938 | 
          +    <input type="checkbox" id="dialogv8cb" name="dialogv8cb" value="true"> | 
        
              
                     | 
          939 | 
          +    <label for="dialogv8cb">Diese Entscheidung merken</label><br> | 
        
              
                     | 
          940 | 
          +    <div class="dialogv8-buttons"> | 
        
              
                     | 
          941 | 
          +      <button class="continue-button" id="continueBtn">Zur V8 Hilfe wechseln</button> | 
        
              
                     | 
          942 | 
          +      <button class="abort-button" id="abortBtn">In der V7 Hilfe bleiben</button> | 
        
              
                     | 
          943 | 
          +    </div> | 
        
              
                     | 
          944 | 
          +  </div> | 
        
              
                     | 
          945 | 
          +</div> | 
        
              
                     | 
          946 | 
          + | 
        
              
                     | 
          947 | 
          +<script> | 
        
              
                     | 
          948 | 
          +function setCookie(cname, cvalue, exdays) { | 
        
              
                     | 
          949 | 
          +  const d = new Date(); | 
        
              
                     | 
          950 | 
          +  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); | 
        
              
                     | 
          951 | 
          +  let expires = "expires="+d.toUTCString(); | 
        
              
                     | 
          952 | 
          +  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; | 
        
              
                     | 
          953 | 
          +} | 
        
              
                     | 
          954 | 
          + | 
        
              
                     | 
          955 | 
          +function getCookie(cname) { | 
        
              
                     | 
          956 | 
          +  let name = cname + "="; | 
        
              
                     | 
          957 | 
          +  let ca = document.cookie.split(';'); | 
        
              
                     | 
          958 | 
          +  for(let i = 0; i < ca.length; i++) { | 
        
              
                     | 
          959 | 
          +    let c = ca[i]; | 
        
              
                     | 
          960 | 
          +    while (c.charAt(0) == ' ') { | 
        
              
                     | 
          961 | 
          +      c = c.substring(1); | 
        
              
                     | 
          962 | 
          +    } | 
        
              
                     | 
          963 | 
          +    if (c.indexOf(name) == 0) { | 
        
              
                     | 
          964 | 
          +      return c.substring(name.length, c.length); | 
        
              
                     | 
          965 | 
          +    } | 
        
              
                     | 
          966 | 
          +  } | 
        
              
                     | 
          967 | 
          +  return ""; | 
        
              
                     | 
          968 | 
          +} | 
        
              
                     | 
          969 | 
          + | 
        
              
                     | 
          970 | 
          +function checkCookie() { | 
        
              
                     | 
          971 | 
          +  let user = getCookie("dialogv8"); | 
        
              
                     | 
          972 | 
          +  if (dialogv8 != "") { | 
        
              
                     | 
          973 | 
          +    console.log("Cookie found " + dialogv8); | 
        
              
                     | 
          974 | 
          +    return false; | 
        
              
                     | 
          975 | 
          +  } | 
        
              
                     | 
          976 | 
          +  return null; | 
        
              
                     | 
          977 | 
          +} | 
        
              
                     | 
          978 | 
          + | 
        
              
                     | 
          979 | 
          +  // Show the overlay dialog when the page loads | 
        
              
                     | 
          980 | 
          +  window.onload = function() { | 
        
              
                     | 
          981 | 
          +    let cookieValue = checkCookie(); | 
        
              
                     | 
          982 | 
          +    console.log("checkCookie",cookieValue); | 
        
              
                     | 
          983 | 
          +    if (0 && cookieValue != null) { | 
        
              
                     | 
          984 | 
          +      console.log("cookieValue",cookieValue); | 
        
              
                     | 
          985 | 
          +    } else { | 
        
              
                     | 
          986 | 
          +      document.getElementById("overlayv8").style.display = "flex"; | 
        
              
                     | 
          987 | 
          +    } | 
        
              
                     | 
          988 | 
          +  }; | 
        
              
                     | 
          989 | 
          + | 
        
              
                     | 
          990 | 
          +  // Redirect on continue | 
        
              
                     | 
          991 | 
          +  document.getElementById("continueBtn").onclick = function() { | 
        
              
                     | 
          992 | 
          +    window.location.href = "https://help8.formcycle.eu/support/home"; | 
        
              
                     | 
          993 | 
          +    if ($('[INPUT name="dialogv8cb"]').val() == "true") { | 
        
              
                     | 
          994 | 
          +      setCookie("dialogv8", "true", 90); | 
        
              
                     | 
          995 | 
          +    } | 
        
              
                     | 
          996 | 
          +  }; | 
        
              
                     | 
          997 | 
          + | 
        
              
                     | 
          998 | 
          +  // Close overlay on abort | 
        
              
                     | 
          999 | 
          +  document.getElementById("abortBtn").onclick = function() { | 
        
              
                     | 
          1000 | 
          +    document.getElementById("overlayv8").style.display = "none"; | 
        
              
                     | 
          1001 | 
          +    if ($('[INPUT name="dialogv8cb"]').val() == "true") { | 
        
              
                     | 
          1002 | 
          +      setCookie("dialogv8", "false", 90); | 
        
              
                     | 
          1003 | 
          +    } | 
        
              
                     | 
          1004 | 
          +  }; | 
        
              
                     | 
          1005 | 
          +</script> | 
        
              
                     | 
          1006 | 
          +{{/html}} | 
        
              
                     | 
          1007 | 
          +{{/velocity}} |