/*
*
* (c) Copyright Ascensio System SIA 2010-2019
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
* street, Riga, Latvia, EU, LV-1050.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
/**
* Collaboration.js
*
* Created by Julia Svinareva on 12/7/19
* Copyright (c) 2019 Ascensio System SIA. All rights reserved.
*
*/
if (Common === undefined)
var Common = {};
Common.Controllers = Common.Controllers || {};
define([
'core',
'jquery',
'underscore',
'backbone',
'common/mobile/lib/view/Collaboration'
], function (core, $, _, Backbone) {
'use strict';
Common.Controllers.Collaboration = Backbone.Controller.extend(_.extend((function() {
// Private
var rootView,
_userId,
editUsers = [],
editor = !!window.DE ? 'DE' : !!window.PE ? 'PE' : 'SSE',
displayMode = "markup",
canViewReview,
arrChangeReview = [],
dateChange = [],
_fileKey;
return {
models: [],
collections: [],
views: [
'Common.Views.Collaboration'
],
initialize: function() {
var me = this;
me.addListeners({
'Common.Views.Collaboration': {
'page:show' : me.onPageShow
}
});
Common.NotificationCenter.on('comments:filterchange', _.bind(this.onFilterChange, this));
},
setApi: function(api) {
this.api = api;
this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onChangeEditUsers, this));
this.api.asc_registerCallback('asc_onParticipantsChanged', _.bind(this.onChangeEditUsers, this));
this.api.asc_registerCallback('asc_onAddComment', _.bind(this.onApiAddComment, this));
this.api.asc_registerCallback('asc_onAddComments', _.bind(this.onApiAddComments, this));
this.api.asc_registerCallback('asc_onChangeCommentData', _.bind(this.onApiChangeCommentData, this));
this.api.asc_registerCallback('asc_onRemoveComment', _.bind(this.onApiRemoveComment, this));
this.api.asc_registerCallback('asc_onRemoveComments', _.bind(this.onApiRemoveComments, this));
this.api.asc_registerCallback('asc_onShowComment', _.bind(this.apiShowComments, this));
if (editor === 'DE') {
this.api.asc_registerCallback('asc_onShowRevisionsChange', _.bind(this.changeReview, this));
}
},
onLaunch: function () {
this.createView('Common.Views.Collaboration').render();
},
setMode: function(mode) {
this.appConfig = mode;
_userId = mode.user.id;
if (editor === 'DE') {
_fileKey = mode.fileKey;
}
return this;
},
showModal: function() {
var me = this,
isAndroid = Framework7.prototype.device.android === true,
modalView,
appPrefix = !!window.DE ? DE : !!window.PE ? PE : SSE,
mainView = appPrefix.getController('Editor').getView('Editor').f7View;
uiApp.closeModal();
if (Common.SharedSettings.get('phone')) {
modalView = $$(uiApp.pickerModal(
'
' +
'
' +
this.getView('Common.Views.Collaboration').rootLayout() +
'
' +
'
'
)).on('opened', function () {
if (_.isFunction(me.api.asc_OnShowContextMenu)) {
me.api.asc_OnShowContextMenu()
}
}).on('close', function (e) {
mainView.showNavbar();
}).on('closed', function () {
if (_.isFunction(me.api.asc_OnHideContextMenu)) {
me.api.asc_OnHideContextMenu()
}
});
mainView.hideNavbar();
} else {
modalView = uiApp.popover(
'' +
'
' +
'
' +
'
' +
'
' +
this.getView('Common.Views.Collaboration').rootLayout() +
'
' +
'
' +
'
' +
'
',
$$('#toolbar-collaboration')
);
}
if (Framework7.prototype.device.android === true) {
$$('.view.collaboration-root-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
$$('.view.collaboration-root-view .navbar').prependTo('.view.collaboration-root-view > .pages > .page');
}
rootView = uiApp.addView('.collaboration-root-view', {
dynamicNavbar: true,
domCache: true
});
if (!Common.SharedSettings.get('phone')) {
this.picker = $$(modalView);
var $overlay = $('.modal-overlay');
$$(this.picker).on('opened', function () {
$overlay.on('removeClass', function () {
if (!$overlay.hasClass('modal-overlay-visible')) {
$overlay.addClass('modal-overlay-visible')
}
});
}).on('close', function () {
$overlay.off('removeClass');
$overlay.removeClass('modal-overlay-visible')
});
}
Common.NotificationCenter.trigger('collaborationcontainer:show');
this.onPageShow(this.getView('Common.Views.Collaboration'));
appPrefix.getController('Toolbar').getView('Toolbar').hideSearch();
},
rootView : function() {
return rootView;
},
onPageShow: function(view, pageId) {
var me = this;
if ('#reviewing-settings-view' == pageId) {
me.initReviewingSettingsView();
Common.Utils.addScrollIfNeed('.page[data-page=reviewing-settings-view]', '.page[data-page=reviewing-settings-view] .page-content');
} else if ('#display-mode-view' == pageId) {
me.initDisplayMode();
Common.Utils.addScrollIfNeed('.page[data-page=display-mode-view]', '.page[data-page=display-mode-view] .page-content');
} else if('#change-view' == pageId) {
me.initChange();
Common.Utils.addScrollIfNeed('.page[data-page=change-view]', '.page[data-page=change-view] .page-content');
} else if('#edit-users-view' == pageId) {
me.initEditUsers();
Common.Utils.addScrollIfNeed('.page[data-page=edit-users-view]', '.page[data-page=edit-users-view] .page-content');
} else if ('#comments-view' == pageId) {
me.initComments();
Common.Utils.addScrollIfNeed('.page[data-page=comments-view]', '.page[data-page=comments-view] .page-content');
} else {
if(editor === 'DE' && !this.appConfig.canReview && !canViewReview) {
$('#reviewing-settings').hide();
}
}
},
//Edit users
onChangeEditUsers: function(users) {
editUsers = users;
},
getUsersInfo: function() {
var usersArray = [];
_.each(editUsers, function(item){
var fio = item.asc_getUserName().split(' ');
var initials = fio[0].substring(0, 1).toUpperCase();
if (fio.length > 1) {
initials += fio[fio.length - 1].substring(0, 1).toUpperCase();
}
if(!item.asc_getView()) {
var userAttr = {
color: item.asc_getColor(),
id: item.asc_getId(),
idOriginal: item.asc_getIdOriginal(),
name: item.asc_getUserName(),
view: item.asc_getView(),
initial: initials
};
if(item.asc_getIdOriginal() == _userId) {
usersArray.unshift(userAttr);
} else {
usersArray.push(userAttr);
}
}
});
var userSort = _.chain(usersArray).groupBy('idOriginal').value();
return userSort;
},
initEditUsers: function() {
var users = this.getUsersInfo();
var templateUserItem = _.template([
'<% _.each(users, function (user) { %>',
'' +
'' +
'
<%= user[0].initial %>
'+
'
<%= user[0].name %> ' +
'<% if (user.length>1) { %>
(<%= user.length %>) <% } %>' +
'
'+
' ',
'<% }); %>'].join(''));
var templateUserList = _.template(
'' +
this.textEditUser +
'
' +
'' +
templateUserItem({users: users}) +
' ');
$('#user-list').html(templateUserList());
},
//Review
initReviewingSettingsView: function () {
var me = this;
$('#settings-review input:checkbox').attr('checked', this.appConfig.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (_fileKey || '')));
$('#settings-review input:checkbox').single('change', _.bind(me.onTrackChanges, me));
$('#settings-accept-all').single('click', _.bind(me.onAcceptAllClick, me));
$('#settings-reject-all').single('click', _.bind(me.onRejectAllClick, me));
if(this.appConfig.isReviewOnly || displayMode == "final" || displayMode == "original" ) {
$('#settings-accept-all').addClass('disabled');
$('#settings-reject-all').addClass('disabled');
$('#settings-review').addClass('disabled');
} else {
$('#settings-accept-all').removeClass('disabled');
$('#settings-reject-all').removeClass('disabled');
$('#settings-review').removeClass('disabled');
}
if (!this.appConfig.canReview) {
$('#settings-review').hide();
$('#settings-accept-all').hide();
$('#settings-reject-all').hide();
}
},
onTrackChanges: function(e) {
var $checkbox = $(e.currentTarget),
state = $checkbox.is(':checked');
if ( this.appConfig.isReviewOnly ) {
$checkbox.attr('checked', true);
} else {
this.api.asc_SetTrackRevisions(state);
var prefix = !!window.DE ? 'de' : !!window.PE ? 'pe' : 'sse';
Common.localStorage.setItem(prefix + "-mobile-track-changes-" + (_fileKey || ''), state ? 1 : 0);
}
},
onAcceptAllClick: function() {
if (this.api) {
this.api.asc_AcceptAllChanges();
}
},
onRejectAllClick: function() {
if (this.api) {
this.api.asc_RejectAllChanges();
}
},
initDisplayMode: function() {
var me = this;
$('input:radio').single('change', _.bind(me.onReviewViewClick, me));
var value = displayMode;
if (value == null || value === "markup") {
$('input[value="markup"]').attr('checked', true);
} else if (value === 'final') {
$('input[value="final"]').attr('checked', true);
} else if (value === 'original') {
$('input[value="original"]').attr('checked', true);
}
},
getDisplayMode: function() {
return displayMode;
},
setCanViewReview: function(config) {
canViewReview = config;
},
onReviewViewClick: function(event) {
var value = $(event.currentTarget).val();
this.turnDisplayMode(value);
!this.appConfig.canReview && Common.localStorage.setItem("de-view-review-mode", value);
},
turnDisplayMode: function(value, suppressEvent) {
displayMode = value.toLocaleLowerCase();
if (this.api) {
if (displayMode === 'final')
this.api.asc_BeginViewModeInReview(true);
else if (displayMode === 'original')
this.api.asc_BeginViewModeInReview(false);
else
this.api.asc_EndViewModeInReview();
}
!suppressEvent && this.initReviewingSettingsView();
DE.getController('Toolbar').setDisplayMode(displayMode);
},
initChange: function() {
var goto = false;
if(arrChangeReview.length == 0) {
$('#current-change').css('display','none');
} else {
$('#current-change #date-change').html(arrChangeReview[0].date);
$('#current-change #user-name').html(arrChangeReview[0].user);
$('#current-change #text-change').html(arrChangeReview[0].changetext);
goto = arrChangeReview[0].goto;
}
if (goto) {
$('#btn-goto-change').show();
} else {
$('#btn-goto-change').hide();
}
$('#btn-prev-change').single('click', _.bind(this.onPrevChange, this));
$('#btn-next-change').single('click', _.bind(this.onNextChange, this));
$('#btn-accept-change').single('click', _.bind(this.onAcceptCurrentChange, this));
$('#btn-reject-change').single('click', _.bind(this.onRejectCurrentChange, this));
$('#btn-goto-change').single('click', _.bind(this.onGotoNextChange, this));
if(this.appConfig.isReviewOnly) {
$('#btn-accept-change').remove();
$('#btn-reject-change').remove();
if(arrChangeReview.length != 0 && arrChangeReview[0].editable) {
$('.accept-reject').html('
');
$('#btn-delete-change').single('click', _.bind(this.onDeleteChange, this));
}
}
if(displayMode == "final" || displayMode == "original") {
$('#btn-accept-change').addClass('disabled');
$('#btn-reject-change').addClass('disabled');
$('#btn-prev-change').addClass('disabled');
$('#btn-next-change').addClass('disabled');
}
if (!this.appConfig.canReview) {
$('#btn-accept-change').addClass('disabled');
$('#btn-reject-change').addClass('disabled');
}
},
onPrevChange: function() {
this.api.asc_GetPrevRevisionsChange();
},
onNextChange: function() {
this.api.asc_GetNextRevisionsChange();
},
onAcceptCurrentChange: function() {
var me = this;
if (this.api) {
this.api.asc_AcceptChanges(dateChange[0]);
setTimeout(function () {
me.api.asc_GetNextRevisionsChange();
}, 10);
}
},
onRejectCurrentChange: function() {
var me = this;
if (this.api) {
this.api.asc_RejectChanges(dateChange[0]);
setTimeout(function () {
me.api.asc_GetNextRevisionsChange();
}, 10);
}
},
updateInfoChange: function() {
if($("[data-page=change-view]").length > 0) {
if (arrChangeReview.length == 0) {
$('#current-change #date-change').empty();
$('#current-change #user-name').empty();
$('#current-change #text-change').empty();
$('#current-change').hide();
$('#btn-goto-change').hide();
$('#btn-delete-change').hide();
} else {
$('#current-change').show();
this.initChange();
}
}
},
changeReview: function (data) {
if (data && data.length>0) {
var me = this, arr = [];
_.each(data, function (item) {
var changetext = '', proptext = '',
value = item.get_Value(),
movetype = item.get_MoveType(),
settings = false;
switch (item.get_Type()) {
case Asc.c_oAscRevisionsChangeType.TextAdd:
changetext = (movetype==Asc.c_oAscRevisionsMove.NoMove) ? me.textInserted : me.textParaMoveTo;
if (typeof value == 'object') {
_.each(value, function (obj) {
if (typeof obj === 'string')
changetext += (' ' + Common.Utils.String.htmlEncode(obj));
else {
switch (obj) {
case 0:
changetext += (' <' + me.textImage + '>');
break;
case 1:
changetext += (' <' + me.textShape + '>');
break;
case 2:
changetext += (' <' + me.textChart + '>');
break;
case 3:
changetext += (' <' + me.textEquation + '>');
break;
}
}
})
} else if (typeof value === 'string') {
changetext += (' ' + Common.Utils.String.htmlEncode(value));
}
break;
case Asc.c_oAscRevisionsChangeType.TextRem:
changetext = (movetype==Asc.c_oAscRevisionsMove.NoMove) ? me.textDeleted : (item.is_MovedDown() ? me.textParaMoveFromDown : me.textParaMoveFromUp);
if (typeof value == 'object') {
_.each(value, function (obj) {
if (typeof obj === 'string')
changetext += (' ' + Common.Utils.String.htmlEncode(obj));
else {
switch (obj) {
case 0:
changetext += (' <' + me.textImage + '>');
break;
case 1:
changetext += (' <' + me.textShape + '>');
break;
case 2:
changetext += (' <' + me.textChart + '>');
break;
case 3:
changetext += (' <' + me.textEquation + '>');
break;
}
}
})
} else if (typeof value === 'string') {
changetext += (' ' + Common.Utils.String.htmlEncode(value));
}
break;
case Asc.c_oAscRevisionsChangeType.ParaAdd:
changetext = me.textParaInserted;
break;
case Asc.c_oAscRevisionsChangeType.ParaRem:
changetext = me.textParaDeleted;
break;
case Asc.c_oAscRevisionsChangeType.TextPr:
changetext = '' + me.textFormatted;
if (value.Get_Bold() !== undefined)
proptext += ((value.Get_Bold() ? '' : me.textNot) + me.textBold + ', ');
if (value.Get_Italic() !== undefined)
proptext += ((value.Get_Italic() ? '' : me.textNot) + me.textItalic + ', ');
if (value.Get_Underline() !== undefined)
proptext += ((value.Get_Underline() ? '' : me.textNot) + me.textUnderline + ', ');
if (value.Get_Strikeout() !== undefined)
proptext += ((value.Get_Strikeout() ? '' : me.textNot) + me.textStrikeout + ', ');
if (value.Get_DStrikeout() !== undefined)
proptext += ((value.Get_DStrikeout() ? '' : me.textNot) + me.textDStrikeout + ', ');
if (value.Get_Caps() !== undefined)
proptext += ((value.Get_Caps() ? '' : me.textNot) + me.textCaps + ', ');
if (value.Get_SmallCaps() !== undefined)
proptext += ((value.Get_SmallCaps() ? '' : me.textNot) + me.textSmallCaps + ', ');
if (value.Get_VertAlign() !== undefined)
proptext += (((value.Get_VertAlign() == 1) ? me.textSuperScript : ((value.Get_VertAlign() == 2) ? me.textSubScript : me.textBaseline)) + ', ');
if (value.Get_Color() !== undefined)
proptext += (me.textColor + ', ');
if (value.Get_Highlight() !== undefined)
proptext += (me.textHighlight + ', ');
if (value.Get_Shd() !== undefined)
proptext += (me.textShd + ', ');
if (value.Get_FontFamily() !== undefined)
proptext += (value.Get_FontFamily() + ', ');
if (value.Get_FontSize() !== undefined)
proptext += (value.Get_FontSize() + ', ');
if (value.Get_Spacing() !== undefined)
proptext += (me.textSpacing + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_Spacing()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_Position() !== undefined)
proptext += (me.textPosition + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_Position()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_Lang() !== undefined)
proptext += (Common.util.LanguageInfo.getLocalLanguageName(value.Get_Lang())[1] + ', ');
if (!_.isEmpty(proptext)) {
changetext += ': ';
proptext = proptext.substring(0, proptext.length - 2);
}
changetext += ' ';
changetext += proptext;
break;
case Asc.c_oAscRevisionsChangeType.ParaPr:
changetext = '' + me.textParaFormatted;
if (value.Get_ContextualSpacing())
proptext += ((value.Get_ContextualSpacing() ? me.textContextual : me.textNoContextual) + ', ');
if (value.Get_IndLeft() !== undefined)
proptext += (me.textIndentLeft + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_IndLeft()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_IndRight() !== undefined)
proptext += (me.textIndentRight + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_IndRight()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_IndFirstLine() !== undefined)
proptext += (me.textFirstLine + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_IndFirstLine()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_Jc() !== undefined) {
switch (value.Get_Jc()) {
case 0:
proptext += (me.textRight + ', ');
break;
case 1:
proptext += (me.textLeft + ', ');
break;
case 2:
proptext += (me.textCenter + ', ');
break;
case 3:
proptext += (me.textJustify + ', ');
break;
}
}
if (value.Get_KeepLines() !== undefined)
proptext += ((value.Get_KeepLines() ? me.textKeepLines : me.textNoKeepLines) + ', ');
if (value.Get_KeepNext())
proptext += ((value.Get_KeepNext() ? me.textKeepNext : me.textNoKeepNext) + ', ');
if (value.Get_PageBreakBefore())
proptext += ((value.Get_PageBreakBefore() ? me.textBreakBefore : me.textNoBreakBefore) + ', ');
if (value.Get_SpacingLineRule() !== undefined && value.Get_SpacingLine() !== undefined) {
proptext += me.textLineSpacing;
proptext += (((value.Get_SpacingLineRule() == c_paragraphLinerule.LINERULE_LEAST) ? me.textAtLeast : ((value.Get_SpacingLineRule() == c_paragraphLinerule.LINERULE_AUTO) ? me.textMultiple : me.textExact)) + ' ');
proptext += (((value.Get_SpacingLineRule() == c_paragraphLinerule.LINERULE_AUTO) ? value.Get_SpacingLine() : Common.Utils.Metric.fnRecalcFromMM(value.Get_SpacingLine()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName()) + ', ');
}
if (value.Get_SpacingBeforeAutoSpacing())
proptext += (me.textSpacingBefore + ' ' + me.textAuto + ', ');
else if (value.Get_SpacingBefore() !== undefined)
proptext += (me.textSpacingBefore + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_SpacingBefore()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_SpacingAfterAutoSpacing())
proptext += (me.textSpacingAfter + ' ' + me.textAuto + ', ');
else if (value.Get_SpacingAfter() !== undefined)
proptext += (me.textSpacingAfter + ' ' + Common.Utils.Metric.fnRecalcFromMM(value.Get_SpacingAfter()).toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName() + ', ');
if (value.Get_WidowControl())
proptext += ((value.Get_WidowControl() ? me.textWidow : me.textNoWidow) + ', ');
if (value.Get_Tabs() !== undefined)
proptext += proptext += (me.textTabs + ', ');
if (value.Get_NumPr() !== undefined)
proptext += proptext += (me.textNum + ', ');
if (value.Get_PStyle() !== undefined) {
var style = me.api.asc_GetStyleNameById(value.Get_PStyle());
if (!_.isEmpty(style)) proptext += (style + ', ');
}
if (!_.isEmpty(proptext)) {
changetext += ': ';
proptext = proptext.substring(0, proptext.length - 2);
}
changetext += ' ';
changetext += proptext;
break;
case Asc.c_oAscRevisionsChangeType.TablePr:
changetext = me.textTableChanged;
break;
case Asc.c_oAscRevisionsChangeType.RowsAdd:
changetext = me.textTableRowsAdd;
break;
case Asc.c_oAscRevisionsChangeType.RowsRem:
changetext = me.textTableRowsDel;
break;
}
var date = (item.get_DateTime() == '') ? new Date() : new Date(item.get_DateTime()),
user = item.get_UserName(),
goto = (item.get_MoveType() == Asc.c_oAscRevisionsMove.MoveTo || item.get_MoveType() == Asc.c_oAscRevisionsMove.MoveFrom);
date = me.dateToLocaleTimeString(date);
var editable = (item.get_UserId() == _userId);
arr.push({date: date, user: user, changetext: changetext, goto: goto, editable: editable});
});
arrChangeReview = arr;
dateChange = data;
} else {
arrChangeReview = [];
dateChange = [];
}
this.updateInfoChange();
},
dateToLocaleTimeString: function (date) {
function format(date) {
var strTime,
hours = date.getHours(),
minutes = date.getMinutes(),
ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
minutes = minutes < 10 ? '0'+minutes : minutes;
strTime = hours + ':' + minutes + ' ' + ampm;
return strTime;
}
// MM/dd/yyyy hh:mm AM
return (date.getMonth() + 1) + '/' + (date.getDate()) + '/' + date.getFullYear() + ' ' + format(date);
},
onDeleteChange: function() {
if (this.api) {
this.api.asc_RejectChanges(dateChange[0]);
}
},
onGotoNextChange: function() {
if (this.api) {
this.api.asc_FollowRevisionMove(dateChange[0]);
}
},
//Comments
getCurrentUser: function () {
var me = this;
_.each(editUsers, function(item){
if (item.asc_getIdOriginal() === _userId) {
me.currentUser = item;
}
});
return me.currentUser;
},
getCommentInfo: function () {
this.getCurrentUser();
if (this.currentUser) {
var date = new Date();
var comment = {
time: date.getTime(),
date: this.dateToLocaleTimeString(date),
userid: _userId,
username: this.currentUser.asc_getUserName(),
usercolor: this.currentUser.asc_getColor(),
userInitials: this.getInitials(this.currentUser.asc_getUserName())
};
return comment;
}
},
getInitials: function(name) {
var fio = name.split(' ');
var initials = fio[0].substring(0, 1).toUpperCase();
if (fio.length > 1) {
initials += fio[fio.length - 1].substring(0, 1).toUpperCase();
}
return initials;
},
findComment: function(uid) {
var comment;
if (this.groupCollectionFilter.length !== 0) {
comment = me.findCommentInGroup(uid);
} else if (this.collectionComments.length !== 0) {
comment = _.findWhere(this.collectionComments, {uid: uid});
}
return comment;
},
apiShowComments: function(uid) {
var comments,
me = this;
me.showComments = [];
if (this.groupCollectionFilter.length !== 0) {
comments = this.groupCollectionFilter;
_.each(uid, function (id) {
var comment = me.findCommentInGroup(uid);
if (comment) {
me.showComments.push(comment);
}
});
} else if (this.collectionComments.length !== 0) {
comments = this.collectionComments;
_.each(uid, function (id) {
var comment = _.findWhere(comments, {uid: id});
if (comment) {
me.showComments.push(comment);
}
});
}
},
updateViewComment: function() {
DE.getController('Common.Controllers.Collaboration').getView('Common.Views.Collaboration').renderViewComments(this.showComments, this.indexCurrentComment);
$('.comment-menu').single('click', _.bind(this.initMenuComments, this));
$('.reply-menu').single('click', _.bind(this.initReplyMenu, this));
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this));
},
showCommentModal: function() {
var me = this,
isAndroid = Framework7.prototype.device.android === true,
appPrefix = !!window.DE ? DE : !!window.PE ? PE : SSE,
mainView = appPrefix.getController('Editor').getView('Editor').f7View;
me.indexCurrentComment = 0;
uiApp.closeModal();
if (Common.SharedSettings.get('phone')) {
me.modalViewComment = $$(uiApp.pickerModal(
''
)).on('opened', function () {
if (_.isFunction(me.api.asc_OnShowContextMenu)) {
me.api.asc_OnShowContextMenu()
}
}).on('close', function (e) {
mainView.showNavbar();
}).on('closed', function () {
if (_.isFunction(me.api.asc_OnHideContextMenu)) {
me.api.asc_OnHideContextMenu()
}
});
mainView.hideNavbar();
} else {
me.modalViewComment = uiApp.popover(
'',
$$('#toolbar-collaboration')
);
}
me.getView('Common.Views.Collaboration').renderViewComments(me.showComments, me.indexCurrentComment);
$('.prev-comment').single('click', _.bind(me.onViewPrevComment, me));
$('.next-comment').single('click', _.bind(me.onViewNextComment, me));
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
$('.add-reply').single('click', _.bind(me.onClickAddReply, me));
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
if (me.showComments.length === 1) {
$('.prev-comment, .next-comment').addClass('disabled');
}
appPrefix.getController('Toolbar').getView('Toolbar').hideSearch();
//swipe modal window
if ($('.swipe-container').length > 0) {
me.swipeFull = false;
var $swipeContainer = $('.swipe-container');
$swipeContainer.single('touchstart', _.bind(function (e) {
var touchobj = e.changedTouches[0];
me.swipeStart = parseInt(touchobj.clientY);
me.swipeChange = parseInt(touchobj.clientY);
me.swipeHeight = parseInt($('.container-view-comment').css('height'));
e.preventDefault();
}, me));
$swipeContainer.single('touchmove', _.bind(function (e) {
var touchobj = e.changedTouches[0];
var dist = parseInt(touchobj.clientY) - me.swipeStart;
var newHeight;
if (dist < 0) {
newHeight = '100%';
me.swipeFull = true;
me.closeCommentPicker = false;
$('.container-view-comment').css('opacity', '1');
} else if (dist < 100) {
newHeight = '50%';
me.swipeFull = false;
me.closeCommentPicker = false;
$('.container-view-comment').css('opacity', '1');
} else {
me.closeCommentPicker = true;
$('.container-view-comment').css('opacity', '0.6');
}
$('.container-view-comment').css('height', newHeight);
me.swipeHeight = newHeight;
e.preventDefault();
}, me));
$swipeContainer.single('touchend', _.bind(function (e) {
var touchobj = e.changedTouches[0];
var swipeEnd = parseInt(touchobj.clientY);
var dist = swipeEnd - me.swipeStart;
if (me.closeCommentPicker) {
uiApp.closeModal();
me.modalViewComment.remove();
} else if (me.swipeFull) {
if (dist > 20) {
$('.container-view-comment').css('height', '50%');
}
}
me.swipeHeight = undefined;
me.swipeChange = undefined;
me.closeCommentPicker = undefined;
}, me));
}
},
onViewPrevComment: function() {
if (this.showComments.length > 0) {
if (this.indexCurrentComment - 1 < 0) {
this.indexCurrentComment = this.showComments.length - 1;
} else {
this.indexCurrentComment -= 1;
}
var me = this;
DE.getController('Common.Controllers.Collaboration').getView('Common.Views.Collaboration').renderViewComments(me.showComments, me.indexCurrentComment);
_.defer(function () {
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
});
}
},
onViewNextComment: function() {
if (this.showComments.length > 0) {
if (this.indexCurrentComment + 1 === this.showComments.length) {
this.indexCurrentComment = 0;
} else {
this.indexCurrentComment += 1;
}
var me = this;
DE.getController('Common.Controllers.Collaboration').getView('Common.Views.Collaboration').renderViewComments(me.showComments, me.indexCurrentComment);
_.defer(function () {
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
});
}
},
onClickAddReply: function() {
var me = this;
var isAndroid = Framework7.prototype.device.android === true,
phone = Common.SharedSettings.get('phone');
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
var addReplyView,
comment = this.showComments[this.indexCurrentComment];
if (phone) {
addReplyView = uiApp.popup(
''
);
$('.popup').css('z-index', '20000');
} else {
$('.container-view-comment .toolbar').find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
var template = _.template('' + me.textDone + ' ');
$('.container-view-comment .button-right').append(template);
template = _.template('' + me.textCancel + ' ');
$('.container-view-comment .button-left').append(template);
template = _.template('
');
$('.view-comment .page-content').append(template);
}
$('.done-reply').single('click', _.bind(function (uid) {
var reply = $('.reply-textarea')[0].value;
var $viewComment = $('.container-view-comment');
if (reply && reply.length > 0) {
this.addReply(uid, reply);
uiApp.closeModal($$(addReplyView));
this.updateViewComment(this.showComments, this.indexCurrentComment);
if (!phone) {
$viewComment.find('a.done-reply, a.cancel-reply').css('display', 'none');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}
}
}, me, comment.uid));
$('.cancel-reply').single('click', _.bind(function () {
var $viewComment = $('.container-view-comment');
if ($viewComment.find('.block-reply').length > 0) {
$viewComment.find('.block-reply').remove();
}
$viewComment.find('a.done-reply, a.cancel-reply').css('display', 'none');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}, me));
}
},
addReply: function(id, replyVal) {
if (replyVal.length > 0) {
var me = this,
reply = null,
addReply = null,
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
comment = _.findWhere(this.collectionComments, {uid: id});
if (ascComment && comment) {
ascComment.asc_putText(comment.comment);
ascComment.asc_putQuoteText(comment.quote);
ascComment.asc_putTime(me.utcDateToString(new Date(comment.time)));
ascComment.asc_putOnlyOfficeTime(me.ooDateToString(new Date(comment.time)));
ascComment.asc_putUserId(comment.userid);
ascComment.asc_putUserName(comment.username);
ascComment.asc_putSolved(comment.resolved);
ascComment.asc_putGuid(comment.guid);
if (!_.isUndefined(ascComment.asc_putDocumentFlag)) {
ascComment.asc_putDocumentFlag(comment.unattached);
}
reply = comment.replys;
if (reply && reply.length) {
reply.forEach(function (reply) {
addReply = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null));
if (addReply) {
addReply.asc_putText(reply.reply);
addReply.asc_putTime(me.utcDateToString(new Date(reply.time)));
addReply.asc_putOnlyOfficeTime(me.ooDateToString(new Date(reply.time)));
addReply.asc_putUserId(reply.userid);
addReply.asc_putUserName(reply.username);
ascComment.asc_addReply(addReply);
}
});
}
addReply = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null));
if (addReply) {
addReply.asc_putText(replyVal);
addReply.asc_putTime(me.utcDateToString(new Date()));
addReply.asc_putOnlyOfficeTime(me.ooDateToString(new Date()));
me.getCurrentUser();
addReply.asc_putUserId(_userId);
addReply.asc_putUserName(me.currentUser.asc_getUserName());
ascComment.asc_addReply(addReply);
me.api.asc_changeComment(id, ascComment);
}
}
}
},
onAddNewComment: function(value) {
var comment;
if (typeof Asc.asc_CCommentDataWord !== 'undefined') {
comment = new Asc.asc_CCommentDataWord(null);
} else {
comment = new Asc.asc_CCommentData(null);
}
var textComment = value;
if (textComment.length > 0) {
comment.asc_putText(textComment);
comment.asc_putTime(this.utcDateToString(new Date()));
comment.asc_putOnlyOfficeTime(this.ooDateToString(new Date()));
comment.asc_putUserId(this.currentUser.asc_getIdOriginal());
comment.asc_putUserName(this.currentUser.asc_getUserName());
comment.asc_putSolved(false);
if (!_.isUndefined(comment.asc_putDocumentFlag))
comment.asc_putDocumentFlag(false);
this.api.asc_addComment(comment);
uiApp.closeModal();
}
},
initMenuComments: function() {
if ($('.actions-modal').length === 0) {
var me = this;
_.delay(function () {
var _menuItems = [];
_menuItems.push({
caption: me.textEdit,
event: 'edit'
});
if (!me.showComments[me.indexCurrentComment].resolved) {
_menuItems.push({
caption: me.textResolve,
event: 'resolve'
});
} else {
_menuItems.push({
caption: me.textReopen,
event: 'resolve'
});
}
_menuItems.push({
caption: me.textDeleteComment,
event: 'delete',
color: 'red'
});
_.each(_menuItems, function (item) {
item.text = item.caption;
item.onClick = function () {
me.onCommentMenuClick(item.event)
}
});
me.menuComments = uiApp.actions([_menuItems, [
{
text: me.textCancel,
bold: true,
onClick: function () {
me.onCommentMenuClick();
}
}
]]);
}, 100);
}
},
initReplyMenu: function(event) {
var me = this;
var ind = $(event.currentTarget).parent().parent().data('ind');
_.delay(function () {
var _menuItems = [];
_menuItems.push({
caption: me.textEdit,
event: 'editreply'
});
_menuItems.push({
caption: me.textDeleteReply,
event: 'deletereply',
color: 'red'
});
_.each(_menuItems, function (item) {
item.text = item.caption;
item.onClick = function () {
me.onCommentMenuClick(item.event, ind);
}
});
uiApp.actions([_menuItems, [
{
text: me.textCancel,
bold: true,
onClick: function () {
me.onCommentMenuClick();
}
}
]]);
}, 100);
},
onCommentMenuClick: function(action, indReply) {
var me = this;
function addOverlay () {
if (!Common.SharedSettings.get('phone')) {
var $overlay = $('.modal-overlay');
if (!$overlay.hasClass('modal-overlay-visible')) {
$overlay.addClass('modal-overlay-visible')
}
}
}
switch (action) {
case 'edit':
addOverlay();
me.showEditComment();
break;
case 'resolve':
addOverlay();
me.onClickResolveComment();
break;
case 'delete':
addOverlay();
me.onDeleteComment(me.indexCurrentComment);
break;
case 'editreply':
addOverlay();
me.showEditReplyModal(me.indexCurrentComment, indReply);
break;
case 'deletereply':
addOverlay();
me.onDeleteReply(me.indexCurrentComment, indReply);
break;
default:
addOverlay();
break;
}
},
onChangeComment: function(comment) {
if (this.api) {
var ascComment,
me = this;
if (typeof Asc.asc_CCommentDataWord !== 'undefined') {
ascComment = new Asc.asc_CCommentDataWord(null);
} else {
ascComment = new Asc.asc_CCommentData(null);
}
if (ascComment && comment) {
var uid = comment.uid;
ascComment.asc_putText(comment.comment);
ascComment.asc_putQuoteText(comment.quote);
ascComment.asc_putTime(me.utcDateToString(new Date(comment.time)));
ascComment.asc_putOnlyOfficeTime(me.ooDateToString(new Date(comment.time)));
ascComment.asc_putUserId(comment.userid);
ascComment.asc_putUserName(comment.username);
ascComment.asc_putSolved(!comment.resolved);
ascComment.asc_putGuid(comment.guid);
if (!_.isUndefined(ascComment.asc_putDocumentFlag)) {
ascComment.asc_putDocumentFlag(comment.unattached);
}
var reply = comment.replys;
if (reply && reply.length > 0) {
reply.forEach(function (reply) {
var addReply = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null));
if (addReply) {
addReply.asc_putText(reply.reply);
addReply.asc_putTime(me.utcDateToString(new Date(reply.time)));
addReply.asc_putOnlyOfficeTime(me.ooDateToString(new Date(reply.time)));
addReply.asc_putUserId(reply.userid);
addReply.asc_putUserName(reply.username);
ascComment.asc_addReply(addReply);
}
});
}
this.api.asc_changeComment(uid, ascComment);
}
}
},
onDeleteComment: function(ind) {
if (this.api && !_.isUndefined(ind) && !_.isUndefined(this.showComments)) {
this.api.asc_removeComment(this.showComments[ind].uid);
if (this.showComments.length === 0) {
uiApp.closeModal();
} else {
this.indexCurrentComment = this.indexCurrentComment - 1 > -1 ? this.indexCurrentComment - 1 : 0;
this.updateViewComment();
}
}
},
onDeleteReply: function(indComment, indReply) {
if (!_.isUndefined(indComment) && !_.isUndefined(indReply)) {
var me = this,
replies = null,
addReply = null,
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
comment = me.showComments[indComment];
if (ascComment && comment) {
var id = comment.uid;
ascComment.asc_putText(comment.comment);
ascComment.asc_putQuoteText(comment.quote);
ascComment.asc_putTime(me.utcDateToString(new Date(comment.time)));
ascComment.asc_putOnlyOfficeTime(me.ooDateToString(new Date(comment.time)));
ascComment.asc_putUserId(comment.userid);
ascComment.asc_putUserName(comment.username);
ascComment.asc_putSolved(comment.resolved);
ascComment.asc_putGuid(comment.guid);
if (!_.isUndefined(ascComment.asc_putDocumentFlag)) {
ascComment.asc_putDocumentFlag(comment.unattached);
}
replies = comment.replys;
if (replies && replies.length) {
replies.forEach(function (reply) {
if (reply.ind !== indReply) {
addReply = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null));
if (addReply) {
addReply.asc_putText(reply.reply);
addReply.asc_putTime(me.utcDateToString(new Date(reply.time)));
addReply.asc_putOnlyOfficeTime(me.ooDateToString(new Date(reply.time)));
addReply.asc_putUserId(reply.userid);
addReply.asc_putUserName(reply.username);
ascComment.asc_addReply(addReply);
}
}
});
}
me.api.asc_changeComment(id, ascComment);
me.updateViewComment();
}
}
},
showEditComment: function() {
var me = this,
isAndroid = Framework7.prototype.device.android === true;
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
var comment = this.showComments[this.indexCurrentComment];
if (Common.SharedSettings.get('phone')) {
me.editView = uiApp.popup(
''
);
$('.popup').css('z-index', '20000');
_.delay(function () {
var $textarea = $('.comment-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
},100);
} else {
if ($('.comment-textarea').length === 0) {
var $viewComment = $('.container-view-comment');
var oldComment = $viewComment.find('.comment-text span').text();
$viewComment.find('.comment-text span').css('display', 'none');
var template = _.template('');
$viewComment.find('.comment-text').append(template);
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
template = _.template('');
$viewComment.find('.button-right').append(template);
template = _.template('' + me.textCancel + ' ');
$viewComment.find('.button-left').append(template);
_.delay(function () {
var $textarea = $viewComment.find('.comment-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
}, 50);
}
}
$('#edit-comment').single('click', _.bind(function (comment) {
var value = $('#comment-text')[0].value;
if (value && value.length > 0) {
comment.comment = value;
this.showComments[this.indexCurrentComment] = comment;
this.onChangeComment(comment);
if (Common.SharedSettings.get('phone')) {
uiApp.closeModal($$(me.editView));
} else {
var $viewComment = $('.container-view-comment');
$viewComment.find('a.done-reply, a.cancel-reply').remove();
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}
this.updateViewComment();
}
}, me, comment));
$('.cancel-reply').single('click', _.bind(function () {
var $viewComment = $('.container-view-comment');
$viewComment.find('a.done-reply, a.cancel-reply, .comment-textarea').remove();
$viewComment.find('.comment-text span').css('display', 'block');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}, me));
}
},
showEditReplyModal: function(indComment, indReply) {
var me = this;
if (indComment > -1 && indComment < this.showComments.length) {
var editView,
comment,
replies,
reply;
var isAndroid = Framework7.prototype.device.android === true;
this.showComments && (comment = this.showComments[indComment]);
comment && (replies = comment.replys);
replies && (reply = replies[indReply]);
if (reply) {
if (Common.SharedSettings.get('phone')) {
editView = uiApp.popup(
''
);
$('.popup').css('z-index', '20000');
_.delay(function () {
var $textarea = $('.edit-reply-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
},100);
} else {
var $reply = $('.reply-item[data-ind=' + indReply + ']');
var $viewComment = $('.container-view-comment');
$reply.find('.reply-text').css('display', 'none');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
var template = _.template('');
$reply.append(template);
template = _.template('' + me.textDone + ' ');
$viewComment.find('.button-right').append(template);
template = _.template('' + me.textCancel + ' ');
$viewComment.find('.button-left').append(template);
_.delay(function () {
var $textarea = $viewComment.find('.edit-reply-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
}, 50);
}
$('#edit-reply').single('click', _.bind(function (comment, indReply) {
var value = $('.edit-reply-textarea')[0].value;
if (value && value.length > 0) {
comment.replys[indReply].reply = value;
this.onChangeComment(comment);
if (Common.SharedSettings.get('phone')) {
uiApp.closeModal($$(editView));
} else {
$viewComment.find('a.done-reply, a.cancel-reply').remove();
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}
this.updateViewComment();
}
}, me, comment, indReply));
$('.cancel-reply').single('click', _.bind(function () {
$viewComment.find('a.done-reply, a.cancel-reply, .edit-reply-textarea').remove();
$reply.find('.reply-text').css('display', 'block');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}, me));
}
}
},
onClickResolveComment: function() {
if (!_.isUndefined(this.indexCurrentComment) && !_.isUndefined(this.showComments)) {
var comment = this.showComments[this.indexCurrentComment];
if (comment) {
if (this.resolveComment(comment.uid)) {
$('.comment-resolve .icon-resolve-comment').toggleClass('check');
}
}
}
},
resolveComment: function (uid) {
var me = this,
reply = null,
addReply = null,
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
comment = me.findComment(uid);
if (ascComment && comment && me.api) {
ascComment.asc_putText(comment.comment);
ascComment.asc_putQuoteText(comment.quote);
ascComment.asc_putTime(me.utcDateToString(new Date(comment.time)));
ascComment.asc_putOnlyOfficeTime(me.ooDateToString(new Date(comment.time)));
ascComment.asc_putUserId(comment.userid);
ascComment.asc_putUserName(comment.username);
ascComment.asc_putSolved(!comment.resolved);
ascComment.asc_putGuid(comment.guid);
if (!_.isUndefined(ascComment.asc_putDocumentFlag)) {
ascComment.asc_putDocumentFlag(comment.unattached);
}
reply = comment.replys;
if (reply && reply.length) {
reply.forEach(function (reply) {
addReply = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null));
if (addReply) {
addReply.asc_putText(reply.reply);
addReply.asc_putTime(me.utcDateToString(new Date(reply.time)));
addReply.asc_putOnlyOfficeTime(me.ooDateToString(new Date(reply.time)));
addReply.asc_putUserId(reply.userid);
addReply.asc_putUserName(reply.username);
ascComment.asc_addReply(addReply);
}
});
}
me.api.asc_changeComment(uid, ascComment);
return true;
}
return false;
},
// utils
timeZoneOffsetInMs: (new Date()).getTimezoneOffset() * 60000,
utcDateToString: function (date) {
if (Object.prototype.toString.call(date) === '[object Date]')
return (date.getTime() - this.timeZoneOffsetInMs).toString();
return '';
},
ooDateToString: function (date) {
if (Object.prototype.toString.call(date) === '[object Date]')
return (date.getTime()).toString();
return '';
},
//end utils
groupCollectionComments: [],
collectionComments: [],
groupCollectionFilter: [],
filter: [],
initComments: function() {
this.getView('Common.Views.Collaboration').renderComments((this.groupCollectionFilter.length !== 0) ? this.groupCollectionFilter : (this.collectionComments.length !== 0) ? this.collectionComments : false);
$('.comment-quote').single('click', _.bind(this.onSelectComment, this));
},
readSDKReplies: function (data) {
var i = 0,
replies = [],
date = null;
var repliesCount = data.asc_getRepliesCount();
if (repliesCount) {
for (i = 0; i < repliesCount; ++i) {
date = (data.asc_getReply(i).asc_getOnlyOfficeTime()) ? new Date(this.stringOOToLocalDate(data.asc_getReply(i).asc_getOnlyOfficeTime())) :
((data.asc_getReply(i).asc_getTime() == '') ? new Date() : new Date(this.stringUtcToLocalDate(data.asc_getReply(i).asc_getTime())));
var user = _.findWhere(editUsers, {idOriginal: data.asc_getReply(i).asc_getUserId()});
var username = data.asc_getReply(i).asc_getUserName();
replies.push({
ind : i,
userid : data.asc_getReply(i).asc_getUserId(),
username : username,
usercolor : (user) ? user.asc_getColor() : null,
date : this.dateToLocaleTimeString(date),
reply : data.asc_getReply(i).asc_getText(),
time : date.getTime(),
userInitials : this.getInitials(username)
});
}
}
return replies;
},
readSDKComment: function(id, data) {
var date = (data.asc_getOnlyOfficeTime()) ? new Date(this.stringOOToLocalDate(data.asc_getOnlyOfficeTime())) :
((data.asc_getTime() == '') ? new Date() : new Date(this.stringUtcToLocalDate(data.asc_getTime())));
var user = _.findWhere(editUsers, {idOriginal: data.asc_getUserId()}),
groupname = id.substr(0, id.lastIndexOf('_')+1).match(/^(doc|sheet[0-9_]+)_/);
var username = data.asc_getUserName();
var comment = {
uid : id,
userid : data.asc_getUserId(),
username : username,
usercolor : (user) ? user.asc_getColor() : null,
date : this.dateToLocaleTimeString(date),
quote : data.asc_getQuoteText(),
comment : data.asc_getText(),
resolved : data.asc_getSolved(),
unattached : !_.isUndefined(data.asc_getDocumentFlag) ? data.asc_getDocumentFlag() : false,
time : date.getTime(),
replys : [],
groupName : (groupname && groupname.length>1) ? groupname[1] : null,
userInitials : this.getInitials(username)
};
if (comment) {
var replies = this.readSDKReplies(data);
if (replies.length) {
comment.replys = replies;
}
}
return comment;
},
onApiChangeCommentData: function(id, data) {
var me = this,
i = 0,
date = null,
replies = null,
repliesCount = 0,
dateReply = null,
comment = _.findWhere(me.collectionComments, {uid: id}) || this.findCommentInGroup(id);
if (comment) {
date = (data.asc_getOnlyOfficeTime()) ? new Date(this.stringOOToLocalDate(data.asc_getOnlyOfficeTime())) :
((data.asc_getTime() == '') ? new Date() : new Date(this.stringUtcToLocalDate(data.asc_getTime())));
var user = _.findWhere(editUsers, {idOriginal: data.asc_getUserId()});
comment.comment = data.asc_getText();
comment.userid = data.asc_getUserId();
comment.username = data.asc_getUserName();
comment.usercolor = (user) ? user.asc_getColor() : null;
comment.resolved = data.asc_getSolved();
comment.quote = data.asc_getQuoteText();
comment.time = date.getTime();
comment.date = me.dateToLocaleTimeString(date);
replies = _.clone(comment.replys);
replies.length = 0;
repliesCount = data.asc_getRepliesCount();
for (i = 0; i < repliesCount; ++i) {
dateReply = (data.asc_getReply(i).asc_getOnlyOfficeTime()) ? new Date(this.stringOOToLocalDate(data.asc_getReply(i).asc_getOnlyOfficeTime())) :
((data.asc_getReply(i).asc_getTime() == '') ? new Date() : new Date(this.stringUtcToLocalDate(data.asc_getReply(i).asc_getTime())));
user = _.findWhere(editUsers, {idOriginal: data.asc_getReply(i).asc_getUserId()});
var username = data.asc_getReply(i).asc_getUserName();
replies.push({
ind : i,
userid : data.asc_getReply(i).asc_getUserId(),
username : username,
usercolor : (user) ? user.asc_getColor() : null,
date : me.dateToLocaleTimeString(dateReply),
reply : data.asc_getReply(i).asc_getText(),
time : dateReply.getTime(),
userInitials : me.getInitials(username)
});
}
comment.replys = replies;
if($('.page-comments').length > 0) {
this.initComments();
}
if (this.showComments && this.showComments.length > 0) {
var showComment = _.findWhere(this.showComments, {uid: id});
if (showComment) {
showComment = comment;
}
}
}
},
onApiAddComment: function (id, data) {
var comment = this.readSDKComment(id, data);
if (comment) {
comment.groupName ? this.addCommentToGroupCollection(comment) : this.collectionComments.push(comment);
}
if($('.page-comments').length > 0) {
this.initComments();
}
},
onApiAddComments: function (data) {
for (var i = 0; i < data.length; ++i) {
var comment = this.readSDKComment(data[i].asc_getId(), data[i]);
comment.groupName ? this.addCommentToGroupCollection(comment) : this.collectionComments.push(comment);
}
if($('.page-comments').length > 0) {
this.initComments();
}
},
stringOOToLocalDate: function (date) {
if (typeof date === 'string')
return parseInt(date);
return 0;
},
stringUtcToLocalDate: function (date) {
if (typeof date === 'string')
return parseInt(date) + this.timeZoneOffsetInMs;
return 0;
},
addCommentToGroupCollection: function (comment) {
var groupname = comment.groupName;
if (!this.groupCollectionComments[groupname])
this.groupCollectionComments[groupname] = [];
this.groupCollectionComments[groupname].push(comment);
if (this.filter.indexOf(groupname) != -1) {
this.groupCollectionFilter.push(comment);
}
},
findCommentInGroup: function (id) {
for (var name in this.groupCollectionComments) {
var store = this.groupCollectionComments[name],
model = _.findWhere(store, {uid: id});
if (model) return model;
}
},
onApiRemoveComment: function (id, silentUpdate) {
function remove (collection, key) {
if(collection instanceof Array) {
var index = collection.indexOf(key);
if(index != -1) {
collection.splice(index, 1);
}
}
}
if (this.groupCollectionComments.length > 0) {
for (var name in this.groupCollectionComments) {
var store = this.groupCollectionComments[name],
comment = _.findWhere(store, {uid: id});
if (comment) {
remove(this.groupCollectionComments[name], comment);
if (this.filter.indexOf(name) != -1) {
remove(this.groupCollectionFilter, comment);
}
}
}
}
if (this.collectionComments.length > 0) {
var comment = _.findWhere(this.collectionComments, {uid: id});
if (comment) {
remove(this.collectionComments, comment);
}
}
if(!silentUpdate && $('.page-comments').length > 0) {
this.initComments();
}
if (this.showComments && this.showComments.length > 0) {
var removeComment = _.findWhere(this.showComments, {uid: id});
if (removeComment) {
this.showComments = _.without(this.showComments, removeComment);
}
}
},
onApiRemoveComments: function(data) {
for (var i = 0; i < data.length; i++) {
this.onApiRemoveComment(data[i], true);
}
},
onFilterChange: function (filter) {
if (filter) {
var me = this,
comments = [];
this.filter = filter;
filter.forEach(function(item){
if (!me.groupCollectionComments[item])
me.groupCollectionComments[item] = [];
comments = comments.concat(me.groupCollectionComments[item]);
});
this.groupCollectionFilter = comments;
}
},
onSelectComment: function (e) {
var id = $(e.currentTarget).data('id');
this.api.asc_selectComment(id);
},
textInserted: 'Inserted: ',
textDeleted: 'Deleted: ',
textParaInserted: 'Paragraph Inserted ',
textParaDeleted: 'Paragraph Deleted ',
textFormatted: 'Formatted',
textParaFormatted: 'Paragraph Formatted ',
textNot: 'Not ',
textBold: 'Bold',
textItalic: 'Italic',
textStrikeout: 'Strikeout',
textUnderline: 'Underline',
textColor: 'Font color',
textBaseline: 'Baseline',
textSuperScript: 'Superscript',
textSubScript: 'Subscript',
textHighlight: 'Highlight color',
textSpacing: 'Spacing',
textDStrikeout: 'Double strikeout',
textCaps: 'All caps',
textSmallCaps: 'Small caps',
textPosition: 'Position',
textShd: 'Background color',
textContextual: 'Don\'t add interval between paragraphs of the same style',
textNoContextual: 'Add interval between paragraphs of the same style',
textIndentLeft: 'Indent left',
textIndentRight: 'Indent right',
textFirstLine: 'First line',
textRight: 'Align right',
textLeft: 'Align left',
textCenter: 'Align center',
textJustify: 'Align justify',
textBreakBefore: 'Page break before',
textKeepNext: 'Keep with next',
textKeepLines: 'Keep lines together',
textNoBreakBefore: 'No page break before',
textNoKeepNext: 'Don\'t keep with next',
textNoKeepLines: 'Don\'t keep lines together',
textLineSpacing: 'Line Spacing: ',
textMultiple: 'multiple',
textAtLeast: 'at least',
textExact: 'exactly',
textSpacingBefore: 'Spacing before',
textSpacingAfter: 'Spacing after',
textAuto: 'auto',
textWidow: 'Widow control',
textNoWidow: 'No widow control',
textTabs: 'Change tabs',
textNum: 'Change numbering',
textEquation: 'Equation',
textImage: 'Image',
textChart: 'Chart',
textShape: 'Shape',
textTableChanged: 'Table Settings Changed ',
textTableRowsAdd: 'Table Rows Added ',
textTableRowsDel: 'Table Rows Deleted ',
textParaMoveTo: 'Moved: ',
textParaMoveFromUp: 'Moved Up: ',
textParaMoveFromDown: 'Moved Down: ',
textEditUser: 'Document is currently being edited by several users.',
textAddComment: "Add Comment",
textCancel: "Cancel",
textDone: "Done",
textAddReply: "Add Reply",
textEdit: 'Edit',
textResolve: 'Resolve',
textDeleteComment: 'Delete comment',
textEditComment: 'Edit comment',
textDeleteReply: 'Delete reply',
textEditReply: 'Edit reply',
textReopen: 'Reopen'
}
})(), Common.Controllers.Collaboration || {}))
});