' ; - } - tBar.innerHTML += str ; - return tBar ; - }; - - MyToolbar.prototype.getButton = function(instance, btName) { - switch (btName) { - case "FormatBlock": - return ''; - case "FontSize": - return ''; - } - return '
' ;
- };
- var myToolbar = new MyToolbar() ;
-
- function ExoEditor() {
- this.myConfig = {
- width : "400px",
- height : "200px",
- mode : "Default"
- }
-
- var ua = navigator.userAgent ;
- this.isIE = (navigator.appName == "Microsoft Internet Explorer") ;
- this.isGecko = ua.indexOf('Gecko') != -1 ;
- this.instances = new Object() ;
- };
-
- ExoEditor.prototype.init = function(instId, settings) {
- this.createInstance(instId, settings) ;
- };
-
- ExoEditor.prototype.createInstance = function(instId, settings) {
- var txtAreaObj = document.getElementById(instId) ;
- txtAreaObj.style.height = settings["height"] || this.myConfig.height ;
-
- var editorObj = document.createElement("DIV") ;
- editorObj.className = "MyEditor" ;
- editorObj.style.width = settings["width"] || this.myConfig.width ;
- editorObj.appendChild(myToolbar.create(instId, settings["mode"] || this.myConfig.mode)) ;
- var ifrm = document.createElement("IFRAME") ;
- ifrm.src = 'javascript:void(0)' ;
- ifrm.width = "100%" ;
- ifrm.style.height = settings["height"] || this.myConfig.height ;
- ifrm.frameBorder = 0 ;
- ifrm.scrolling = "auto" ;
- ifrm.onmouseover = this.onMouseOverEvt ;
- editorObj.appendChild(ifrm) ;
-
- txtAreaObj.style.display = 'none' ;
- txtAreaObj.parentNode.appendChild(editorObj) ;
- editorObj.appendChild(txtAreaObj) ;
- txtAreaObj.style.width = "100%" ;
-
- var inst = new Instance(ifrm) ;
- inst.instId = instId ;
- this.instances[instId] = inst ;
- inst.writeContent(txtAreaObj.value) ;
- this.setEventHandlers(inst) ;
- };
-
- ExoEditor.prototype.onMouseOverEvt = function() {
- try {
- this.contentDocument.designMode = 'on';
- } catch (ex) {}
- }
-
- ExoEditor.prototype.execCommand = function(instId, cmd, user, value) {
- if(!user) user = false;
- if(!value) value = null ;
- switch(cmd) {
- case "Source":
- this.switchMode(instId) ;
- return false ;
- }
- var doc = this.instances[instId].getDoc() ;
- doc.execCommand(cmd, user, value) ;
- return false;
- };
-
- ExoEditor.prototype.setEventHandlers = function(inst) {
- var doc = inst.getDoc(), evts, i, f = this.addEvent;
-
- if (this.isIE) {
- evts = ['keypress', 'keyup', 'keydown', 'click', 'mouseup', 'mousedown', 'controlselect', 'dblclick'];
- for (i=0; i' +
- '' +
- '
');
- }
-
- this.settings = $.extend(this.defaultSettings, docPreviewSettings);
-
- var promises = [];
- if(this.settings.showComments) {
-
- // if we miss author information, let's fetch them
- if(this.settings.author.username != null
- && (this.settings.author.fullname == null || this.settings.author.avatarUrl == null || this.settings.author.profileUrl == null)) {
- promises.push(this.fetchAuthorInformation());
- }
- // if we miss current user information, let's fetch them
- if(this.settings.user.fullname == null || this.settings.user.avatarUrl == null || this.settings.user.profileUrl == null) {
- promises.push(this.fetchUserInformation());
- }
- // if we don't have the number of likes, let's fetch it
- if(this.settings.activity.id != null && this.settings.activity.likes == null) {
- promises.push(this.fetchLikes());
- }
- // if we don't know if an activity is liked or not, let's fetch it
- if(this.settings.activity.id != null && this.settings.activity.liked == null) {
- promises.push(this.fetchLiked());
- }
- // if we don't have the activity information, let's fetch it
- if(this.settings.activity.id != null && (this.settings.activity.postTime == null || this.settings.activity.status == null)) {
- promises.push(this.fetchActivity());
- }
- }
-
- var self = this;
- promises.push(this.checkDownloadDocumentStatus());
-
- // wait for all users info fetches to be complete before rendering the component
- Promise.all(promises).then(function() {
- self.render();
- self.show();
- if(!$('.commentsLoaded').length && self.settings.showComments) {
- self.loadComments();
- }
- }, function(err) {
- console.error('An error occurred when trying to load document preview details: ',err);
- });
- },
-
- checkDevice : function() {
- var body = $('body:first').removeClass('phoneDisplay').removeClass('tabletDisplay').removeClass('tabletLDisplay');
- var isMobile = body.find('.visible-phone:first').css('display') !== 'none';
- var isTablet = body.find('.visible-tablet:first').css('display') !== 'none';
- var isTabletL = body.find('.visible-tabletL:first').css('display') !== 'none';
- if (isMobile) {
- body.addClass('phoneDisplay');
- }
- if (isTablet) {
- body.addClass('tabletDisplay');
- }
- if (isTabletL) {
- body.addClass('tabletLDisplay');
- }
- return {'isMobile' : isMobile, 'isTablet' : isTablet, 'isTabletL' : isTabletL};
- },
-
- fetchUserInformation: function(callback) {
- var self = this;
- return $.ajax({
- url: "/portal/rest/v1/social/users/" + eXo.env.portal.userName,
- cache: false
- }).done(function (data) {
- if (data.fullname != null) {
- self.settings.user.fullname = data.fullname;
- }
- if (data.avatar != null) {
- self.settings.user.avatarUrl = data.avatar;
- } else {
- self.settings.user.avatarUrl = "/eXoSkin/skin/images/system/SpaceAvtDefault.png";
- }
- self.settings.user.profileUrl = "/" + eXo.env.portal.containerName + "/" + eXo.env.portal.portalName + "/" + eXo.env.portal.userName;
- }).fail(function () {
- console.log("Can not fetch user information!");
- }).always(function () {
- if(typeof callback === 'function') {
- callback();
- }
- });
- },
-
-
- checkDownloadDocumentStatus: function(callback) {
- var self = this;
- return $.ajax({
- type: 'GET',
- url: '/portal/rest/transferRules/getTransfertRulesDocumentStatus'
- }).done(function (data) {
- self.isDownloadStatusActivated = data.downloadDocumentStatus == 'true';
- self.clearErrorMessage();
- }).fail(function () {
- self.showErrorMessage("Error when getting documents transfer rules status");
- });
- },
-
- fetchAuthorInformation: function(callback) {
- var self = this;
- return $.ajax({
- url: "/portal/rest/v1/social/users/" + self.settings.author.username,
- cache: false
- }).done(function (data) {
- if (data.fullname != null) {
- self.settings.author.fullname = data.fullname;
- }
- if (data.avatar != null) {
- self.settings.author.avatarUrl = data.avatar;
- } else {
- self.settings.author.avatarUrl = "/eXoSkin/skin/images/system/SpaceAvtDefault.png";
- }
- self.settings.author.profileUrl = "/" + eXo.env.portal.containerName + "/" + eXo.env.portal.portalName + "/" + self.settings.author.username;
- }).fail(function () {
- console.log("Can not fetch author information!");
- }).always(function () {
- if(typeof callback === 'function') {
- callback();
- }
- });
- },
-
- fetchLikes: function() {
- var self = this;
- return $.ajax({
- url: '/portal/rest/v1/social/activities/' + this.settings.activity.id + '/likes'
- }).done(function (data) {
- if (data.likes != null) {
- self.settings.activity.likes = data.likes.length;
- }
- self.clearErrorMessage();
- }).fail(function () {
- self.settings.activity.likes = 0;
- self.showErrorMessage("${UIActivity.comment.canNotLoadLikes}");
- });
- },
-
- like: function(liked) {
- var self = this;
- if(!liked) {
- return $.post('/portal/rest/v1/social/activities/' + this.settings.activity.id + '/likes', {liker: eXo.env.portal.userName})
- .done(function (data) {
- self.settings.activity.liked = true;
- self.settings.activity.likes++;
- $('#documentPreviewContainer .nbOfLikes').html(self.settings.activity.likes);
- self.refreshLikeLink('clickEvent');
- self.clearErrorMessage();
- }).fail(function () {
- self.showErrorMessage("${UIActivity.comment.canNotLike}");
- console.log("Can not like document!");
- });
- } else {
- return $.ajax({
- type: 'DELETE',
- url: '/portal/rest/v1/social/activities/' + this.settings.activity.id + '/likes'
- }).done(function (data) {
- self.settings.activity.liked = false;
- self.settings.activity.likes--;
- $('#documentPreviewContainer .nbOfLikes').html(self.settings.activity.likes);
- self.refreshLikeLink('clickEvent');
- self.clearErrorMessage();
- }).fail(function () {
- self.showErrorMessage("${UIActivity.comment.canNotUnLike}");
- console.log("Can not delete like of document!");
- });
- }
- },
-
- refreshLikeLink: function(event) {
- var likeLink = $('#documentPreviewContainer #previewLikeLink');
- var likeIcon = likeLink.find('.uiIconThumbUp');
- if(this.settings.activity.liked == true) {
- likeLink.attr("data-original-title", "${UIActivity.label.Unlike}");
- likeIcon.addClass('uiIconBlue');
- likeIcon.removeClass('uiIconLightGray');
- } else {
- likeLink.attr("data-original-title", "${UIActivity.label.Like}");
- likeIcon.removeClass('uiIconBlue');
- likeIcon.addClass('uiIconLightGray');
- }
- if (event) {
- likeLink.tooltip('show');
- }
- },
- fetchLiked: function() {
- var self = this;
- return $.ajax({
- type:'GET',
- url: '/portal/rest/v1/social/activities/' + this.settings.activity.id + '/likes/' + eXo.env.portal.userName
- }).done(function (data) {
- if (data.likes != null) {
- self.settings.activity.liked = true;
- }
- self.clearErrorMessage();
- }).fail(function () {
- self.settings.activity.liked = false;
- });
- },
-
- fetchActivity: function() {
- var self = this;
- return $.ajax({
- type:'GET',
- url: '/portal/rest/v1/social/activities/' + this.settings.activity.id
- }).done(function (data) {
- if (data != null) {
- self.settings.activity.postTime = self.convertDate(data.createDate);
- self.settings.activity.status = data.title;
- }
- self.clearErrorMessage();
- }).fail(function () {
- });
- },
-
- toggleLikeComment: function(commentId) {
- var self = this;
-
- var comment = this.findComment(commentId);
-
- if(!comment.liked) {
- return $.post('/portal/rest/v1/social/comments/' + commentId + '/likes', {liker: eXo.env.portal.userName})
- .done(function (data) {
- comment.liked = true;
- comment.nbOfLikes++;
-
- // update tooltip on likes count
- var likeCommentCount = $('#documentPreviewContainer #likeCommentCount_' + commentId);
- if(likeCommentCount.attr('title')) {
- likeCommentCount.attr('title', self.settings.user.fullname + '\n' + likeCommentCount.attr('title'));
- } else {
- likeCommentCount.attr('title', self.settings.user.fullname);
- }
- // update nb of likes
- likeCommentCount.css('display', 'inline');
- likeCommentCount.html('(' + comment.nbOfLikes + ')');
-
- likeCommentCount.addClass('commentLiked');
-
- var likeCommentLink = $('#documentPreviewContainer #likeCommentLink_' + commentId);
- likeCommentLink.find('i').addClass('commentLiked');
- likeCommentLink.attr('title', "${UIActivity.msg.UnlikeComment}");
-
- self.clearErrorMessage();
- }).fail(function () {
- self.showErrorMessage("${UIActivity.comment.canNotLike}");
- });
- } else {
- return $.ajax({
- type: 'DELETE',
- url: '/portal/rest/v1/social/comments/' + commentId + '/likes/' + eXo.env.portal.userName
- }).done(function (data) {
- comment.liked = false;
- comment.nbOfLikes--;
-
- var likeCommentCount = $('#documentPreviewContainer #likeCommentCount_' + commentId);
- if(comment.nbOfLikes > 0) {
- // refresh tooltip on likes count
- comment.likes.reverse();
- likeCommentCount.attr('title', comment.likes.filter(function(like) {
- return like.username != eXo.env.portal.userName;
- }).map(function(like) {
- return like.fullname;
- }).join('\n'));
- // update nb of likes
- likeCommentCount.html('(' + comment.nbOfLikes + ')');
- } else {
- likeCommentCount.css('display', 'none');
- likeCommentCount.empty();
- likeCommentCount.attr('title', '');
- }
-
- likeCommentCount.removeClass('commentLiked');
-
- var likeCommentLink = $('#documentPreviewContainer #likeCommentLink_' + commentId);
- likeCommentLink.find('i').removeClass('commentLiked');
- likeCommentLink.attr('title', "${UIActivity.msg.LikeComment}");
-
- self.clearErrorMessage();
- }).fail(function () {
- self.showErrorMessage("${UIActivity.comment.canNotUnLike}");
- });
- }
- },
-
- findComment: function(commentId) {
- for(i = 0; i < this.settings.activity.comments.length; i++) {
- if(this.settings.activity.comments[i].id == commentId) {
- return this.settings.activity.comments[i];
- }
- }
- },
-
- showLikersPopup: function(commentId) {
- UIActivity.showLikersPopup(commentId);
- },
-
- createSkeleton: function () {
- var docPreviewContainer = $("#documentPreviewContainer");
-
- if(docPreviewContainer.length == 0) {
- docPreviewContainer = $("", {
- "id": "documentPreviewContainer",
- "class": "maskLayer z-index-modal position-absolute"
- }).appendTo('body');
- }
- docPreviewContainer.hide();
-
- var cssClasses = '';
- if (this.settings.doc.fileType) {
- cssClasses = $.map(this.settings.doc.fileType.split(/\s+/g), function(type){return "uiIcon16x16" + type}).join(" ");
- }
-
- if($('.commentsLoaded').length) {
- let html = '';
- if(this.settings.showComments) {
- html += '' +
- ' ${UIActivity.comment.showComment}' +
- '
';
- }
- if (eXo.env.portal.userName !== '') {
- html +='' +
- ' ' +
- '
- ';
- if (this.settings.showOpenInFolderButton) {
- html+='
- ' + - ' ${UIActivity.comment.openInDocuments}' + - '';
- }
-
- if (!this.settings.doc.size == "" && !this.isDownloadStatusActivated) {
- html += '
- ' + - ' '; - - } - html +=' ' + - ''; - } - else { - html += '' + - ' '; - } - if (this.settings.showComments) { - html += '' + - ' ${UIActivity.comment.showComment}' + - ''; - }; - if(documentPreview.settings.doc && documentPreview.settings.doc.breadCrumb) { - var breadCrumbContent = ''; - } - if(breadCrumbContent) { - html += ''; - var folderIndex = 0; - var breadCrumbContentTooltip = ""; - for (var folderName in documentPreview.settings.doc.breadCrumb) { - if (documentPreview.settings.doc.breadCrumb.hasOwnProperty(folderName)) { - var folderPath = documentPreview.settings.doc.breadCrumb[folderName]; - if(folderIndex > 0) { - breadCrumbContent += ' '; - breadCrumbContentTooltip += " > "; - } - breadCrumbContent += '' + XSSUtils.escapeHtml(folderName) + ''; - breadCrumbContentTooltip += folderName; - folderIndex++; - } - } - breadCrumbContent += '' + breadCrumbContent + ''; - } - docPreviewContainer.find(".previewBtn").html(html); - - } else { - var authorFullName = XSSUtils.sanitizeString(this.settings.author?.fullname != null ? this.settings.author.fullname : ''); - let html = '' + - '' + - ''; - - if(this.settings.showComments) { - html += '' + - '' + - ''; - } - - html += '' + - '' + - '' + - '' + this.settings.doc.title + ''; - if (typeof this.settings.doc.fileInfo != "undefined") { - html += ((documentPreview.settings.version && documentPreview.settings.version.number) ? ('' + - '' + - 'V' + documentPreview.settings.version.number + '') : '') + - '' + this.settings.doc.fileInfo + ''; - } - html += '' + - '' + - '' + - '' + - '' + - '' + - '
' + - '
' + - '' + authorFullName + '' + - '' + - '' + this.settings.activity.postTime + '
' + - '' + (this.settings.activity.status != null ? this.settings.activity.status : '') + '
' + - '' + - '' + - '- ' +
- '
- ' + - '' + - ' ' + - '' + - ' ' + - '
- ' + - '' + - ' ' + - '' + - ' ' + - '
' + - '' + - 'Your email address is incorrect. Please try again!' + - '' + - '' + - '' + - '' + - '' + - '' + - '
' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' ; - if (this.settings.showComments) { - html += ''; - } - - if (!this.settings.showComments) { - let documentTitle = documentPreview.settings.doc.title; - try { - documentTitle = decodeURI(documentPreview.settings.doc.title); - } catch (error) { - // No problem, we can use the title as is, it does not need to be decoded and it contains a % character - } - html += '' + - '' + - '' + - '' + - ''; - } - '' - html += '' + documentTitle + ''; - if (documentPreview.settings.version && (documentPreview.settings.version.number != 0)) { - html +='V' + documentPreview.settings.version.number + ''; - } - html +=''; - if(!documentPreview.defaultSettings.doc.isCloudDrive){ - const downloadUrl = this.settings.doc.downloadUrl.replaceAll('%', '%25').replaceAll('+', '%2B'); - if (eXo.env.portal.userName !== '') { - html += ''; - docPreviewContainer.html(html); - } - - if(this.settings.doc.remoteEditURL) { - $(".previewBtn").append( - '' - ); - } - if(!this.isDownloadStatusActivated && !documentPreview.defaultSettings.doc.isCloudDrive) { - var editorButtonsLoader = editorbuttons.initPreviewButtons(this.settings.doc.id, this.settings.doc.workspace, 'dropup'); - editorButtonsLoader.done(function ($buttonsContainer) { - if ($(".previewBtn").find('.editorButtonContainer').length === 0){ - $(".previewBtn").append($buttonsContainer); - } - }); - } - - $('#documentPreviewContainer #previewLikeLink').tooltip(); - - $("#uiPreviewErrorMessage").hide(); - $("#uiPreviewErrorMessageIcon").click(function() { - $("#uiPreviewErrorMessage").hide(); - }); - $("#previewPopupCloseIcon, #previewPopupCloseButton").click(function() { - $("#previewPopup").hide(); - }); - }, - showErrorMessage: function(message) { - $("#uiPreviewErrorMessageContent").html(message); - $("#uiPreviewErrorMessage").show(); - }, - clearErrorMessage: function() { - $("#uiPreviewErrorMessageContent").html(""); - $("#uiPreviewErrorMessage").hide(); - }, - loadComments: function(commentActivityParentId, scrollToCommentId) { - var self = this; - if(this.settings.activity.id != null) { - // load comments activity - $.ajax({ - url: '/portal/rest/v1/social/activities/' + this.settings.activity.id + '/comments?expand=identity,likes,subComments', - cache: false - }).done(function(data) { - self.clearErrorMessage(); - self.settings.activity.comments = data.comments; - for(i = 0; i < self.settings.activity.comments.length; i++) { - self.settings.activity.comments[i].liked = self.settings.activity.comments[i].likes.some(function(like) { - return like.username == eXo.env.portal.userName; - }); - self.settings.activity.comments[i].nbOfLikes = self.settings.activity.comments[i].likes.length; - } - self.renderComments(self.settings.activity.comments, commentActivityParentId, scrollToCommentId); - resizeEventHandler(); - self.clearErrorMessage(); - }).fail(function () { - self.showErrorMessage("${UIActivity.comment.canNotLoadComments}"); - console.log("Can not load comments!"); - }); - } - }, - - renderComments: function(comments, commentActivityParentId, scrollToCommentId) { - var self = this; - - var commentsHtml = ''; - if(comments != null && comments.length > 0) { - $('#documentPreviewContainer .nbOfComments').html(comments.length); - commentsHtml = '' + - ' ' + - '' + - '- ';
- var subCommentIndex = 0;
- var subCommentSize = 0;
- var subCommentSize = 0;
- var hideSubComments = false;
- $.each(comments, function (index, comment) {
- var commenterProfileUrl = "/" + eXo.env.portal.containerName + "/" + eXo.env.portal.portalName + "/" + comment.identity.profile.username;
- var commenterAvatar = comment.identity.profile.avatar;
- if (commenterAvatar == null) {
- commenterAvatar = '/eXoSkin/skin/images/system/UserAvtDefault.png';
- }
- var commentClass = "";
- var parentCommentIdString = comment.parentCommentId ? comment.parentCommentId : "";
- if(comment.parentCommentId) {
- subCommentIndex ++;
- commentClass = "subCommentBlock";
- if(hideSubComments) {
- commentClass += " hidden";
- if(subCommentIndex == subCommentSize) {
- commentsHtml +=
- '
- ' +
- '
' + - '' + - "${UIActivity.label.ViewAllReplies}".replace("{0}", subCommentSize) + - '' + - '
' + - ' ';
- }
- }
- } else {
- subCommentIndex = 0;
- subCommentSize = self.getSubCommentsSize(comments, comment.id);
- hideSubComments = subCommentSize > 2 & comment.id !== commentActivityParentId;
- }
-
- commentsHtml += ' - ' +
- '
' + - '
' + - '' + - '' + - '' + XSSUtils.sanitizeString(comment.identity.profile.fullname) + '' + - '' + self.convertDate(comment.updateDate) + '' + - '' + - '' + comment.body + '
'; - - // add like comment if the document is linked to an activity - if(self.settings.activity.id != null) { - var maxNbLikersInTooltip = 10; - comment.likes.reverse(); - var moreThan10Likers = comment.likes.length > maxNbLikersInTooltip; - var commentLikers = ''; - for(var i=0; i < comment.likes.length; i++) { - commentLikers += comment.likes[i].fullname + '\n'; - if(moreThan10Likers && i == (maxNbLikersInTooltip - 2)) { - commentLikers += "${UIActivity.msg.MoreLikers}".replace("{0}", comment.likes.length - (maxNbLikersInTooltip - 1)); - break; - } - } - - var likeTooltip = comment.liked ? "${UIActivity.msg.UnlikeComment}" : "${UIActivity.msg.LikeComment}"; - - commentsHtml += '- ' +
- '
- ' + - '' + - '' + - '' + - '' + (comment.likes.length > 0 ? '(' + comment.likes.length + ')' : '') + '' + - ' ' + - '
- - ' + - '
- ' + - '' + - '${UIActivity.label.Reply}' + - '' + - ' ' + - '
';
- })
- commentsHtml += '
' + - ''; - } - var commentsContainer = $('#documentPreviewContainer .commentArea .comments'); - commentsContainer.html(commentsHtml); - commentsContainer.addClass('commentsLoaded'); - - $("#documentPreviewContainer .subCommentShowAllLink").on("click", function() { - var parentCommentId = $(this).attr('data-parent-comment'); - - $('#documentPreviewContainer #SubCommentShowAll_' + parentCommentId).hide(); - $('#documentPreviewContainer [data-parent-comment=' + parentCommentId + ']').removeClass('hidden'); - }); - - $(".replyCommentLink").on("click", function() { - var parentCommentId = $(this).attr("data-parent-comment"); - var commentId = $(this).attr("data-comment"); - parentCommentId = parentCommentId ? parentCommentId : commentId; - var commentInput = $('#documentPreviewContainer #commentInput'); - commentInput.attr("data-parent-comment", parentCommentId); - - $("#documentPreviewContainer .parentCommentBlock").removeClass("hidden"); - var $commentList = $('#documentPreviewContainer .commentList'); - - var $inputContainer = $("#documentPreviewContainer .commentInputBox"); - $('#documentPreviewContainer #commentInput').ckeditorGet().destroy(true); - - $inputContainer.addClass("subCommentBlock"); - $inputContainer.insertAfter($("#documentPreviewContainer .commentItem[data-comment=" + parentCommentId + "], #documentPreviewContainer .commentItem[data-parent-comment=" + parentCommentId + "]").last()); - $inputContainer.find("#documentPreviewContainer .commentBox .commentTextInput").html($('${UIActivity.comment.noComment}' + - '').append($inputContainer.find('textarea').clone()).html()); - - $("#documentPreviewContainer .commentItem").removeClass("focus"); - $("#documentPreviewContainer .commentItem[data-comment=" + commentId + "]").addClass("focus"); - - var ele = $("#documentPreviewContainer .commentInputBox"); - var elementToScroll = "#documentPreviewContainer .comments .commentList"; - if (this.checkDevice().isMobile === true) { - ele = $("#documentPreviewContainer [data-comment=" + commentId + "]"); - elementToScroll = "#documentPreviewContainer .commentArea"; - } - if(ele.length > 0 && ele.offset() && ele.parent().offset()) { - var nTop = ele.offset().top - ele.parent().offset().top + ele.parent().scrollTop(); - $(elementToScroll).animate({ - scrollTop: nTop - },1000); - } - - self.initCKEditor(); - self.clearErrorMessage(); - self.showCommentLink(true, true, false); - }); - - if(scrollToCommentId && this.checkDevice().isMobile === true) { - var ele = $("#documentPreviewContainer [data-comment=" + scrollToCommentId + "]"); - - if(ele.length > 0 && ele.offset() && ele.parent().offset()) { - var nTop = ele.offset().top - ele.parent().offset().top + ele.parent().scrollTop(); - $("#documentPreviewContainer .commentArea").animate({ - scrollTop: nTop - },1000); - } - } - self.showCommentLink(this.checkDevice().isMobile, false, true); - }, - - showCommentBlockForActivity: function(comments, parentCommentId) { - $("#documentPreviewContainer .commentItem").removeClass("focus"); - this.moveCKEditorInOriginalLocation(); - this.initCKEditor(); - this.clearErrorMessage(); - this.showCommentLink(false, true, true); - resizeEventHandler(); - }, - - getSubCommentsSize: function(comments, parentCommentId) { - var count = 0; - comments.forEach(function(comment) { - if(comment.parentCommentId == parentCommentId) { - count++; - } - }) - return count; - }, - - convertDate: function(dateStr) { - var postedTime = Date.parse(dateStr); - - var time = (new Date().getTime() - postedTime) / 1000; - var value; - if (time < 60) { - return eXo.ecm.WCMUtils.getBundle("TimeConvert.label.Less_Than_A_Minute",eXo.env.portal.language); - } else { - if (time < 120) { - return eXo.ecm.WCMUtils.getBundle("TimeConvert.label.About_A_Minute",eXo.env.portal.language); - } else { - if (time < 3600) { - value = Math.round(time / 60); - return eXo.ecm.WCMUtils.getBundle("TimeConvert.type.MINUTES",eXo.env.portal.language).replace("{0}", value); - } else { - if (time < 7200) { - return eXo.ecm.WCMUtils.getBundle("TimeConvert.label.About_An_Hour",eXo.env.portal.language); - } else { - if (time < 86400) { - value = Math.round(time / 3600); - return eXo.ecm.WCMUtils.getBundle("TimeConvert.type.HOURS",eXo.env.portal.language).replace("{0}", value); - } else { - if (time < 172800) { - return eXo.ecm.WCMUtils.getBundle("TimeConvert.label.About_A_Day",eXo.env.portal.language); - } else { - if (time < 2592000) { - value = Math.round(time / 86400); - return eXo.ecm.WCMUtils.getBundle("TimeConvert.type.DAYS",eXo.env.portal.language).replace("{0}", value); - } else { - if (time < 5184000) { - return eXo.ecm.WCMUtils.getBundle("TimeConvert.label.About_A_Month",eXo.env.portal.language); - } else { - value = Math.round(time / 2592000); - return eXo.ecm.WCMUtils.getBundle("TimeConvert.type.MONTHS",eXo.env.portal.language).replace("{0}", value); - } - } - } - } - } - } - } - } - }, - - postComment: function () { - var self = this; - var commentInput = $('#documentPreviewContainer #commentInput'); - if(commentInput != null && $.trim(commentInput.val())) { - var commentContent = commentInput.val(); - var commentActivityParentId = commentInput.attr("data-parent-comment"); - if(this.settings.activity.id != null) { - var postData = { poster : eXo.env.portal.userName , title : commentContent, parentCommentId : commentActivityParentId }; - // post comment on the activity - return $.ajax({ - type: 'POST', - url: '/portal/rest/v1/social/activities/' + this.settings.activity.id + '/comments', - data: JSON.stringify(postData), - contentType: 'application/json' - }).done(function (data) { - self.loadComments(commentActivityParentId, data.id); - self.moveCKEditorInOriginalLocation(); - self.initCKEditor(); - self.clearErrorMessage(); - }).fail(function () { - self.showErrorMessage("${UIActivity.comment.canNotAddComment}"); - console.log("Can not post comment!"); - }); - } - } - }, - - deleteComment: function(commentId) { - var self = this; - - if(this.settings.activity.id != null) { - return $.ajax({ - type: 'DELETE', - url: '/portal/rest/v1/social/comments/' + commentId - }).done(function (data) { - self.loadComments(); - self.clearErrorMessage(); - }).fail(function () { - self.showErrorMessage("${UIActivity.comment.canNotDeleteComment}"); - console.log("Can not delete comment!"); - }); - } - }, - - render: function () { - var self = this; - - this.createSkeleton(); - - var docContentContainer = $('#documentPreviewContent'); - - if(!$('.commentsLoaded').length) { - $(window).on('resize', resizeEventHandler); - $(document).on('keyup', closeEventHandler); - if(!window.previewDocumentEventsSet) { - $(document).keyup(function(event) { - if(event && event.keyCode && (event.keyCode == 37 || event.keyCode == 39) && $("#NavCommands").length && $("#NavCommands").is(":visible")) { - event.stopPropagation(); - event.preventDefault(); - if(event.keyCode == 37) { - self.goToPrevious(); - } else if(event.keyCode == 39) { - self.goToNext(); - } - } - }) - $(document).on("swipe", function(event) { - if(window.innerWidth < 767 && $("#NavCommands").length && $("#NavCommands").is(":visible")) { - if(event.direction === 'left') { - self.goToNext(); - } else if(event.direction === 'right') { - self.goToPrevious(); - } - } - }) - } - window.previewDocumentEventsSet = true; - - // Bind close event. Return body scroll, turn off keyup - $(".exitWindow > .uiIconClose", $('#uiDocumentPreview')).click(function() { - $('.spaceButtomNavigation').removeClass('hidden'); - $('body').removeClass('modal-open'); - $("#documentPreviewContainer").remove(); - setTimeout(function() { - $('body').css('overflow', 'visible'); - $(document).off('keyup', closeEventHandler); - $(window).off('resize', resizeEventHandler); - }, 500); - }); - - $(".closeIcon > .uiIconClose", $('#uiDocumentPreview')).click(function() { - $('body').removeClass('modal-open'); - $("#documentPreviewContainer").remove(); - setTimeout(function() { - $('body').css('overflow', 'visible'); - $(document).off('keyup', closeEventHandler); - $(window).off('resize', resizeEventHandler); - }, 500); - }); - - if(this.settings.showComments) { - if(this.settings.activity.id != null) { - // render like link and nb of likes - this.refreshLikeLink(); - $('#documentPreviewContainer .nbOfLikes').html(this.settings.activity.likes); - } else { - // hide like link since there is no linked activity - $('#documentPreviewContainer #previewLikeLink').hide(); - } - - this.initCKEditor(); - - if($('#CommentButton [data-action-initialized]').length == 0) { - $('#CommentButton').on('click', function(event) { - self.postComment(); - self.showCommentLink(this.checkDevice().isMobile, false, true); - }); - $('#CommentButton').attr("data-action-initialized", "true"); - } - - if($('#CancelButton [data-action-initialized]').length == 0) { - $('#CancelButton').on('click', function(event) { - $('#documentPreviewContainer .commentArea')[0].style.display = "none"; - $('#documentPreviewContent')[0].style.display = "block"; - $('.previewBtn')[0].style.display = "block" - resizeEventHandler(); - }); - $('#CancelButton').attr("data-action-initialized", "true"); - } - - if ($('.showComments [data-action-initialized]').length == 0) { - $('.showComments').on('click', function (event) { - var $uiDocumentPreview = $('#uiDocumentPreview'); - var $commentArea = $('.commentArea', $uiDocumentPreview); - var $commentList = $('.commentList', $commentArea); - if ($('#cke_commentInput .cke_contents').length > 0) { - $('#cke_commentInput .cke_contents')[0].style.height = "100px"; - } - if ($('#documentPreviewContent')[0].style.display === "none") { - $('#documentPreviewContainer .commentArea')[0].style.display = "none"; - $('#documentPreviewContent')[0].style.display = "block"; - $("#documentPreviewContainer .parentCommentBlock").removeClass("hidden"); - $("#documentPreviewContainer .uiIconComment").removeClass("hiddenComment"); - } else { - $('#documentPreviewContainer .commentArea')[0].style.display = "block"; - $('#documentPreviewContent')[0].style.display = "none"; - $("#documentPreviewContainer .parentCommentBlock").addClass("hidden"); - $("#documentPreviewContainer .uiIconComment").addClass("hiddenComment"); - - self.moveCKEditorInOriginalLocation(); - self.initCKEditor(); - self.clearErrorMessage(); - self.showCommentLink(this.checkDevice().isMobile, false, false); - } - }); - $('.showComments').attr("data-action-initialized", "true"); - } - } - - $('.loading', docContentContainer).show(); - this.show(); - } - - docContentContainer.load(eXo.env.portal.context + '/' + eXo.env.portal.rest + '/contentviewer/' + this.settings.doc.repository + '/' + this.settings.doc.workspace + '/' + this.settings.doc.id, function() { - $('.loading', docContentContainer).hide(); - resizeEventHandler(); - }); - }, - showCommentLink: function(showComment, showCKEditor, isCKEditorInBottom) { - if(showComment) { - $('#documentPreviewContainer .parentCommentBlock').removeClass("hidden"); - } else { - $('#documentPreviewContainer .parentCommentBlock').addClass("hidden"); - } - - if (this.checkDevice().isMobile === true) { - var commentLinkRelative = showComment && showCKEditor; - if(commentLinkRelative) { - $('#documentPreviewContainer .parentCommentBlock').removeClass("FixedBlock"); - } else { - $('#documentPreviewContainer .parentCommentBlock').addClass("FixedBlock"); - } - if(showCKEditor) { - $("#documentPreviewContainer .commentArea").addClass("commentBoxOpen"); - $('#documentPreviewContainer .commentInputBox').removeClass("hidden"); - } else { - $("#documentPreviewContainer .commentArea").removeClass("commentBoxOpen"); - $('#documentPreviewContainer .commentInputBox').addClass("hidden"); - } - } - - if(isCKEditorInBottom) { - $("#documentPreviewContainer .commentList").addClass("commentBoxOpen"); - } else { - $("#documentPreviewContainer .commentList").removeClass("commentBoxOpen"); - } - }, - moveCKEditorInOriginalLocation: function() { - $('#documentPreviewContainer #commentInput').attr("data-parent-comment", null) - try { - $('#documentPreviewContainer #commentInput').ckeditorGet().destroy(true); - } catch(e) { - } - - var $inputContainer = $("#documentPreviewContainer .commentInputBox"); - $inputContainer.insertAfter($("#documentPreviewContainer .comments")); - $inputContainer.removeClass("subCommentBlock"); - $inputContainer.find("#documentPreviewContainer .commentBox .commentTextInput").html($('').append($inputContainer.find('textarea').clone()).html()); - }, - initCKEditor: async function() { - await new Promise(resolve => window.require(["SHARED/commons-editor"], resolve)); - var commentInput = $('#documentPreviewContainer #commentInput'); - var extraPlugins = 'simpleLink,selectImage,suggester'; - - // TODO this line is mandatory when a custom skin is defined, it should not be mandatory - CKEDITOR.basePath = '/commons-extension/ckeditor/'; - var toolbarHeight = 39; - commentInput.ckeditor({ - customConfig: eXo.env.portal.context + '/' + eXo.env.portal.rest + '/richeditor/configuration?type=document-preview&v=' + eXo.env.client.assetsVersion, - extraPlugins: extraPlugins, - typeOfRelation: 'mention_comment', - spaceURL: this.settings.activity.spaceURL, - on : { - instanceReady : function ( evt ) { - // Hide the editor toolbar - $("#CommentButton").prop("disabled", true); - $('#' + evt.editor.id + '_bottom').removeClass('cke_bottom_visible'); - - }, - focus : function ( evt ) { - // Show the editor toolbar, except for smartphones in landscape mode - if ($(window).width() > 767 || $(window).width() < $(window).height()) { - //$('#' + evt.editor.id + '_bottom').css('display', 'block'); - evt.editor.execCommand('autogrow'); - var $content = $('#' + evt.editor.id + '_contents'); - var contentHeight = $content.height(); - var $ckeBottom = $('#' + evt.editor.id + '_bottom'); - $ckeBottom[0].style.display = "block"; - var originalHeight = $ckeBottom.css('height', 'auto').outerHeight(); - toolbarHeight = $ckeBottom.addClass('cke_bottom_visible').outerHeight(); - var heightToAddVisibleClass = toolbarHeight - originalHeight; - $ckeBottom.removeClass('cke_bottom_visible').css('height', '0px'); - $ckeBottom.animate({ - height: "" + toolbarHeight - }, { - step: function(number, tween) { - $content.height(contentHeight - number); - if (number >= heightToAddVisibleClass) { - $ckeBottom.addClass('cke_bottom_visible'); - } - } - }); - } else { - $('#' + evt.editor.id + '_bottom').removeClass('cke_bottom_visible'); - $('#' + evt.editor.id + '_bottom')[0].style.display = "none"; - } - }, - blur : function ( evt ) { - // Hide the editor toolbar - if ($(window).width() > 767 || $(window).width() < $(window).height()) { - $('#' + evt.editor.id + '_contents').css('height', $('#' + evt.editor.id + '_contents').height() + toolbarHeight); - $('#' + evt.editor.id + '_bottom').css('height', '0px'); - $('#' + evt.editor.id + '_bottom').removeClass('cke_bottom_visible'); - } - }, - change: function( evt) { - var newData = evt.editor.getData(); - var pureText = newData? newData.replace(/<[^>]*>/g, "").replace(/ /g,"").trim() : ""; - - if (pureText.length > 0 && pureText.length <= MAX_LENGTH) { - $("#CommentButton").removeAttr("disabled"); - } else { - $("#CommentButton").prop("disabled", true); - } - - if (pureText.length <= MAX_LENGTH) { - evt.editor.getCommand('selectImage').enable(); - } else { - evt.editor.getCommand('selectImage').disable(); - } - }, - key: function( evt) { - var newData = evt.editor.getData(); - var pureText = newData? newData.replace(/<[^>]*>/g, "").replace(/ /g,"").trim() : ""; - if (pureText.length > MAX_LENGTH) { - if ([8, 46, 33, 34, 35, 36, 37,38,39,40].indexOf(evt.data.keyCode) < 0) { - evt.cancel(); - } - } - } - } - }); - }, - show: function () { - $('#documentPreviewContainer').show(); - $('body').css('overflow', 'hidden'); - }, - - hide: function () { - $('#documentPreviewContainer').hide(); - $('body').css('overflow', ''); - }, - - goToNext: function () { - if(this.settings && this.settings.activity && this.settings.activity.next) { - $(this.settings.activity.next).click(); - } - }, - - goToPrevious: function () { - if(this.settings && this.settings.activity && this.settings.activity.previous) { - $(this.settings.activity.previous).click(); - } - } - }; - - // Bind Esc key - var closeEventHandler = function(e) { - $('#presentationMode').blur(); - if (e.keyCode == 27 && ("presentationMode" != e.target.id || $.browser.mozilla)) { - $(".exitWindow > .uiIconClose", $('#uiDocumentPreview')).trigger("click"); - } - } - - var applyReverseEllipsis = function($parent) { - $parent.find('.ellipsis-reverse').each(function() { - var $ellipsisContent = $(this).find(".ellipsis-reverse-content"); - var $ellipsisApply = $(this).find(".ellipsis-reverse-apply"); - var $ellipsisApplyContent = $(this).find(".ellipsis-reverse-apply-content"); - var $ellipsisFirstChild = $ellipsisApplyContent.find(' :first-child'); - if(!$ellipsisApplyContent.length - || !$ellipsisContent.length - || !$(this).offset() - || !$ellipsisFirstChild - || !$ellipsisFirstChild.offset() - || !$ellipsisFirstChild.length) { - return; - } - var applyEllipsisReverse = $ellipsisFirstChild.offset().left - $(this).offset().left -15; - if(applyEllipsisReverse > 0) { - $ellipsisContent.addClass("hidden"); - } else { - $ellipsisContent.removeClass("hidden"); - } - }) - }; - - // Resize Event - var resizeEventHandler = function() { - var pdfDisplayAreaHeight = window.innerHeight - 125; - var $uiDocumentPreview = $('#uiDocumentPreview'); - - // Show empty preview message - var $blockToAppendTo = $uiDocumentPreview.find(".UIResizableBlock"); - if($blockToAppendTo.length == 0 && !documentPreview.settings.doc.isWebContent) { - $blockToAppendTo = $("#documentPreviewContent"); - if($blockToAppendTo.find(".EmptyDocumentPreview").length == 0) { - $blockToAppendTo.append(""); - } - } - // Show Next & previous buttons inside resizable div - if($uiDocumentPreview.find("#NavCommands").length == 0) { - if(documentPreview.settings.activity.next || documentPreview.settings.activity.previous) { - $blockToAppendTo.find(".fileContent").before('
' + - '
' + - '