| ... |
... |
@@ -855,157 +855,3 @@ |
| 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 |
|
- font-family: "Corporate S W01","HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",'TeXGyreHerosRegular',"Helvetica","Tahoma","Geneva","Arial",sans-serif !important; |
| 886 |
|
- } |
| 887 |
|
- |
| 888 |
|
- #dialogv8 h2, #dialogv8 label { |
| 889 |
|
- margin-top: 0; |
| 890 |
|
- font-size: 15px; |
| 891 |
|
- font-family: "Corporate S W01","HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",'TeXGyreHerosRegular',"Helvetica","Tahoma","Geneva","Arial",sans-serif !important; |
| 892 |
|
- } |
| 893 |
|
- |
| 894 |
|
- .dialogv8-buttons { |
| 895 |
|
- margin-top: 20px; |
| 896 |
|
- display: flex; |
| 897 |
|
- justify-content: space-around; |
| 898 |
|
- flex-wrap: wrap; |
| 899 |
|
- gap: 10px; |
| 900 |
|
- } |
| 901 |
|
- |
| 902 |
|
- .dialog-buttons button { |
| 903 |
|
- padding: 10px 20px; |
| 904 |
|
- font-size: 15px; |
| 905 |
|
- border: none; |
| 906 |
|
- border-radius: 15px; |
| 907 |
|
- cursor: pointer; |
| 908 |
|
- } |
| 909 |
|
- |
| 910 |
|
- .continue-button { |
| 911 |
|
- background-color: #617496; |
| 912 |
|
- color: white; |
| 913 |
|
- } |
| 914 |
|
- |
| 915 |
|
- .abort-button { |
| 916 |
|
- background-color: #efefef; |
| 917 |
|
- color: black; |
| 918 |
|
- } |
| 919 |
|
- |
| 920 |
|
- /* Responsive adjustments */ |
| 921 |
|
- @media (max-width: 480px) { |
| 922 |
|
- #dialogv8 { |
| 923 |
|
- width: 95%; |
| 924 |
|
- padding: 15px; |
| 925 |
|
- } |
| 926 |
|
- |
| 927 |
|
- .dialogv8-buttons { |
| 928 |
|
- flex-direction: column; |
| 929 |
|
- } |
| 930 |
|
- |
| 931 |
|
- .dialogv8-buttons button { |
| 932 |
|
- width: 100%; |
| 933 |
|
- } |
| 934 |
|
- } |
| 935 |
|
-</style> |
| 936 |
|
- |
| 937 |
|
-<div id="overlayv8" style="display: none;"> |
| 938 |
|
- <div id="dialogv8"> |
| 939 |
|
- <h2>Die aktuelle formcycle Version ist die Version 8. Möchten Sie zur Hilfe für diese Version weitergeleitet werden?</h2> |
| 940 |
|
- <div class="center"> |
| 941 |
|
- <input type="checkbox" id="dialogv8cb" name="dialogv8cb" value="true"> |
| 942 |
|
- <label for="dialogv8cb">Diese Entscheidung merken</label><br> |
| 943 |
|
- </div> |
| 944 |
|
- <div class="dialogv8-buttons"> |
| 945 |
|
- <button class="continue-button" id="continueBtn">Zur V8 Hilfe wechseln</button> |
| 946 |
|
- <button class="abort-button" id="abortBtn">In der V7 Hilfe bleiben</button> |
| 947 |
|
- </div> |
| 948 |
|
- </div> |
| 949 |
|
-</div> |
| 950 |
|
- |
| 951 |
|
-<script> |
| 952 |
|
-function setCookie(cname, cvalue, exdays) { |
| 953 |
|
- const d = new Date(); |
| 954 |
|
- d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); |
| 955 |
|
- let expires = "expires="+d.toUTCString(); |
| 956 |
|
- document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; |
| 957 |
|
-} |
| 958 |
|
- |
| 959 |
|
-function getCookie(cname) { |
| 960 |
|
- let name = cname + "="; |
| 961 |
|
- let ca = document.cookie.split(';'); |
| 962 |
|
- for(let i = 0; i < ca.length; i++) { |
| 963 |
|
- let c = ca[i]; |
| 964 |
|
- while (c.charAt(0) == ' ') { |
| 965 |
|
- c = c.substring(1); |
| 966 |
|
- } |
| 967 |
|
- if (c.indexOf(name) == 0) { |
| 968 |
|
- return c.substring(name.length, c.length); |
| 969 |
|
- } |
| 970 |
|
- } |
| 971 |
|
- return ""; |
| 972 |
|
-} |
| 973 |
|
- |
| 974 |
|
-function checkCookie() { |
| 975 |
|
- let user = getCookie("dialogv8"); |
| 976 |
|
- if (dialogv8 != "") { |
| 977 |
|
- console.log("Cookie found " + dialogv8); |
| 978 |
|
- return false; |
| 979 |
|
- } |
| 980 |
|
- return null; |
| 981 |
|
-} |
| 982 |
|
- |
| 983 |
|
- // Show the overlay dialog when the page loads |
| 984 |
|
- window.onload = function() { |
| 985 |
|
- let cookieValue = checkCookie(); |
| 986 |
|
- console.log("checkCookie",cookieValue); |
| 987 |
|
- if (0 && cookieValue != null) { |
| 988 |
|
- console.log("cookieValue",cookieValue); |
| 989 |
|
- } else { |
| 990 |
|
- document.getElementById("overlayv8").style.display = "flex"; |
| 991 |
|
- } |
| 992 |
|
- }; |
| 993 |
|
- |
| 994 |
|
- // Redirect on continue |
| 995 |
|
- document.getElementById("continueBtn").onclick = function() { |
| 996 |
|
- window.location.href = "https://help8.formcycle.eu/support/home"; |
| 997 |
|
- if ($('[INPUT name="dialogv8cb"]').val() == "true") { |
| 998 |
|
- setCookie("dialogv8", "true", 90); |
| 999 |
|
- } |
| 1000 |
|
- }; |
| 1001 |
|
- |
| 1002 |
|
- // Close overlay on abort |
| 1003 |
|
- document.getElementById("abortBtn").onclick = function() { |
| 1004 |
|
- document.getElementById("overlayv8").style.display = "none"; |
| 1005 |
|
- if ($('[INPUT name="dialogv8cb"]').val() == "true") { |
| 1006 |
|
- setCookie("dialogv8", "false", 90); |
| 1007 |
|
- } |
| 1008 |
|
- }; |
| 1009 |
|
-</script> |
| 1010 |
|
-{{/html}} |
| 1011 |
|
-{{/velocity}} |
