mirror of
https://github.com/ONLYOFFICE/document-server-integration.git
synced 2026-04-07 14:06:11 +08:00
7884f3c64c
# Conflicts: # web/documentserver-example/nodejs/views/index.ejs # web/documentserver-example/python/templates/index.html
302 lines
10 KiB
JavaScript
302 lines
10 KiB
JavaScript
/**
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2021
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
*/
|
|
|
|
var language;
|
|
var userid;
|
|
var username;
|
|
|
|
if (typeof jQuery != "undefined") {
|
|
jq = jQuery.noConflict();
|
|
|
|
username = getUrlVars()["name"];
|
|
userid = getUrlVars()["userid"];
|
|
language = getUrlVars()["lang"];
|
|
|
|
mustReload = false;
|
|
|
|
if ("" != language && undefined != language)
|
|
jq("#language").val(language);
|
|
else
|
|
language = jq("#language").val();
|
|
|
|
|
|
jq("#language").change(function() {
|
|
var username = jq('#user option:selected').text();
|
|
window.location = "?lang=" + jq(this).val() + "&userid=" + userid + "&name=" + username;
|
|
});
|
|
|
|
|
|
if ("" != userid && undefined != userid)
|
|
jq("#user").val(userid);
|
|
else
|
|
userid = jq("#user").val();
|
|
|
|
if ("" != username && undefined != username) {
|
|
username = getUrlVars()["name"];
|
|
}
|
|
else {
|
|
username = jq('#user option:selected').text();
|
|
}
|
|
|
|
jq("#user").change(function() {
|
|
var username = jq('#user option:selected').text();
|
|
window.location = "?lang=" + language + "&userid=" + jq(this).val() + "&name=" + username;
|
|
});
|
|
|
|
jq(function () {
|
|
jq('#fileupload').fileupload({
|
|
dataType: 'json',
|
|
add: function (e, data) {
|
|
if (jq("#mainProgress").is(":visible")) {
|
|
return;
|
|
}
|
|
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("#uploadFileName").text("");
|
|
|
|
jq.blockUI({
|
|
theme: true,
|
|
title: "File upload" + "<div class=\"dialog-close\"></div>",
|
|
message: jq("#mainProgress"),
|
|
overlayCSS: { "background-color": "#aaa" },
|
|
themedCSS: { width: "539px", top: "20%", left: "50%", marginLeft: "-269px" }
|
|
});
|
|
jq("#beginEdit, #beginView, #beginEmbedded").addClass("disable");
|
|
|
|
data.submit();
|
|
},
|
|
always: function (e, data) {
|
|
if (!jq("#mainProgress").is(":visible")) {
|
|
return;
|
|
}
|
|
var response = data.result;
|
|
if (!response || response.error) {
|
|
jq(".current").removeClass("current");
|
|
jq(".step:not(.done)").addClass("error");
|
|
jq("#mainProgress .error-message").show().find("span").text(response ? response.error : "Undefined error");
|
|
jq('#hiddenFileName').val("");
|
|
return;
|
|
}
|
|
|
|
jq("#hiddenFileName").val(response.filename);
|
|
jq("#uploadFileName").text(response.filename);
|
|
jq("#uploadFileName").addClass(response.documentType);
|
|
|
|
mustReload = true;
|
|
|
|
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 (ConverExtList.indexOf(posExt) == -1) {
|
|
loadScripts();
|
|
return;
|
|
}
|
|
|
|
timer = setTimeout(function () {
|
|
var requestAddress = UrlConverter + "?filename=" + encodeURIComponent(jq("#hiddenFileName").val());
|
|
jq.ajaxSetup({ cache: false });
|
|
jq.ajax({
|
|
async: true,
|
|
type: "get",
|
|
url: requestAddress,
|
|
complete: function (data) {
|
|
var responseText = data.responseText;
|
|
try {
|
|
var response = jq.parseJSON(responseText);
|
|
} catch (e) {
|
|
response = { error: e };
|
|
}
|
|
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 (typeof response.step != "undefined" && 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 + "&lang=" + language + "&userid=" + userid + "&name=" + username;
|
|
window.open(url, "_blank");
|
|
jq('#hiddenFileName').val("");
|
|
jq.unblockUI();
|
|
document.location.reload();
|
|
});
|
|
|
|
jq(document).on("click", "#beginView:not(.disable)", function () {
|
|
var fileId = encodeURIComponent(jq('#hiddenFileName').val());
|
|
var url = UrlEditor + "?mode=view&fileName=" + fileId + "&lang=" + language + "&userid=" + userid + "&name=" + username;
|
|
window.open(url, "_blank");
|
|
jq('#hiddenFileName').val("");
|
|
jq.unblockUI();
|
|
document.location.reload();
|
|
});
|
|
|
|
jq(document).on("click", "#beginEmbedded:not(.disable)", function () {
|
|
var fileId = encodeURIComponent(jq('#hiddenFileName').val());
|
|
var url = UrlEditor + "?type=embedded&fileName=" + fileId + "&lang=" + language + "&userid=" + userid + "&name=" + username;
|
|
|
|
jq("#mainProgress").addClass("embedded");
|
|
jq("#beginEmbedded").addClass("disable");
|
|
|
|
jq("#uploadSteps").after('<iframe id="embeddedView" src="' + url + '" height="345px" width="432px" frameborder="0" scrolling="no" allowtransparency></iframe>');
|
|
});
|
|
|
|
jq(document).on("click", ".reload-page", function () {
|
|
setTimeout(function () { document.location.reload(); }, 1000);
|
|
return true;
|
|
});
|
|
|
|
jq(document).on("mouseup", ".reload-page", function (event) {
|
|
if (event.which == 2) {
|
|
setTimeout(function () { document.location.reload(); }, 1000);
|
|
}
|
|
return true;
|
|
});
|
|
|
|
jq(document).on("click", "#cancelEdit, .dialog-close", function () {
|
|
jq('#hiddenFileName').val("");
|
|
jq("#embeddedView").remove();
|
|
jq.unblockUI();
|
|
if (mustReload) {
|
|
document.location.reload();
|
|
}
|
|
});
|
|
|
|
jq(document).on("click", ".delete-file", function () {
|
|
var fileName = jq(this).attr("data");
|
|
|
|
var requestAddress = "file?filename=" + fileName;
|
|
|
|
jq.ajax({
|
|
async: true,
|
|
contentType: "text/xml",
|
|
type: "delete",
|
|
url: requestAddress,
|
|
complete: function (data) {
|
|
document.location.reload();
|
|
}
|
|
});
|
|
});
|
|
|
|
jq("#createSample").click(function () {
|
|
jq(".try-editor").each(function () {
|
|
var href = jq(this).attr("href");
|
|
if (jq("#createSample").is(":checked")) {
|
|
href += "&sample=true";
|
|
} else {
|
|
href = href.replace("&sample=true", "");
|
|
}
|
|
jq(this).attr("href", href);
|
|
});
|
|
});
|
|
|
|
jq(".info").mouseover(function (event) {
|
|
var target = event.target;
|
|
var id = target.dataset.id ? target.dataset.id : target.id;
|
|
var tooltip = target.dataset.tooltip;
|
|
|
|
jq("<div class='tooltip'>" + tooltip + "<div class='arrow'></div></div>").appendTo("body");
|
|
|
|
var top = jq("#" + id).offset().top + jq("#" + id).outerHeight() / 2 - jq("div.tooltip").outerHeight() / 2;
|
|
var left = jq("#" + id).offset().left + jq("#" + id).outerWidth() + 20;
|
|
jq("div.tooltip").css({"top": top, "left": left});
|
|
}).mouseout(function () {
|
|
jq("div.tooltip").remove();
|
|
});
|
|
}
|
|
|
|
function getUrlVars() {
|
|
var vars = [], hash;
|
|
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
|
for (var i = 0; i < hashes.length; i++) {
|
|
hash = hashes[i].split('=');
|
|
vars.push(hash[0]);
|
|
vars[hash[0]] = hash[1];
|
|
}
|
|
return vars;
|
|
}; |