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