A tiny bit of UI shiny: fade-in download link

This helps call attention to it after re-generating the model
with different parameters, letting you know that something changed.

diff --git a/nt3d.js b/nt3d.js
index 878ee43b34d9b66f32ddc13b14b682f6255498a9..f22d6763b6024a82e96e2a8c836ab47269c826da 100644 (file)
--- a/nt3d.js
+++ b/nt3d.js
@@ -77,9 +77,11 @@ nt3d = {
                var download_link = document.createElement("a");
                download_link.appendChild(document.createTextNode("Download!"));
                download_link.setAttribute("id", "nt3d_download");
                var download_link = document.createElement("a");
                download_link.appendChild(document.createTextNode("Download!"));
                download_link.setAttribute("id", "nt3d_download");

+               download_link.setAttribute("style", "background-color: blue");

                download_link.setAttribute("download", this.user_function.name + ".stl");
                download_link.setAttribute("href", "data:application/sla," + encodeURIComponent(this.stl));
                this.ui.appendChild(download_link);
                download_link.setAttribute("download", this.user_function.name + ".stl");
                download_link.setAttribute("href", "data:application/sla," + encodeURIComponent(this.stl));
                this.ui.appendChild(download_link);

+               setTimeout(function() { download_link.setAttribute("style", "-webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s; background-color: inherit"); }, 0);

        },
        framework: function (f, params) {
                this.user_function = f;
        },
        framework: function (f, params) {
                this.user_function = f;