Added example.

OnlineEditorsExample/OnlineEditorsExampleRuby/app/assets/javascripts/jscript.js

@@ -0,0 +1,179 @@
+/*
+    Copyright (c) Ascensio System SIA 2014. All rights reserved.
+    http://www.onlyoffice.com
+*/
+if (typeof jQuery != "undefined") {
+    jq = jQuery.noConflict();
+
+    jq(function () {
+        jq('#fileupload').fileupload({
+            dataType: 'json',
+            add: function (e, data) {
+                jq(".error").removeClass("error");
+                jq(".done").removeClass("done");
+                jq(".current").removeClass("current");
+                jq("#step1").addClass("current");
+                jq("#mainProgress .error-message").hide().find("span").text("");
+                jq("#mainProgress").removeClass("embedded");
+
+                jq.blockUI({
+                    theme: true,
+                    title: "Getting ready to load the file" + "<div class=\"dialog-close\"></div>",
+                    message: jq("#mainProgress"),
+                    overlayCSS: { "background-color": "#aaa" },
+                    themedCSS: { width: "656px", top: "20%", left: "50%", marginLeft: "-328px" }
+                });
+                jq("#beginEdit, #beginView, #beginEmbedded").addClass("disable");
+
+                data.submit();
+            },
+            always: function (e, data) {
+                if (!jq("#mainProgress").is(":visible")) {
+                    return;
+                }
+                var response = data.result;
+                if (response.error) {
+                    jq(".current").removeClass("current");
+                    jq(".step:not(.done)").addClass("error");
+                    jq("#mainProgress .error-message").show().find("span").text(response.error);
+                    jq('#hiddenFileName').val("");
+                    return;
+                }
+
+                jq("#hiddenFileName").val(response.filename);
+
+                jq("#step1").addClass("done").removeClass("current");
+                jq("#step2").addClass("current");
+
+                checkConvert();
+            }
+        });
+    });
+    
+    var timer = null;
+    var checkConvert = function () {
+        if (timer != null) {
+            clearTimeout(timer);
+        }
+
+        if (!jq("#mainProgress").is(":visible")) {
+            return;
+        }
+
+        var fileName = jq("#hiddenFileName").val();
+        var posExt = fileName.lastIndexOf('.');
+        posExt = 0 <= posExt ? fileName.substring(posExt).trim().toLowerCase() : '';
+
+        if (ConvertExtList.indexOf(posExt) == -1) {
+            loadScripts();
+            return;
+        }
+
+        if (jq("#checkOriginalFormat").is(":checked")) {
+            loadScripts();
+            return;
+        }
+
+        timer = setTimeout(function () {
+            var requestAddress = UrlConverter
+                + "?filename=" + encodeURIComponent(jq("#hiddenFileName").val());
+
+            jq.ajax({
+                async: true,
+                contentType: "text/xml",
+                type: "get",
+                url: requestAddress,
+                complete: function (data) {
+                    var responseText = data.responseText;
+                    var response = jq.parseJSON(responseText);
+                    if (response.error) {
+                        jq(".current").removeClass("current");
+                        jq(".step:not(.done)").addClass("error");
+                        jq("#mainProgress .error-message").show().find("span").text(response.error);
+                        jq('#hiddenFileName').val("");
+                        return;
+                    }
+
+                    jq("#hiddenFileName").val(response.filename);
+
+                    if (response.step && response.step < 100) {
+                        checkConvert();
+                    } else {
+                        loadScripts();
+                    }
+                }
+            });
+        }, 1000);
+    };
+
+    var loadScripts = function () {
+        if (!jq("#mainProgress").is(":visible")) {
+            return;
+        }
+        jq("#step2").addClass("done").removeClass("current");
+        jq("#step3").addClass("current");
+
+        if (jq("#loadScripts").is(":empty")) {
+            var urlScripts = jq("#loadScripts").attr("data-docs");
+            var frame = '<iframe id="iframeScripts" width=1 height=1 style="position: absolute; visibility: hidden;" ></iframe>';
+            jq("#loadScripts").html(frame);
+            document.getElementById("iframeScripts").onload = onloadScripts;
+            jq("#loadScripts iframe").attr("src", urlScripts);
+        } else {
+            onloadScripts();
+        }
+    };
+
+    var onloadScripts = function () {
+        if (!jq("#mainProgress").is(":visible")) {
+            return;
+        }
+        jq("#step3").addClass("done").removeClass("current");
+        jq("#beginView, #beginEmbedded").removeClass("disable");
+
+        var fileName = jq("#hiddenFileName").val();
+        var posExt = fileName.lastIndexOf('.');
+        posExt = 0 <= posExt ? fileName.substring(posExt).trim().toLowerCase() : '';
+
+        if (EditedExtList.indexOf(posExt) != -1) {
+            jq("#beginEdit").removeClass("disable");
+        }
+    };
+
+    jq(document).on("click", "#beginEdit:not(.disable)", function () {
+        var fileId = encodeURIComponent(jq('#hiddenFileName').val());
+        var url = UrlEditor + "?fileName=" + fileId;
+        window.open(url, "_blank");
+        jq('#hiddenFileName').val("");
+        jq.unblockUI();
+    });
+
+    jq(document).on("click", "#beginView:not(.disable)", function () {
+        var fileId = encodeURIComponent(jq('#hiddenFileName').val());
+        var url = UrlEditor + "?mode=view&fileName=" + fileId;
+        window.open(url, "_blank");
+        jq('#hiddenFileName').val("");
+        jq.unblockUI();
+    });
+
+    jq(document).on("click", "#beginEmbedded:not(.disable)", function () {
+        var fileId = encodeURIComponent(jq('#hiddenFileName').val());
+        var url = UrlEditor + "?mode=embedded&fileName=" + fileId;
+
+        jq("#mainProgress").addClass("embedded");
+        jq("#beginEmbedded").addClass("disable");
+
+        jq("#embeddedView").attr("src", url);
+    });
+
+    jq(document).on("click", "#cancelEdit, .dialog-close", function () {
+        jq('#hiddenFileName').val("");
+        jq("#embeddedView").attr("src", "");
+        jq.unblockUI();
+    });
+
+    jq.dropdownToggle({
+        switcherSelector: ".question",
+        dropdownID: "hint"
+    });
+}