Add a warning popup for Macos (f3d-app#1486)

Author: spevnev

_sass/custom/custom.scss

@@ -50,3 +50,20 @@ div.install-buttons {
 img.cm {
     min-height: 10px;
 }
+
+div.popup-container {
+    position: fixed;
+    top: 25%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 500px;
+    max-width: 75vw;
+    padding: 1em 1.5em;
+    box-shadow: 3px 2px 4px 2px rgba(0, 0, 0, 0.4);
+    border-radius: .5em;
+    
+    .btn {
+        display: block;
+        margin-left: auto;
+    }
+}

assets/main.js

@@ -5,6 +5,25 @@ function onload(event) {
 }
 
 function enhance_install_page() {
+  function open_mac_warning_popup() {
+    const popup = document.createElement("div");
+    popup.classList = "popup-container bg-grey-dk-200";
+    popup.innerHTML = `
+        <h2>Warning</h2>
+        <p>MacOS package is not signed, if macOS complains that <b>the file is invalid, damaged or corrupted</b>, see the <a href="/doc/user/LIMITATIONS_AND_TROUBLESHOOTING.html#macos">troubleshooting section</a> for a workaround.</p>
+    `;
+
+    const button = document.createElement("button");
+    button.classList = "btn btn-primary";
+    button.innerHTML = "Ok";
+    button.addEventListener("click", function () {
+        popup.remove();
+    });
+    popup.append(button);
+
+    document.body.append(popup);
+  }
+
   function retrieve_downloads(target_platform_re) {
     var downloads = [];
     for (const table of document.querySelectorAll("table")) {
@@ -17,8 +36,12 @@ function enhance_install_page() {
               const link = table_cols[1].querySelector("a");
               if (link) {
                 const platform = table_cols[0].innerText;
+
                 if (target_platform_re.test(platform))
                   downloads.push([platform, link.innerText, link.href]);
+
+                if (/MacOS/i.test(platform))
+                  link.addEventListener("click", open_mac_warning_popup);
               }
             }
           }
@@ -56,6 +79,7 @@ function enhance_install_page() {
     link.setAttribute("href", url);
     link.setAttribute("class", i++ ? "btn" : "btn btn-primary");
     link.innerHTML = `<div>Get <b>F3D</b> for ${bolded_platform}</div><small>${filename}</small>`;
+    if (current_os === "MacOS") link.addEventListener("click", open_mac_warning_popup);
     div.append(link);
   }
   const note = document.createElement("div");

doc/user/INSTALLATION.md

@@ -11,7 +11,7 @@
 | Linux (Debian package) | [F3D-2.4.0-Linux.deb](https://github.com/f3d-app/f3d/releases/download/v2.4.0/F3D-2.4.0-Linux-x86_64-raytracing.deb) |
 | Linux (portable) | [F3D-2.4.0-Linux.tar.xz](https://github.com/f3d-app/f3d/releases/download/v2.4.0/F3D-2.4.0-Linux-x86_64-raytracing.tar.xz) |
 
-Note: MacOS package is not signed, see the [troubleshooting](LIMITATIONS_AND_TROUBLESHOOTING.md) section for a workaround if needed.
+Note: MacOS package is not signed, see the [troubleshooting](LIMITATIONS_AND_TROUBLESHOOTING.md#macos) section for a workaround if needed.
 
 ## Alternatives