Merge branch 'feature/mobile-comments' into develop
This commit is contained in:
JuliaSvinareva
commit
fe17bdab26
|
|
@ -91,6 +91,10 @@ define([
|
|||
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));
|
||||
this.api.asc_registerCallback('asc_onHideComment', _.bind(this.apiHideComments, this));
|
||||
|
||||
if (editor === 'DE') {
|
||||
this.api.asc_registerCallback('asc_onShowRevisionsChange', _.bind(this.changeReview, this));
|
||||
}
|
||||
|
|
@ -102,6 +106,9 @@ define([
|
|||
|
||||
setMode: function(mode) {
|
||||
this.appConfig = mode;
|
||||
this.view = this.getView('Common.Views.Collaboration');
|
||||
this.view.viewmode = !mode.canComments;
|
||||
this.view.canViewComments = mode.canViewComments;
|
||||
_userId = mode.user.id;
|
||||
if (editor === 'DE') {
|
||||
_fileKey = mode.fileKey;
|
||||
|
|
@ -221,7 +228,7 @@ define([
|
|||
editUsers = users;
|
||||
},
|
||||
|
||||
initEditUsers: function() {
|
||||
getUsersInfo: function() {
|
||||
var usersArray = [];
|
||||
_.each(editUsers, function(item){
|
||||
var fio = item.asc_getUserName().split(' ');
|
||||
|
|
@ -246,6 +253,11 @@ define([
|
|||
}
|
||||
});
|
||||
var userSort = _.chain(usersArray).groupBy('idOriginal').value();
|
||||
return userSort;
|
||||
},
|
||||
|
||||
initEditUsers: function() {
|
||||
var users = this.getUsersInfo();
|
||||
var templateUserItem = _.template([
|
||||
'<% _.each(users, function (user) { %>',
|
||||
'<li id="<%= user[0].id %>" class="<% if (user[0].view) {%> viewmode <% } %> item-content">' +
|
||||
|
|
@ -261,7 +273,7 @@ define([
|
|||
this.textEditUser +
|
||||
'</div></div>' +
|
||||
'<ul>' +
|
||||
templateUserItem({users: userSort}) +
|
||||
templateUserItem({users: users}) +
|
||||
'</ul>');
|
||||
$('#user-list').html(templateUserList());
|
||||
},
|
||||
|
|
@ -686,6 +698,756 @@ define([
|
|||
},
|
||||
|
||||
//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 = this.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);
|
||||
}
|
||||
});
|
||||
}
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
me.indexCurrentComment = 0;
|
||||
me.updateViewComment();
|
||||
}
|
||||
if (window.SSE) {
|
||||
SSE.getController('AddOther').setHideAddComment(true);
|
||||
}
|
||||
},
|
||||
|
||||
apiHideComments: function() {
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
uiApp.closeModal();
|
||||
$('.container-view-comment').remove();
|
||||
}
|
||||
if (window.SSE) {
|
||||
SSE.getController('AddOther').setHideAddComment(false);
|
||||
}
|
||||
},
|
||||
|
||||
disabledViewComments: function(disabled) {
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (disabled) {
|
||||
$('.comment-resolve, .comment-menu, .add-reply, .reply-menu').addClass('disabled');
|
||||
if (!$('.prev-comment').hasClass('disabled')) {
|
||||
$('.prev-comment').addClass('disabled');
|
||||
}
|
||||
if (!$('.next-comment').hasClass('disabled')) {
|
||||
$('.next-comment').addClass('disabled');
|
||||
}
|
||||
} else {
|
||||
$('.comment-resolve, .comment-menu, .add-reply, .reply-menu').removeClass('disabled');
|
||||
if (this.showComments.length > 1) {
|
||||
$('.prev-comment, .next-comment').removeClass('disabled');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
updateViewComment: function() {
|
||||
this.view.renderViewComments(this.showComments, this.indexCurrentComment);
|
||||
$('.comment-menu').single('click', _.buffered(this.initMenuComments, 100, this));
|
||||
$('.reply-menu').single('click', _.buffered(this.initReplyMenu, 100, this));
|
||||
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this, false));
|
||||
if (this.showComments.length === 1) {
|
||||
$('.prev-comment, .next-comment').addClass('disabled');
|
||||
}
|
||||
},
|
||||
|
||||
showCommentModal: function() {
|
||||
var me = this,
|
||||
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(
|
||||
'<div class="picker-modal container-view-comment">' +
|
||||
'<div class="swipe-container">' +
|
||||
'<div class="icon-swipe"></div>' +
|
||||
'</div>' +
|
||||
me.view.getTemplateContainerViewComments() +
|
||||
'</div>'
|
||||
)).on('close', function (e) {
|
||||
mainView.showNavbar();
|
||||
});
|
||||
mainView.hideNavbar();
|
||||
} else {
|
||||
me.modalViewComment = uiApp.popover(
|
||||
'<div class="popover container-view-comment">' +
|
||||
'<div class="popover-inner">' +
|
||||
me.view.getTemplateContainerViewComments() +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
$$('#toolbar-collaboration')
|
||||
);
|
||||
this.picker = $$(me.modalViewComment);
|
||||
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');
|
||||
$('.popover').remove();
|
||||
});
|
||||
}
|
||||
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', _.buffered(me.initMenuComments, 100, me));
|
||||
$('.add-reply').single('click', _.bind(me.onClickAddReply, me, false));
|
||||
$('.reply-menu').single('click', _.buffered(me.initReplyMenu, 100, me));
|
||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||
|
||||
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;
|
||||
if (window.SSE) {
|
||||
if ($('.container-view-comment').hasClass('onHide')) {
|
||||
$('.container-view-comment').removeClass('onHide');
|
||||
}
|
||||
} else {
|
||||
$('.container-view-comment').css('opacity', '1');
|
||||
}
|
||||
} else if (dist < 100) {
|
||||
newHeight = '50%';
|
||||
me.swipeFull = false;
|
||||
me.closeCommentPicker = false;
|
||||
if (window.SSE) {
|
||||
if ($('.container-view-comment').hasClass('onHide')) {
|
||||
$('.container-view-comment').removeClass('onHide');
|
||||
}
|
||||
} else {
|
||||
$('.container-view-comment').css('opacity', '1');
|
||||
}
|
||||
} else {
|
||||
me.closeCommentPicker = true;
|
||||
if (window.SSE) {
|
||||
if (!$('.container-view-comment').hasClass('onHide')) {
|
||||
$('.container-view-comment').addClass('onHide');
|
||||
}
|
||||
} else {
|
||||
$('.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;
|
||||
}
|
||||
this.view.renderViewComments(this.showComments, this.indexCurrentComment);
|
||||
var me = this;
|
||||
_.defer(function () {
|
||||
$('.comment-menu').single('click', _.buffered(me.initMenuComments, 100, me));
|
||||
$('.reply-menu').single('click', _.buffered(me.initReplyMenu, 100, me));
|
||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
onViewNextComment: function() {
|
||||
if (this.showComments.length > 0) {
|
||||
if (this.indexCurrentComment + 1 === this.showComments.length) {
|
||||
this.indexCurrentComment = 0;
|
||||
} else {
|
||||
this.indexCurrentComment += 1;
|
||||
}
|
||||
this.view.renderViewComments(this.showComments, this.indexCurrentComment);
|
||||
var me = this;
|
||||
_.defer(function () {
|
||||
$('.comment-menu').single('click', _.buffered(me.initMenuComments, 100, me));
|
||||
$('.reply-menu').single('click', _.buffered(me.initReplyMenu, 100, me));
|
||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
onClickAddReply: function(id) {
|
||||
var me = this;
|
||||
var phone = Common.SharedSettings.get('phone');
|
||||
var idComment = !id ? $('.page-view-comments').find('.comment').data('uid') : id;
|
||||
if (_.isNumber(idComment)) {
|
||||
idComment = idComment.toString();
|
||||
}
|
||||
var comment = me.findComment(idComment);
|
||||
me.getCurrentUser();
|
||||
var date = me.dateToLocaleTimeString(new Date());
|
||||
if (comment) {
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (phone) {
|
||||
var colorUser = me.currentUser.asc_getColor(),
|
||||
name = me.currentUser.asc_getUserName(),
|
||||
initialUser = me.getInitials(name);
|
||||
var templatePopup = me.getView('Common.Views.Collaboration').getTemplateAddReplyPopup(name, colorUser, initialUser, date);
|
||||
me.addReplyView = uiApp.popup(
|
||||
templatePopup
|
||||
);
|
||||
$('.popup').css('z-index', '20000');
|
||||
} else {
|
||||
me.disabledViewComments(true);
|
||||
$('.container-view-comment .toolbar').find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
||||
var template = _.template('<a href="#" class="link" id="add-new-reply">' + me.textDone + '</a>');
|
||||
$('.container-view-comment .button-right').append(template);
|
||||
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
||||
$('.container-view-comment .button-left').append(template);
|
||||
template = _.template('<div class="block-reply"><textarea class="reply-textarea" autofocus placeholder="' + me.textAddReply + '"></textarea></div>');
|
||||
$('.page-view-comments .page-content').append(template);
|
||||
}
|
||||
} else if ($('.container-collaboration').length > 0) {
|
||||
me.getView('Common.Views.Collaboration').showPage('#comments-add-reply-view', false);
|
||||
var name = me.currentUser.asc_getUserName(),
|
||||
color = me.currentUser.asc_getColor();
|
||||
me.getView('Common.Views.Collaboration').renderAddReply(name, color, me.getInitials(name), date);
|
||||
}
|
||||
_.defer(function () {
|
||||
var $textarea = $('.reply-textarea')[0];
|
||||
var $btnAddReply = $('#add-new-reply');
|
||||
$textarea.focus();
|
||||
$btnAddReply.addClass('disabled');
|
||||
$textarea.oninput = function () {
|
||||
if ($textarea.value.length < 1) {
|
||||
if (!$btnAddReply.hasClass('disabled'))
|
||||
$btnAddReply.addClass('disabled');
|
||||
} else {
|
||||
if ($btnAddReply.hasClass('disabled')) {
|
||||
$btnAddReply.removeClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
$('#add-new-reply').single('click', _.bind(me.onDoneAddNewReply, me, comment.uid));
|
||||
$('.cancel-reply').single('click', _.bind(me.onCancelAddNewReply, me));
|
||||
}
|
||||
},
|
||||
|
||||
onDoneAddNewReply: function(uid) {
|
||||
var phone = Common.SharedSettings.get('phone');
|
||||
var reply = $('.reply-textarea')[0].value;
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
var $viewComment = $('.container-view-comment');
|
||||
if (reply && reply.length > 0) {
|
||||
this.addReply && this.addReply(uid, reply, _userId);
|
||||
if (!phone) {
|
||||
$viewComment.find('a#add-new-reply, a.cancel-reply').remove();
|
||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||
if ($('.block-reply').length > 0) {
|
||||
$('.block-reply').remove();
|
||||
}
|
||||
} else {
|
||||
uiApp.closeModal($$(this.addReplyView));
|
||||
}
|
||||
this.disabledViewComments(false);
|
||||
}
|
||||
} else if ($('.container-collaboration').length > 0) {
|
||||
this.addReply && this.addReply(uid, reply, _userId);
|
||||
rootView.router.back();
|
||||
}
|
||||
},
|
||||
|
||||
onCancelAddNewReply: function() {
|
||||
var $viewComment = $('.container-view-comment');
|
||||
if ($viewComment.find('.block-reply').length > 0) {
|
||||
$viewComment.find('.block-reply').remove();
|
||||
}
|
||||
$viewComment.find('a#add-new-reply, a.cancel-reply').remove();
|
||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||
this.disabledViewComments(false);
|
||||
},
|
||||
|
||||
onAddNewComment: function() {
|
||||
},
|
||||
|
||||
initMenuComments: function(e) {
|
||||
if ($('.actions-modal').length < 1) {
|
||||
var $comment = $(e.currentTarget).closest('.comment');
|
||||
var idComment = $comment.data('uid');
|
||||
if (_.isNumber(idComment)) {
|
||||
idComment = idComment.toString();
|
||||
}
|
||||
var comment = this.findComment(idComment);
|
||||
if ($('.actions-modal').length === 0 && comment) {
|
||||
var me = this;
|
||||
_.delay(function () {
|
||||
var _menuItems = [];
|
||||
_menuItems.push({
|
||||
caption: me.textEdit,
|
||||
event: 'edit'
|
||||
});
|
||||
if (!comment.resolved) {
|
||||
_menuItems.push({
|
||||
caption: me.textResolve,
|
||||
event: 'resolve'
|
||||
});
|
||||
} else {
|
||||
_menuItems.push({
|
||||
caption: me.textReopen,
|
||||
event: 'resolve'
|
||||
});
|
||||
}
|
||||
if ($('.container-collaboration').length > 0) {
|
||||
_menuItems.push({
|
||||
caption: me.textAddReply,
|
||||
event: 'addreply'
|
||||
});
|
||||
}
|
||||
_menuItems.push({
|
||||
caption: me.textDeleteComment,
|
||||
event: 'delete',
|
||||
color: 'red'
|
||||
});
|
||||
_.each(_menuItems, function (item) {
|
||||
item.text = item.caption;
|
||||
item.onClick = function () {
|
||||
me.onCommentMenuClick(item.event, idComment)
|
||||
}
|
||||
});
|
||||
|
||||
me.menuComments = uiApp.actions([_menuItems, [
|
||||
{
|
||||
text: me.textCancel,
|
||||
bold: true,
|
||||
onClick: function () {
|
||||
me.onCommentMenuClick();
|
||||
}
|
||||
}
|
||||
]]);
|
||||
$$(me.menuComments).on('close', function () {
|
||||
me.disabledViewComments(false);
|
||||
});
|
||||
}, 100);
|
||||
}
|
||||
this.disabledViewComments(true);
|
||||
}
|
||||
},
|
||||
|
||||
initReplyMenu: function(event) {
|
||||
if ($('.actions-modal').length < 1) {
|
||||
var me = this;
|
||||
var ind = $(event.currentTarget).parent().parent().data('ind');
|
||||
var idComment = $(event.currentTarget).closest('.comment').data('uid');
|
||||
if (_.isNumber(idComment)) {
|
||||
idComment = idComment.toString();
|
||||
}
|
||||
_.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, idComment, ind);
|
||||
}
|
||||
});
|
||||
me.menuReply = uiApp.actions([_menuItems, [
|
||||
{
|
||||
text: me.textCancel,
|
||||
bold: true,
|
||||
onClick: function () {
|
||||
me.onCommentMenuClick();
|
||||
}
|
||||
}
|
||||
]]);
|
||||
$$(me.menuReply).on('close', function () {
|
||||
me.disabledViewComments(false);
|
||||
});
|
||||
}, 100);
|
||||
this.disabledViewComments(true);
|
||||
}
|
||||
},
|
||||
|
||||
onCommentMenuClick: function(action, idComment, 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(idComment);
|
||||
break;
|
||||
case 'resolve':
|
||||
addOverlay();
|
||||
me.onClickResolveComment(idComment);
|
||||
me.disabledViewComments(false);
|
||||
break;
|
||||
case 'delete':
|
||||
addOverlay();
|
||||
$$(uiApp.modal({
|
||||
title: this.textDeleteComment,
|
||||
text: this.textMessageDeleteComment,
|
||||
buttons: [
|
||||
{
|
||||
text: this.textCancel
|
||||
},
|
||||
{
|
||||
text: this.textYes,
|
||||
onClick: function () {
|
||||
me.onDeleteComment && me.onDeleteComment(idComment);
|
||||
}
|
||||
}]
|
||||
})).on('close', function () {
|
||||
addOverlay();
|
||||
});
|
||||
me.disabledViewComments(false);
|
||||
break;
|
||||
case 'editreply':
|
||||
addOverlay();
|
||||
me.showEditReply(idComment, indReply);
|
||||
break;
|
||||
case 'deletereply':
|
||||
addOverlay();
|
||||
$$(uiApp.modal({
|
||||
title: this.textDeleteReply,
|
||||
text: this.textMessageDeleteReply,
|
||||
buttons: [
|
||||
{
|
||||
text: this.textCancel
|
||||
},
|
||||
{
|
||||
text: this.textYes,
|
||||
onClick: function () {
|
||||
me.onDeleteReply && me.onDeleteReply(idComment, indReply);
|
||||
}
|
||||
}]
|
||||
})).on('close', function () {
|
||||
addOverlay();
|
||||
});
|
||||
me.disabledViewComments(false);
|
||||
break;
|
||||
case 'addreply':
|
||||
addOverlay();
|
||||
me.onClickAddReply(idComment);
|
||||
default:
|
||||
addOverlay();
|
||||
me.disabledViewComments(false);
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
showEditComment: function(idComment) {
|
||||
var me = this;
|
||||
if (idComment) {
|
||||
var comment = this.findComment(idComment);
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (Common.SharedSettings.get('phone')) {
|
||||
me.editView = uiApp.popup(
|
||||
me.view.getTemplateEditCommentPopup(comment)
|
||||
);
|
||||
$$(me.editView).on('close', function(){
|
||||
me.disabledViewComments(false);
|
||||
});
|
||||
$('.popup').css('z-index', '20000');
|
||||
_.delay(function () {
|
||||
var $textarea = $('.comment-textarea')[0];
|
||||
$textarea.focus();
|
||||
$textarea.selectionStart = $textarea.value.length;
|
||||
}, 100);
|
||||
} else {
|
||||
me.disabledViewComments(true);
|
||||
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('<textarea id="comment-text" class="comment-textarea">' + oldComment + '</textarea>');
|
||||
$viewComment.find('.comment-text').append(template);
|
||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
||||
template = _.template('<a href="#" class="link done-edit-comment" id="edit-comment">' + me.textDone + '</a>');
|
||||
$viewComment.find('.button-right').append(template);
|
||||
template = _.template('<a href="#" class="link cancel-edit-comment">' + me.textCancel + '</a>');
|
||||
$viewComment.find('.button-left').append(template);
|
||||
}
|
||||
}
|
||||
} else if ($('.container-collaboration').length > 0) {
|
||||
this.getView('Common.Views.Collaboration').showPage('#comments-edit-view', false);
|
||||
this.getView('Common.Views.Collaboration').renderEditComment(comment);
|
||||
}
|
||||
_.defer(function () {
|
||||
var $textarea = $('.comment-textarea')[0];
|
||||
$textarea.focus();
|
||||
$textarea.selectionStart = $textarea.value.length;
|
||||
});
|
||||
$('#edit-comment').single('click', _.bind(me.onEditComment, me, comment));
|
||||
$('.cancel-edit-comment').single('click', _.bind(me.onCancelEditComment, me));
|
||||
}
|
||||
},
|
||||
|
||||
onEditComment: function(comment) {
|
||||
var value = $('#comment-text')[0].value;
|
||||
if (value && value.length > 0) {
|
||||
if (!_.isUndefined(this.onChangeComment)) {
|
||||
comment.comment = value;
|
||||
this.onChangeComment(comment);
|
||||
}
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (Common.SharedSettings.get('phone')) {
|
||||
uiApp.closeModal($$(this.editView));
|
||||
} else {
|
||||
var $viewComment = $('.container-view-comment');
|
||||
$viewComment.find('a.done-edit-comment, a.cancel-edit-comment').remove();
|
||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||
if ($viewComment.find('.comment-textarea').length > 0) {
|
||||
$viewComment.find('.comment-textarea').remove();
|
||||
$viewComment.find('.comment-text span').css('display', 'block');
|
||||
}
|
||||
}
|
||||
this.disabledViewComments(false);
|
||||
} else if ($('.container-collaboration').length > 0) {
|
||||
rootView.router.back();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
onCancelEditComment: function() {
|
||||
var $viewComment = $('.container-view-comment');
|
||||
$viewComment.find('a.done-edit-comment, a.cancel-edit-comment, .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');
|
||||
this.disabledViewComments(false);
|
||||
},
|
||||
|
||||
showEditReply: function(idComment, indReply) {
|
||||
var me = this;
|
||||
var comment = me.findComment(idComment);
|
||||
if (comment) {
|
||||
var replies,
|
||||
reply;
|
||||
replies = comment.replys;
|
||||
reply = replies[indReply];
|
||||
if (reply) {
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (Common.SharedSettings.get('phone')) {
|
||||
me.editReplyView = uiApp.popup(
|
||||
me.view.getTemplateEditReplyPopup(reply)
|
||||
);
|
||||
$$(me.editReplyView).on('close', function () {
|
||||
me.disabledViewComments(false);
|
||||
});
|
||||
$('.popup').css('z-index', '20000');
|
||||
} else {
|
||||
me.disabledViewComments(true);
|
||||
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('<textarea class="edit-reply-textarea">' + reply.reply + '</textarea>');
|
||||
$reply.append(template);
|
||||
template = _.template('<a href="#" class="link" id="edit-reply">' + me.textDone + '</a>');
|
||||
$viewComment.find('.button-right').append(template);
|
||||
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
||||
$viewComment.find('.button-left').append(template);
|
||||
}
|
||||
} else if ($('.container-collaboration').length > 0) {
|
||||
me.getView('Common.Views.Collaboration').showPage('#comments-edit-reply-view', false);
|
||||
me.getView('Common.Views.Collaboration').renderEditReply(reply);
|
||||
}
|
||||
_.defer(function () {
|
||||
var $textarea = $('.edit-reply-textarea')[0];
|
||||
$textarea.focus();
|
||||
$textarea.selectionStart = $textarea.value.length;
|
||||
});
|
||||
$('#edit-reply').single('click', _.bind(me.onEditReply, me, comment, indReply));
|
||||
$('.cancel-reply').single('click', _.bind(me.onCancelEditReply, me, indReply));
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
onEditReply: function(comment, indReply) {
|
||||
var value = $('.edit-reply-textarea')[0].value;
|
||||
if (value && value.length > 0) {
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
if (!_.isUndefined(this.onChangeComment)) {
|
||||
comment.replys[indReply].reply = value;
|
||||
this.onChangeComment(comment);
|
||||
}
|
||||
if (Common.SharedSettings.get('phone')) {
|
||||
uiApp.closeModal($$(this.editReplyView));
|
||||
} else {
|
||||
var $viewComment = $('.container-view-comment');
|
||||
$viewComment.find('a#edit-reply, a.cancel-reply').remove();
|
||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||
if ($viewComment.find('.edit-reply-textarea').length > 0) {
|
||||
$viewComment.find('.edit-reply-textarea').remove();
|
||||
$viewComment.find('.reply-text').css('display', 'block');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!_.isUndefined(this.onChangeComment)) {
|
||||
comment.replys[indReply].reply = value;
|
||||
this.onChangeComment(comment);
|
||||
}
|
||||
rootView.router.back();
|
||||
}
|
||||
this.disabledViewComments(false);
|
||||
}
|
||||
},
|
||||
|
||||
onCancelEditReply: function(indReply) {
|
||||
var $viewComment = $('.container-view-comment'),
|
||||
$reply = $('.reply-item[data-ind=' + indReply + ']');
|
||||
$viewComment.find('a#edit-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');
|
||||
this.disabledViewComments(false);
|
||||
},
|
||||
|
||||
onClickResolveComment: function(uid, e) {
|
||||
var idComment;
|
||||
if (!uid) {
|
||||
var $comment = $(e.currentTarget).closest('.comment');
|
||||
idComment = $comment.data('uid');
|
||||
} else {
|
||||
idComment = uid;
|
||||
}
|
||||
if (_.isNumber(idComment)) {
|
||||
idComment = idComment.toString();
|
||||
}
|
||||
var comment = this.findComment(idComment);
|
||||
if (comment) {
|
||||
this.resolveComment && this.resolveComment(comment.uid);
|
||||
}
|
||||
},
|
||||
|
||||
// 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: [],
|
||||
|
|
@ -694,6 +1456,9 @@ define([
|
|||
|
||||
initComments: function() {
|
||||
this.getView('Common.Views.Collaboration').renderComments((this.groupCollectionFilter.length !== 0) ? this.groupCollectionFilter : (this.collectionComments.length !== 0) ? this.collectionComments : false);
|
||||
$('.comment-menu').single('click', _.buffered(this.initMenuComments, 100, this));
|
||||
$('.reply-menu').single('click', _.buffered(this.initReplyMenu, 100, this));
|
||||
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this, false));
|
||||
$('.comment-quote').single('click', _.bind(this.onSelectComment, this));
|
||||
},
|
||||
|
||||
|
|
@ -708,13 +1473,17 @@ define([
|
|||
((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 : data.asc_getReply(i).asc_getUserName(),
|
||||
username : username,
|
||||
usercolor : (user) ? user.asc_getColor() : null,
|
||||
date : this.dateToLocaleTimeString(date),
|
||||
reply : data.asc_getReply(i).asc_getText(),
|
||||
time : date.getTime()
|
||||
time : date.getTime(),
|
||||
userInitials : this.getInitials(username),
|
||||
editable : this.appConfig.canEditComments || (data.asc_getReply(i).asc_getUserId() == _userId)
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -726,10 +1495,11 @@ define([
|
|||
((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 : data.asc_getUserName(),
|
||||
username : username,
|
||||
usercolor : (user) ? user.asc_getColor() : null,
|
||||
date : this.dateToLocaleTimeString(date),
|
||||
quote : data.asc_getQuoteText(),
|
||||
|
|
@ -738,7 +1508,9 @@ define([
|
|||
unattached : !_.isUndefined(data.asc_getDocumentFlag) ? data.asc_getDocumentFlag() : false,
|
||||
time : date.getTime(),
|
||||
replys : [],
|
||||
groupName : (groupname && groupname.length>1) ? groupname[1] : null
|
||||
groupName : (groupname && groupname.length>1) ? groupname[1] : null,
|
||||
userInitials : this.getInitials(username),
|
||||
editable : this.appConfig.canEditComments || (data.asc_getUserId() == _userId)
|
||||
};
|
||||
if (comment) {
|
||||
var replies = this.readSDKReplies(data);
|
||||
|
|
@ -784,19 +1556,33 @@ define([
|
|||
((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 : data.asc_getReply(i).asc_getUserName(),
|
||||
username : username,
|
||||
usercolor : (user) ? user.asc_getColor() : null,
|
||||
date : me.dateToLocaleTimeString(dateReply),
|
||||
reply : data.asc_getReply(i).asc_getText(),
|
||||
time : dateReply.getTime()
|
||||
time : dateReply.getTime(),
|
||||
userInitials : me.getInitials(username),
|
||||
editable : me.appConfig.canEditComments || (data.asc_getUserId() == _userId)
|
||||
});
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
if ($('.container-view-comment').length > 0) {
|
||||
this.updateViewComment();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -845,13 +1631,14 @@ define([
|
|||
|
||||
findCommentInGroup: function (id) {
|
||||
for (var name in this.groupCollectionComments) {
|
||||
var store = this.groupCollectionComments[name],
|
||||
model = _.findWhere(store, {uid: id});
|
||||
var store = this.groupCollectionComments[name];
|
||||
var id = _.isArray(id) ? id[0] : id;
|
||||
var model = _.findWhere(store, {uid: id});
|
||||
if (model) return model;
|
||||
}
|
||||
},
|
||||
|
||||
onApiRemoveComment: function (id) {
|
||||
onApiRemoveComment: function (id, silentUpdate) {
|
||||
function remove (collection, key) {
|
||||
if(collection instanceof Array) {
|
||||
var index = collection.indexOf(key);
|
||||
|
|
@ -860,7 +1647,12 @@ define([
|
|||
}
|
||||
}
|
||||
}
|
||||
if (this.groupCollectionComments) {
|
||||
if (this.collectionComments.length > 0) {
|
||||
var comment = _.findWhere(this.collectionComments, {uid: id});
|
||||
if (comment) {
|
||||
remove(this.collectionComments, comment);
|
||||
}
|
||||
} else {
|
||||
for (var name in this.groupCollectionComments) {
|
||||
var store = this.groupCollectionComments[name],
|
||||
comment = _.findWhere(store, {uid: id});
|
||||
|
|
@ -872,14 +1664,21 @@ define([
|
|||
}
|
||||
}
|
||||
}
|
||||
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);
|
||||
}
|
||||
}
|
||||
if($('.page-comments').length > 0) {
|
||||
this.initComments();
|
||||
},
|
||||
|
||||
onApiRemoveComments: function(data) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
this.onApiRemoveComment(data[i], true);
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -961,7 +1760,18 @@ define([
|
|||
textParaMoveTo: '<b>Moved:</b>',
|
||||
textParaMoveFromUp: '<b>Moved Up:</b>',
|
||||
textParaMoveFromDown: '<b>Moved Down:</b>',
|
||||
textEditUser: 'Document is currently being edited by several users.'
|
||||
textEditUser: 'Document is currently being edited by several users.',
|
||||
textCancel: "Cancel",
|
||||
textDone: "Done",
|
||||
textAddReply: "Add Reply",
|
||||
textEdit: 'Edit',
|
||||
textResolve: 'Resolve',
|
||||
textDeleteComment: 'Delete comment',
|
||||
textDeleteReply: 'Delete reply',
|
||||
textReopen: 'Reopen',
|
||||
textMessageDeleteComment: 'Do you really want to delete this comment?',
|
||||
textMessageDeleteReply: 'Do you really want to delete this reply?',
|
||||
textYes: 'Yes'
|
||||
|
||||
}
|
||||
})(), Common.Controllers.Collaboration || {}))
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li id="item-comments">
|
||||
<a id="comments-settings" class="item-link" data-page="#comments-view">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
|
|
@ -236,4 +236,58 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comments edit-view -->
|
||||
<div id="comments-edit-view">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textEditСomment %></div>
|
||||
<div class="right sliding"><a id="edit-comment"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<div class="page page-edit-comment" data-page="comments-edit-view">
|
||||
<div class="page-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comments add-reply-view -->
|
||||
<div id="comments-add-reply-view">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textAddReply %></div>
|
||||
<div class="right sliding"><a id="add-new-reply"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<div class="page page-add-reply" data-page="comments-add-reply-view">
|
||||
<div class="page-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Comments edit-reply-view -->
|
||||
<div id="comments-edit-reply-view">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textEditReply %></div>
|
||||
<div class="right sliding"><a id="edit-reply"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<div class="page page-edit-reply" data-page="comments-edit-reply-view">
|
||||
<div class="page-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -116,6 +116,9 @@ define([
|
|||
if (this.layout) {
|
||||
var $layour = this.layout.find('#collaboration-root-view'),
|
||||
isPhone = Common.SharedSettings.get('phone');
|
||||
if (!this.canViewComments) {
|
||||
$layour.find('#item-comments').remove();
|
||||
}
|
||||
|
||||
return $layour.html();
|
||||
}
|
||||
|
|
@ -146,7 +149,84 @@ define([
|
|||
}
|
||||
},
|
||||
|
||||
//Comments
|
||||
|
||||
sliceQuote: function(text) {
|
||||
var sliced = text.slice(0,100);
|
||||
if (sliced.length < text.length) {
|
||||
sliced += '...';
|
||||
return sliced;
|
||||
}
|
||||
return text;
|
||||
},
|
||||
|
||||
renderViewComments: function(comments, indCurComment) {
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var me = this;
|
||||
if ($('.page-view-comments .page-content').length > 0) {
|
||||
var template = '';
|
||||
if (comments && comments.length > 0) {
|
||||
template = '<div class="list-block">' +
|
||||
'<ul id="comments-list">';
|
||||
var comment = comments[indCurComment];
|
||||
template += '<li class="comment item-content" data-uid="' + comment.uid + '">' +
|
||||
'<div class="item-inner">' +
|
||||
'<div class="header-comment"><div class="comment-left">';
|
||||
if (isAndroid) {
|
||||
template += '<div class="initials-comment" style="background-color: ' + comment.usercolor + ';">' + comment.userInitials + '</div><div>';
|
||||
}
|
||||
template += '<p class="user-name">' + comment.username + '</p>' +
|
||||
'<p class="comment-date">' + comment.date + '</p>';
|
||||
if (isAndroid) {
|
||||
template += '</div>';
|
||||
}
|
||||
template += '</div>';
|
||||
if (comment.editable && !me.viewmode) {
|
||||
template += '<div class="comment-right">' +
|
||||
'<div class="comment-resolve"><i class="icon icon-resolve-comment' + (comment.resolved ? ' check' : '') + '"></i></div>' +
|
||||
'<div class="comment-menu"><i class="icon icon-menu-comment"></i></div>' +
|
||||
'</div>';
|
||||
}
|
||||
template += '</div>';
|
||||
|
||||
if (comment.quote) template += '<p class="comment-quote" data-ind="' + comment.uid + '">' + me.sliceQuote(comment.quote) + '</p>';
|
||||
template += '<div class="comment-text"><span>' + comment.comment + '</span></div>';
|
||||
if (comment.replys.length > 0) {
|
||||
template += '<ul class="list-reply">';
|
||||
_.each(comment.replys, function (reply) {
|
||||
template += '<li class="reply-item" data-ind="' + reply.ind + '">' +
|
||||
'<div class="header-reply">' +
|
||||
'<div class="reply-left">';
|
||||
if (isAndroid) {
|
||||
template += '<div class="initials-reply" style="background-color: ' + reply.usercolor + ';">' + reply.userInitials + '</div><div>'
|
||||
}
|
||||
template += '<p class="user-name">' + reply.username + '</p>' +
|
||||
'<p class="reply-date">' + reply.date + '</p>' +
|
||||
'</div>';
|
||||
if (isAndroid) {
|
||||
template += '</div>';
|
||||
}
|
||||
if (reply.editable && !me.viewmode) {
|
||||
template += '<div class="reply-menu"><i class="icon icon-menu-comment"></i></div>';
|
||||
}
|
||||
template += '</div>' +
|
||||
'<p class="reply-text">' + reply.reply + '</p>' +
|
||||
'</li>';
|
||||
});
|
||||
template += '</ul>'
|
||||
}
|
||||
|
||||
template += '</div>' +
|
||||
'</li>';
|
||||
template += '</ul></div>';
|
||||
$('.page-view-comments .page-content').html(template);
|
||||
}
|
||||
}
|
||||
Common.Utils.addScrollIfNeed('.page-view-comments.page', '.page-view-comments .page-content');
|
||||
},
|
||||
|
||||
renderComments: function (comments) {
|
||||
var me = this;
|
||||
var $pageComments = $('.page-comments .page-content');
|
||||
if (!comments) {
|
||||
if ($('.comment').length > 0) {
|
||||
|
|
@ -158,25 +238,46 @@ define([
|
|||
if ($('#no-comments').length > 0) {
|
||||
$('#no-comments').remove();
|
||||
}
|
||||
var sortComments = _.sortBy(comments, 'time').reverse();
|
||||
var $listComments = $('#comments-list'),
|
||||
items = [];
|
||||
_.each(comments, function (comment) {
|
||||
_.each(sortComments, function (comment) {
|
||||
var itemTemplate = [
|
||||
'<li class="comment item-content">',
|
||||
'<li class="comment item-content" data-uid="<%= item.uid %>">',
|
||||
'<div class="item-inner">',
|
||||
'<div class="header-comment"><div class="comment-left">',
|
||||
'<% if (android) { %><div class="initials-comment" style="background-color:<%= item.usercolor %> "> <%= item.userInitials %></div><div><% } %>',
|
||||
'<p class="user-name"><%= item.username %></p>',
|
||||
'<p class="comment-date"><%= item.date %></p>',
|
||||
'<% if(item.quote) {%>',
|
||||
'<p class="comment-quote" data-id="<%= item.uid %>"><%= item.quote %></p>',
|
||||
'<% if (android) { %></div><% } %>',
|
||||
'</div>',
|
||||
'<% if (item.editable && !viewmode) { %>',
|
||||
'<div class="comment-right">',
|
||||
'<div class="comment-resolve"><i class="icon icon-resolve-comment <% if (item.resolved) { %> check <% } %>"></i></div>',
|
||||
'<div class="comment-menu"><i class="icon icon-menu-comment"></i></div>',
|
||||
'</div>',
|
||||
'<% } %>',
|
||||
'<p class="comment-text"><%= item.comment %></p>',
|
||||
'</div>',
|
||||
'<% if(item.quote) {%>',
|
||||
'<p class="comment-quote" data-id="<%= item.uid %>"><%= quote %></p>',
|
||||
'<% } %>',
|
||||
'<p class="comment-text"><span><%= item.comment %></span></p>',
|
||||
'<% if(replys > 0) {%>',
|
||||
'<ul class="list-reply">',
|
||||
'<% _.each(item.replys, function (reply) { %>',
|
||||
'<li class="reply-item">',
|
||||
'<p class="user-name"><%= reply.username %></p>',
|
||||
'<p class="reply-date"><%= reply.date %></p>',
|
||||
'<p class="reply-text"><%= reply.reply %></p>',
|
||||
'<li class="reply-item" data-ind="<%= reply.ind %>">',
|
||||
'<div class="header-reply">',
|
||||
'<div class="reply-left">',
|
||||
'<% if (android) { %><div class="initials-reply" style="background-color: <%= reply.usercolor %>;"><%= reply.userInitials %></div><div><% } %>',
|
||||
'<p class="user-name"><%= reply.username %></p>',
|
||||
'<p class="reply-date"><%= reply.date %></p>',
|
||||
'</div>',
|
||||
'<% if (android) { %></div><% } %>',
|
||||
'<% if (reply.editable && !viewmode) { %>',
|
||||
'<div class="reply-menu"><i class="icon icon-menu-comment"></i></div>',
|
||||
'<% } %>',
|
||||
'</div>',
|
||||
'<p class="reply-text"><%= reply.reply %></p>',
|
||||
'</li>',
|
||||
'<% }); %>',
|
||||
'</ul>',
|
||||
|
|
@ -188,13 +289,153 @@ define([
|
|||
android: Framework7.prototype.device.android,
|
||||
item: comment,
|
||||
replys: comment.replys.length,
|
||||
viewmode: me.viewmode,
|
||||
quote: me.sliceQuote(comment.quote)
|
||||
}));
|
||||
});
|
||||
$listComments.html(items);
|
||||
$listComments.html(items.join(''));
|
||||
}
|
||||
},
|
||||
|
||||
renderEditComment: function(comment) {
|
||||
var $pageEdit = $('.page-edit-comment .page-content');
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="wrap-comment">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
||||
'<div class="user-name">' + comment.username + '</div>' +
|
||||
'<div class="comment-date">' + comment.date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea id="comment-text" class="comment-textarea">' + comment.comment + '</textarea></div>' +
|
||||
'</div>';
|
||||
$pageEdit.html(_.template(template));
|
||||
},
|
||||
|
||||
renderAddReply: function(name, color, initials, date) {
|
||||
var $pageAdd = $('.page-add-reply .page-content');
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="wrap-reply">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + color + ';">' + initials + '</div><div>' : '') +
|
||||
'<div class="user-name">' + name + '</div>' +
|
||||
'<div class="comment-date">' + date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea class="reply-textarea">' + '</textarea></div>' +
|
||||
'</div>';
|
||||
$pageAdd.html(_.template(template));
|
||||
},
|
||||
|
||||
renderEditReply: function(reply) {
|
||||
var $pageEdit = $('.page-edit-reply .page-content');
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="wrap-comment">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + reply.usercolor + ';">' + reply.userInitials + '</div><div>' : '') +
|
||||
'<div class="user-name">' + reply.username + '</div>' +
|
||||
'<div class="comment-date">' + reply.date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea id="comment-text" class="edit-reply-textarea">' + reply.reply + '</textarea></div>' +
|
||||
'</div>';
|
||||
$pageEdit.html(_.template(template));
|
||||
},
|
||||
|
||||
//view comments
|
||||
getTemplateAddReplyPopup: function(name, color, initial, date) {
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="popup container-add-reply">' +
|
||||
'<div class="navbar">' +
|
||||
'<div class="navbar-inner">' +
|
||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
|
||||
'<div class="center sliding">' + this.textAddReply + '</div>' +
|
||||
'<div class="right sliding"><a href="#" class="link" id="add-new-reply">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="pages">' +
|
||||
'<div class="page page-add-comment">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="wrap-reply">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + color + ';">' + initial + '</div><div>' : '') +
|
||||
'<div class="user-name">' + name + '</div>' +
|
||||
'<div class="comment-date">' + date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea class="reply-textarea" placeholder="' + this.textAddReply + '"></textarea></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
return template;
|
||||
},
|
||||
|
||||
getTemplateContainerViewComments: function() {
|
||||
var template = '<div class="toolbar toolbar-bottom" style="bottom: 0;">' +
|
||||
'<div class="toolbar-inner">' +
|
||||
'<div class="button-left">' +
|
||||
(!this.viewmode ? '<a href="#" class="link add-reply">' + this.textAddReply + '</a>' : '') +
|
||||
'</div>' +
|
||||
'<div class="button-right">' +
|
||||
'<a href="#" class="link prev-comment"><i class="icon icon-prev-comment"></i></a>' +
|
||||
'<a href="#" class="link next-comment"><i class="icon icon-next-comment"></i></a>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="pages">' +
|
||||
'<div class="page page-view-comments" data-page="comments-view">' +
|
||||
'<div class="page-content">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
return template;
|
||||
},
|
||||
|
||||
getTemplateEditCommentPopup: function(comment) {
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="popup container-edit-comment">' +
|
||||
'<div class="navbar">' +
|
||||
'<div class="navbar-inner">' +
|
||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? ' <i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
|
||||
'<div class="center sliding">' + this.textEditСomment + '</div>' +
|
||||
'<div class="right sliding"><a href="#" class="link" id="edit-comment">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="page-edit-comment">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="wrap-comment">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
||||
'<div class="user-name">' + comment.username + '</div>' +
|
||||
'<div class="comment-date">' + comment.date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea id="comment-text" class="comment-textarea">' + comment.comment + '</textarea></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
return template;
|
||||
},
|
||||
|
||||
getTemplateEditReplyPopup: function(reply) {
|
||||
var isAndroid = Framework7.prototype.device.android === true;
|
||||
var template = '<div class="popup container-edit-comment">' +
|
||||
'<div class="navbar">' +
|
||||
'<div class="navbar-inner">' +
|
||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
|
||||
'<div class="center sliding">' + this.textEditReply + '</div>' +
|
||||
'<div class="right sliding"><a href="#" class="link" id="edit-reply">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="pages">' +
|
||||
'<div class="page add-comment">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="wrap-comment">' +
|
||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + reply.usercolor + ';">' + reply.userInitials + '</div><div>' : '') +
|
||||
'<div class="user-name">' + reply.username + '</div>' +
|
||||
'<div class="comment-date">' + reply.date + '</div>' +
|
||||
(isAndroid ? '</div></div>' : '') +
|
||||
'<div><textarea id="comment-text" class="edit-reply-textarea">' + reply.reply + '</textarea></div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
return template;
|
||||
},
|
||||
|
||||
textCollaboration: 'Collaboration',
|
||||
textReviewing: 'Review',
|
||||
|
|
@ -209,7 +450,12 @@ define([
|
|||
textOriginal: 'Original',
|
||||
textChange: 'Review Change',
|
||||
textEditUsers: 'Users',
|
||||
textNoComments: "This document doesn\'t contain comments"
|
||||
textNoComments: 'This document doesn\'t contain comments',
|
||||
textEditСomment: 'Edit Comment',
|
||||
textDone: 'Done',
|
||||
textAddReply: 'Add Reply',
|
||||
textEditReply: 'Edit Reply',
|
||||
textCancel: 'Cancel'
|
||||
}
|
||||
})(), Common.Views.Collaboration || {}))
|
||||
});
|
||||
|
|
@ -92,7 +92,17 @@
|
|||
}
|
||||
|
||||
//Comments
|
||||
.page-comments {
|
||||
.page-comments, .add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||
.header-comment {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-right: 16px;
|
||||
.comment-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
.list-block .item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
|
|
@ -100,6 +110,13 @@
|
|||
}
|
||||
p {
|
||||
margin: 0;
|
||||
word-break: break-word;
|
||||
}
|
||||
.list-reply {
|
||||
padding-left: 26px;
|
||||
}
|
||||
.reply-textarea, .comment-textarea, .edit-reply-textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.user-name {
|
||||
font-size: 17px;
|
||||
|
|
@ -109,7 +126,7 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
.comment-date, .reply-date {
|
||||
font-size: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #6d6d72;
|
||||
margin: 0;
|
||||
|
|
@ -125,8 +142,14 @@
|
|||
}
|
||||
.reply-item {
|
||||
margin-top: 15px;
|
||||
padding-right: 16px;
|
||||
padding-top: 13px;
|
||||
.header-reply {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.user-name {
|
||||
padding-top: 16px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
|
|
@ -148,10 +171,253 @@
|
|||
color: @themeColor;
|
||||
border-left: 1px solid @themeColor;
|
||||
padding-left: 10px;
|
||||
padding-right: 16px;
|
||||
margin: 5px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.wrap-comment, .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
||||
margin-top: 10px;
|
||||
background:transparent;
|
||||
outline:none;
|
||||
width: 100%;
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
.settings.popup .list-block ul.list-reply:last-child:after, .settings.popover .list-block ul.list-reply:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.container-edit-comment {
|
||||
.page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
//view comment
|
||||
.container-view-comment {
|
||||
position: fixed;
|
||||
-webkit-transition: height 100ms;
|
||||
transition: height 120ms;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 50%;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12);
|
||||
.pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-view-comments {
|
||||
background-color: #FFFFFF;
|
||||
.list-block {
|
||||
margin-bottom: 100px;
|
||||
ul:before, ul:after {
|
||||
content: none;
|
||||
}
|
||||
.item-inner {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.toolbar {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
.toolbar-inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
.button-left {
|
||||
min-width: 80px;
|
||||
}
|
||||
.button-right {
|
||||
min-width: 62px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
a {
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swipe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40px;
|
||||
.icon-swipe {
|
||||
margin-top: 8px;
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
.list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
&.popover {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
min-height: 170px;
|
||||
height: 400px;
|
||||
max-height: 600px;
|
||||
|
||||
.toolbar {
|
||||
position: absolute;
|
||||
border-radius: 0 0 4px 4px;
|
||||
.toolbar-inner {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pages {
|
||||
position: absolute;
|
||||
|
||||
.page {
|
||||
border-radius: 13px;
|
||||
|
||||
.page-content {
|
||||
padding: 16px;
|
||||
padding-bottom: 80px;
|
||||
|
||||
.list-block {
|
||||
margin-bottom: 0px;
|
||||
|
||||
.item-content {
|
||||
padding-left: 0;
|
||||
|
||||
.header-comment, .reply-item {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-reply {
|
||||
margin-top: 10px;
|
||||
|
||||
.reply-textarea {
|
||||
min-height: 70px;
|
||||
width: 278px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-reply-textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
height: 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
padding-right: 0;
|
||||
|
||||
.comment-textarea {
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#done-comment {
|
||||
color: @themeColor;
|
||||
}
|
||||
.page-add-comment {
|
||||
background-color: #FFFFFF;
|
||||
.wrap-comment, .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
.header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.user-name {
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.comment-date {
|
||||
font-size: 13px;
|
||||
color: #6d6d72;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.wrap-textarea {
|
||||
margin-top: 16px;
|
||||
padding-right: 6px;
|
||||
.comment-textarea {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
min-height: 100px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
&::placeholder {
|
||||
color: @gray;
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-add-reply {
|
||||
height: 100%;
|
||||
.navbar {
|
||||
a.link i + span {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.actions-modal-button.color-red {
|
||||
color: @red;
|
||||
}
|
||||
|
||||
.page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||
background-color: #FFFFFF;
|
||||
.header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.navbar {
|
||||
.right {
|
||||
height: 100%;
|
||||
#add-reply, #edit-comment, #edit-reply {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container-edit-comment {
|
||||
position: fixed;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -97,4 +97,21 @@
|
|||
.popover-inner {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.container-add {
|
||||
.categories {
|
||||
> .buttons-row {
|
||||
.button {
|
||||
&.active {
|
||||
i.icon {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -89,23 +89,38 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
//Comments
|
||||
.page-comments {
|
||||
.list-block .item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
word-wrap: break-word;
|
||||
.page-comments, .page-add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||
.list-block {
|
||||
ul {
|
||||
&:before, &:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
.item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
word-wrap: break-word;
|
||||
&:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
word-break: break-word;
|
||||
}
|
||||
.list-reply {
|
||||
padding-left: 26px;
|
||||
}
|
||||
.reply-textarea, .comment-textarea, .edit-reply-textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.user-name {
|
||||
font-size: 17px;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
color: #000000;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.comment-date, .reply-date {
|
||||
font-size: 12px;
|
||||
|
|
@ -123,34 +138,333 @@
|
|||
padding-right: 15px;
|
||||
}
|
||||
.reply-item {
|
||||
margin-top: 15px;
|
||||
.user-name {
|
||||
padding-top: 16px;
|
||||
padding-right: 16px;
|
||||
padding-top: 13px;
|
||||
.header-reply {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
bottom: 0;
|
||||
right: auto;
|
||||
top: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: @listBlockBorderColor;
|
||||
display: block;
|
||||
z-index: 15;
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
.user-name {
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
.comment-quote {
|
||||
color: @themeColor;
|
||||
border-left: 1px solid @themeColor;
|
||||
padding-left: 10px;
|
||||
padding-right: 16px;
|
||||
margin: 5px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.wrap-comment, .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
||||
margin-top: 10px;
|
||||
background:transparent;
|
||||
outline:none;
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 3px;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.header-comment {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-right: 16px;
|
||||
.comment-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 70px;
|
||||
}
|
||||
.comment-left {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.initials-comment {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
border-radius: 50px;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 16px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.header-reply {
|
||||
.reply-left {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.initials-reply {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: #FFFFFF;
|
||||
font-size: 11px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 16px;
|
||||
border-radius: 50px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.settings.popup .list-block ul.list-reply:last-child:after, .settings.popover .list-block ul.list-reply:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
//view comment
|
||||
.container-view-comment {
|
||||
position: fixed;
|
||||
-webkit-transition: height 100ms;
|
||||
transition: height 100ms;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 50%;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
.page-view-comments {
|
||||
background-color: #FFFFFF;
|
||||
.list-block {
|
||||
margin-bottom: 120px;
|
||||
ul:before, ul:after {
|
||||
content: none;
|
||||
}
|
||||
.item-inner {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.toolbar {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
&.toolbar-bottom {
|
||||
top: auto;
|
||||
}
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
a {
|
||||
&.link {
|
||||
color: @themeColor;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.toolbar-inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
.button-left {
|
||||
min-width: 80px;
|
||||
}
|
||||
.button-right {
|
||||
min-width: 62px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
a {
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swipe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40px;
|
||||
.icon-swipe {
|
||||
margin-top: 8px;
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
.list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
&.popover {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
min-height: 170px;
|
||||
height: 400px;
|
||||
max-height: 600px;
|
||||
|
||||
.toolbar {
|
||||
position: absolute;
|
||||
border-radius: 0 0 4px 4px;
|
||||
.toolbar-inner {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pages {
|
||||
position: absolute;
|
||||
|
||||
.page {
|
||||
border-radius: 13px;
|
||||
|
||||
.page-content {
|
||||
padding: 16px;
|
||||
padding-bottom: 80px;
|
||||
|
||||
.list-block {
|
||||
margin-bottom: 0px;
|
||||
|
||||
.item-content {
|
||||
padding-left: 0;
|
||||
|
||||
.header-comment, .reply-item {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-reply {
|
||||
margin-top: 10px;
|
||||
|
||||
.reply-textarea {
|
||||
min-height: 70px;
|
||||
width: 278px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-reply-textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
height: 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
padding-right: 0;
|
||||
|
||||
.comment-textarea {
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#done-comment {
|
||||
padding: 0 16px;
|
||||
}
|
||||
.page-add-comment {
|
||||
.wrap-comment, .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
.header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.user-name {
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.comment-date {
|
||||
font-size: 13px;
|
||||
color: #6d6d72;
|
||||
}
|
||||
.wrap-textarea {
|
||||
margin-top: 16px;
|
||||
padding-right: 6px;
|
||||
.comment-textarea {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
min-height: 100px;
|
||||
border-radius: 4px;
|
||||
&::placeholder {
|
||||
color: @gray;
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container-edit-comment, .container-add-reply {
|
||||
height: 100%;
|
||||
.navbar {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: #c4c4c4;
|
||||
display: block;
|
||||
z-index: 15;
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.navbar-inner {
|
||||
justify-content: space-between;
|
||||
}
|
||||
a.link i + span {
|
||||
margin-left: 0;
|
||||
}
|
||||
.center {
|
||||
font-size: 18px;
|
||||
}
|
||||
.right {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.page-add-comment {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.actions-modal-button.color-red {
|
||||
color: @red;
|
||||
}
|
||||
|
||||
.page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||
background-color: #FFFFFF;
|
||||
.header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.navbar {
|
||||
.right {
|
||||
height: 100%;
|
||||
#add-new-reply, #edit-comment, #edit-reply {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container-edit-comment {
|
||||
position: fixed;
|
||||
}
|
||||
|
|
@ -60,8 +60,10 @@ define([
|
|||
_isEdit = false,
|
||||
_canReview = false,
|
||||
_inRevisionChange = false,
|
||||
_isComments = false,
|
||||
_menuPos = [],
|
||||
_timer = 0;
|
||||
_timer = 0,
|
||||
_canViewComments = true;
|
||||
|
||||
return {
|
||||
models: [],
|
||||
|
|
@ -95,12 +97,15 @@ define([
|
|||
Common.NotificationCenter.on('api:disconnect', _.bind(me.onCoAuthoringDisconnect, me));
|
||||
me.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(me.onCoAuthoringDisconnect,me));
|
||||
me.api.asc_registerCallback('asc_onShowRevisionsChange', _.bind(me.onApiShowChange, me));
|
||||
me.api.asc_registerCallback('asc_onShowComment', _.bind(me.onApiShowComment, me));
|
||||
me.api.asc_registerCallback('asc_onHideComment', _.bind(me.onApiHideComment, me));
|
||||
me.api.asc_coAuthoringGetUsers();
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
_isEdit = mode.isEdit;
|
||||
_canReview = mode.canReview;
|
||||
_canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
// When our application is ready, lets get started
|
||||
|
|
@ -223,6 +228,13 @@ define([
|
|||
getCollaboration.showModal();
|
||||
getCollaboration.getView('Common.Views.Collaboration').showPage('#reviewing-settings-view', false);
|
||||
getCollaboration.getView('Common.Views.Collaboration').showPage('#change-view', false);
|
||||
} else if ('viewcomment' == eventName) {
|
||||
var getCollaboration = DE.getController('Common.Controllers.Collaboration');
|
||||
getCollaboration.showCommentModal();
|
||||
} else if ('addcomment' == eventName) {
|
||||
_view.hideMenu();
|
||||
DE.getController('AddContainer').showModal();
|
||||
DE.getController('AddOther').getView('AddOther').showPageComment(false);
|
||||
} else if ('showActionSheet' == eventName && _actionSheets.length > 0) {
|
||||
_.delay(function () {
|
||||
_.each(_actionSheets, function (action) {
|
||||
|
|
@ -431,6 +443,14 @@ define([
|
|||
_inRevisionChange = sdkchange && sdkchange.length>0;
|
||||
},
|
||||
|
||||
onApiShowComment: function(comments) {
|
||||
_isComments = comments && comments.length>0;
|
||||
},
|
||||
|
||||
onApiHideComment: function() {
|
||||
_isComments = false;
|
||||
},
|
||||
|
||||
// Internal
|
||||
|
||||
_openLink: function(url) {
|
||||
|
|
@ -458,6 +478,12 @@ define([
|
|||
icon: 'icon-copy'
|
||||
});
|
||||
}
|
||||
if (_canViewComments && _isComments && !_isEdit) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
}
|
||||
|
||||
var isText = false,
|
||||
isTable = false,
|
||||
|
|
@ -478,7 +504,7 @@ define([
|
|||
lockedHeader = objectValue.get_Locked();
|
||||
}
|
||||
|
||||
if (objectType == Asc.c_oAscTypeSelectElement.Text) {
|
||||
if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
|
||||
isText = true;
|
||||
lockedText = objectValue.get_Locked();
|
||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Image) {
|
||||
|
|
@ -579,6 +605,22 @@ define([
|
|||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (_isComments && _canViewComments) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
}
|
||||
|
||||
var isObject = isShape || isChart || isImage || isTable;
|
||||
var hideAddComment = !_canViewComments || me.api.can_AddQuotedComment() === false || lockedText || lockedTable || lockedImage || lockedHeader || (!isText && isObject);
|
||||
if (!hideAddComment) {
|
||||
arrItems.push({
|
||||
caption: me.menuAddComment,
|
||||
event: 'addcomment'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -626,6 +668,8 @@ define([
|
|||
menuSplit: 'Split Cell',
|
||||
menuDeleteTable: 'Delete Table',
|
||||
menuReviewChange: 'Review Change',
|
||||
menuViewComment: 'View Comment',
|
||||
menuAddComment: 'Add Comment',
|
||||
textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
|
||||
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
|
||||
textDoNotShowAgain: 'Don\'t show again'
|
||||
|
|
|
|||
|
|
@ -528,7 +528,7 @@ define([
|
|||
me.api.asc_SetTrackRevisions(me.appOptions.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (me.appOptions.fileKey || '')));
|
||||
|
||||
/** coauthoring begin **/
|
||||
this.isLiveCommenting = Common.localStorage.getBool("de-settings-livecomment", true);
|
||||
this.isLiveCommenting = Common.localStorage.getBool("de-mobile-settings-livecomment", true);
|
||||
var resolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
|
||||
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();
|
||||
/** coauthoring end **/
|
||||
|
|
@ -762,7 +762,10 @@ define([
|
|||
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
||||
me.appOptions.canUseMailMerge = me.appOptions.canLicense && me.appOptions.canEdit && !me.appOptions.isDesktopApp;
|
||||
me.appOptions.canSendEmailAddresses = me.appOptions.canLicense && me.editorConfig.canSendEmailAddresses && me.appOptions.canEdit && me.appOptions.canCoAuthoring;
|
||||
me.appOptions.canComments = me.appOptions.canLicense && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canComments = me.appOptions.canLicense && (me.permissions.comment===undefined ? me.appOptions.isEdit : me.permissions.comment) && (me.editorConfig.mode !== 'view');
|
||||
me.appOptions.canComments = me.appOptions.canComments && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canViewComments = me.appOptions.canComments || !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canEditComments = me.appOptions.isOffline || !(typeof (me.editorConfig.customization) == 'object' && me.editorConfig.customization.commentAuthorOnly);
|
||||
me.appOptions.canChat = me.appOptions.canLicense && !me.appOptions.isOffline && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.chat===false);
|
||||
me.appOptions.canEditStyles = me.appOptions.canLicense && me.appOptions.canEdit;
|
||||
me.appOptions.canPrint = (me.permissions.print !== false);
|
||||
|
|
|
|||
|
|
@ -237,7 +237,7 @@ define([
|
|||
$('#settings-hidden-borders input:checkbox').attr('checked', (Common.localStorage.getItem("de-mobile-hidden-borders") == 'true') ? true : false);
|
||||
$('#settings-hidden-borders input:checkbox').single('change', _.bind(me.onShowTableEmptyLine, me));
|
||||
$('#settings-orthography').single('click', _.bind(me.onOrthographyCheck, me));
|
||||
var displayComments = Common.localStorage.getBool("de-settings-livecomment", true);
|
||||
var displayComments = Common.localStorage.getBool("de-mobile-settings-livecomment", true);
|
||||
$('#settings-display-comments input:checkbox').attr('checked', displayComments);
|
||||
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
|
||||
var displayResolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
|
||||
|
|
@ -285,11 +285,11 @@ define([
|
|||
this.api.asc_showComments(resolved);
|
||||
$("#settings-display-resolved").removeClass("disabled");
|
||||
}
|
||||
Common.localStorage.setBool("de-settings-livecomment", displayComments);
|
||||
Common.localStorage.setBool("de-mobile-settings-livecomment", displayComments);
|
||||
},
|
||||
|
||||
onChangeDisplayResolved: function(e) {
|
||||
var displayComments = Common.localStorage.getBool("de-settings-livecomment");
|
||||
var displayComments = Common.localStorage.getBool("de-mobile-settings-livecomment");
|
||||
if (displayComments) {
|
||||
var resolved = $(e.currentTarget).is(':checked');
|
||||
if (this.api) {
|
||||
|
|
|
|||
|
|
@ -75,6 +75,7 @@ define([
|
|||
uiApp.closeModal();
|
||||
|
||||
me._showByStack(Common.SharedSettings.get('phone'));
|
||||
uiApp.showTab('#add-other');
|
||||
|
||||
DE.getController('Toolbar').getView('Toolbar').hideSearch();
|
||||
},
|
||||
|
|
@ -92,6 +93,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textTable,
|
||||
id: 'add-table',
|
||||
icon: 'icon-add-table',
|
||||
layout: DE.getController('AddTable')
|
||||
.getView('AddTable')
|
||||
.rootLayout()
|
||||
|
|
@ -100,6 +102,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textShape,
|
||||
id: 'add-shape',
|
||||
icon: 'icon-add-shape',
|
||||
layout: DE.getController('AddShape')
|
||||
.getView('AddShape')
|
||||
.rootLayout()
|
||||
|
|
@ -108,6 +111,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textImage,
|
||||
id: 'add-image',
|
||||
icon: 'icon-add-image',
|
||||
layout: DE.getController('AddImage')
|
||||
.getView('AddImage')
|
||||
.rootLayout()
|
||||
|
|
@ -116,6 +120,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textOther,
|
||||
id: 'add-other',
|
||||
icon: 'icon-add-other',
|
||||
layout: DE.getController('AddOther')
|
||||
.getView('AddOther')
|
||||
.rootLayout()
|
||||
|
|
@ -153,7 +158,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.toolbar-inner')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
$layoutNavbar
|
||||
|
|
@ -168,7 +173,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.buttons-row')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
}
|
||||
|
|
@ -179,10 +184,7 @@ define([
|
|||
var $layoutPages = $(
|
||||
'<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs"></div>' +
|
||||
'</div>' +
|
||||
'<div class="page-content tabs">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
|
|
@ -247,7 +249,8 @@ define([
|
|||
}
|
||||
|
||||
me.rootView = uiApp.addView('.add-root-view', {
|
||||
dynamicNavbar: true
|
||||
dynamicNavbar: true,
|
||||
domCache: true
|
||||
});
|
||||
|
||||
Common.NotificationCenter.trigger('addcontainer:show');
|
||||
|
|
|
|||
|
|
@ -81,14 +81,61 @@ define([
|
|||
me.api = api;
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
this.view = this.getView('AddOther');
|
||||
this.view.canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
onLaunch: function () {
|
||||
this.createView('AddOther').render();
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
$('#add-other-pagebreak').single('click', _.bind(me.onPageBreak, me));
|
||||
$('#add-other-columnbreak').single('click', _.bind(me.onColumnBreak, me));
|
||||
this.view.hideInsertComments = this.isHideInsertComment();
|
||||
},
|
||||
|
||||
isHideInsertComment: function() {
|
||||
var stack = this.api.getSelectedElements();
|
||||
var isText = false,
|
||||
isTable = false,
|
||||
isImage = false,
|
||||
isChart = false,
|
||||
isShape = false,
|
||||
isLink = false,
|
||||
lockedText = false,
|
||||
lockedTable = false,
|
||||
lockedImage = false,
|
||||
lockedHeader = false;
|
||||
_.each(stack, function (item) {
|
||||
var objectType = item.get_ObjectType(),
|
||||
objectValue = item.get_ObjectValue();
|
||||
if (objectType == Asc.c_oAscTypeSelectElement.Header) {
|
||||
lockedHeader = objectValue.get_Locked();
|
||||
}
|
||||
if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
|
||||
isText = true;
|
||||
lockedText = objectValue.get_Locked();
|
||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Image) {
|
||||
lockedImage = objectValue.get_Locked();
|
||||
if (objectValue && objectValue.get_ChartProperties()) {
|
||||
isChart = true;
|
||||
} else if (objectType && objectValue.get_ShapeProperties()) {
|
||||
isShape = true;
|
||||
} else {
|
||||
isImage = true;
|
||||
}
|
||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Table) {
|
||||
isTable = true;
|
||||
lockedTable = objectValue.get_Locked();
|
||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Hyperlink) {
|
||||
isLink = true;
|
||||
}
|
||||
});
|
||||
if (stack.length > 0) {
|
||||
var isObject = isShape || isChart || isImage || isTable;
|
||||
return (this.api.can_AddQuotedComment() === false || lockedText || lockedTable || lockedImage || lockedHeader || (!isText && isObject));
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
onPageShow: function (view, pageId) {
|
||||
|
|
@ -108,10 +155,51 @@ define([
|
|||
}
|
||||
} else if (pageId == '#addother-insert-footnote') {
|
||||
me.initInsertFootnote();
|
||||
} else if (pageId === "#addother-insert-comment") {
|
||||
me.initInsertComment(false);
|
||||
} else if (pageId === "#addother-insert-break") {
|
||||
$('#add-other-pagebreak').single('click', _.bind(me.onPageBreak, me));
|
||||
$('#add-other-columnbreak').single('click', _.bind(me.onColumnBreak, me));
|
||||
}
|
||||
},
|
||||
|
||||
// Handlers
|
||||
initInsertComment: function (documentFlag) {
|
||||
var comment = DE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
||||
if (comment) {
|
||||
this.getView('AddOther').renderComment(comment);
|
||||
$('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
|
||||
$('.back-from-add-comment').single('click', _.bind(function () {
|
||||
if ($('#comment-text').val().length > 0) {
|
||||
uiApp.modal({
|
||||
title: '',
|
||||
text: this.textDeleteDraft,
|
||||
buttons: [
|
||||
{
|
||||
text: this.textCancel
|
||||
},
|
||||
{
|
||||
text: this.textDelete,
|
||||
bold: true,
|
||||
onClick: function () {
|
||||
DE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}]
|
||||
})
|
||||
} else {
|
||||
DE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}, this));
|
||||
}
|
||||
},
|
||||
|
||||
onDoneComment: function(documentFlag) {
|
||||
var value = $('#comment-text').val();
|
||||
if (value.length > 0) {
|
||||
DE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag);
|
||||
DE.getController('AddContainer').hideModal();
|
||||
}
|
||||
},
|
||||
|
||||
initInsertFootnote: function () {
|
||||
var me = this,
|
||||
|
|
@ -367,7 +455,11 @@ define([
|
|||
|
||||
txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"',
|
||||
textBottomOfPage: 'Bottom Of Page',
|
||||
textBelowText: 'Below Text'
|
||||
textBelowText: 'Below Text',
|
||||
textDeleteDraft: 'Do you really want to delete draft?',
|
||||
textCancel: 'Cancel',
|
||||
//textContinue: 'Continue',
|
||||
textDelete: 'Delete'
|
||||
|
||||
}
|
||||
})(), DE.Controllers.AddOther || {}))
|
||||
|
|
|
|||
|
|
@ -239,10 +239,7 @@ define([
|
|||
var $layoutPages = $(
|
||||
'<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs"></div>' +
|
||||
'</div>' +
|
||||
'<div class="page-content tabs">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
|
|
|
|||
|
|
@ -2,38 +2,14 @@
|
|||
<div id="addother-root-view">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
<li>
|
||||
<a id="add-other-pagebreak" class="item-link no-indicator">
|
||||
<li id='item-comment'>
|
||||
<a id="add-other-comment" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-pagebreak"></i>
|
||||
<i class="icon icon-insert-comment"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textPageBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-columnbreak" class="item-link no-indicator">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-stringbreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textColumnBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-section" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-sectionbreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textSectionBreak %></div>
|
||||
<div class="item-title"><%= scope.textComment %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -62,6 +38,18 @@
|
|||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-break" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-sectionbreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-footnote" class="item-link">
|
||||
<div class="item-content">
|
||||
|
|
@ -324,4 +312,76 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page Insert Comment view -->
|
||||
<div id="addother-insert-comment">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back-from-add-comment link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textAddComment %></div>
|
||||
<div class="right sliding"><a id="done-comment"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page page-add-comment" data-page="addother-insert-comment">
|
||||
<div class="page-content">
|
||||
<div id="comment-info" class="wrap-comment">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Break view -->
|
||||
<div id="addother-insert-break">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="addother-insert-break">
|
||||
<div class="page-content">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
<li>
|
||||
<a id="add-other-pagebreak" class="item-link no-indicator">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-pagebreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textPageBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-columnbreak" class="item-link no-indicator">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-stringbreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textColumnBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-section" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-sectionbreak"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textSectionBreak %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -303,9 +303,9 @@
|
|||
<div class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<div class="page" data-page="edit-chart-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
||||
<% _.each(types, function(row) { %>
|
||||
<ul class="row">
|
||||
|
|
@ -317,7 +317,7 @@
|
|||
</ul>
|
||||
<% }); %>
|
||||
</div>
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles">
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles" style="width: 100%;">
|
||||
<!--Styles-->
|
||||
</div>
|
||||
<div id="tab-chart-fill" class="page-content tab">
|
||||
|
|
@ -353,7 +353,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -335,8 +335,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-shape-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-shape-fill" class="page-content tab active">
|
||||
<!--Fill colors-->
|
||||
</div>
|
||||
|
|
@ -389,7 +388,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -250,8 +250,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-table-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-table-style" class="page-content tab active">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
|
|
@ -331,7 +330,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -126,11 +126,15 @@ define([
|
|||
},
|
||||
|
||||
hideMenu: function () {
|
||||
$('#' + _anchorId)
|
||||
.css('left', -1000)
|
||||
.css('top', -1000);
|
||||
if ($('.document-menu').length > 0) {
|
||||
$('#' + _anchorId)
|
||||
.css('left', -1000)
|
||||
.css('top', -1000);
|
||||
|
||||
uiApp.closeModal('.document-menu.modal-in');
|
||||
uiApp.closeModal('.document-menu.modal-in');
|
||||
} else if ($('.actions-modal').length > 0) {
|
||||
uiApp.closeModal('.actions-modal.modal-in');
|
||||
}
|
||||
}
|
||||
}
|
||||
})());
|
||||
|
|
|
|||
|
|
@ -66,10 +66,16 @@ define([
|
|||
initEvents: function () {
|
||||
var me = this;
|
||||
|
||||
$('#add-other-section').single('click', _.bind(me.showSectionBreak, me));
|
||||
$('#add-other-link').single('click', _.bind(me.showLink, me));
|
||||
$('#add-other-pagenumber').single('click', _.bind(me.showPagePosition, me));
|
||||
$('#add-other-footnote').single('click', _.bind(me.showPageFootnote, me));
|
||||
$('#add-other-break').single('click', _.bind(me.showPageBreak, me));
|
||||
if (this.hideInsertComments) {
|
||||
$('#item-comment').hide();
|
||||
} else {
|
||||
$('#item-comment').show();
|
||||
$('#add-other-comment').single('click', _.bind(me.showPageComment, me));
|
||||
}
|
||||
|
||||
me.initControls();
|
||||
},
|
||||
|
|
@ -87,6 +93,9 @@ define([
|
|||
|
||||
rootLayout: function () {
|
||||
if (this.layout) {
|
||||
if (!this.canViewComments) {
|
||||
this.layout.find('#addother-root-view #item-comment').remove();
|
||||
}
|
||||
return this.layout
|
||||
.find('#addother-root-view')
|
||||
.html();
|
||||
|
|
@ -119,6 +128,11 @@ define([
|
|||
}
|
||||
},
|
||||
|
||||
showPageBreak: function() {
|
||||
this.showPage('#addother-insert-break');
|
||||
$('#add-other-section').single('click', _.bind(this.showSectionBreak, this));
|
||||
},
|
||||
|
||||
showSectionBreak: function () {
|
||||
this.showPage('#addother-sectionbreak');
|
||||
},
|
||||
|
|
@ -143,6 +157,46 @@ define([
|
|||
this.showPage('#addother-insert-footnote');
|
||||
},
|
||||
|
||||
showPageComment: function(animate) {
|
||||
this.showPage('#addother-insert-comment', animate);
|
||||
},
|
||||
|
||||
renderComment: function(comment) {
|
||||
var me = this;
|
||||
_.delay(function () {
|
||||
var $commentInfo = $('#comment-info');
|
||||
var template = [
|
||||
'<% if (android) { %><div class="header-comment"><div class="initials-comment" style="background-color: <%= comment.usercolor %>;"><%= comment.userInitials %></div><div><% } %>',
|
||||
'<div class="user-name"><%= comment.username %></div>',
|
||||
'<div class="comment-date"><%= comment.date %></div>',
|
||||
'<% if (android) { %></div></div><% } %>',
|
||||
'<div class="wrap-textarea"><textarea id="comment-text" class="comment-textarea" placeholder="<%= textAddComment %>" autofocus></textarea></div>'
|
||||
].join('');
|
||||
var insert = _.template(template)({
|
||||
android: Framework7.prototype.device.android,
|
||||
comment: comment,
|
||||
textAddComment: me.textAddComment
|
||||
});
|
||||
$commentInfo.html(insert);
|
||||
_.defer(function () {
|
||||
var $textarea = $('.comment-textarea')[0];
|
||||
var $btnAddComment = $('#done-comment');
|
||||
$btnAddComment.addClass('disabled');
|
||||
$textarea.focus();
|
||||
$textarea.oninput = function () {
|
||||
if ($textarea.value.length < 1) {
|
||||
if (!$btnAddComment.hasClass('disabled'))
|
||||
$btnAddComment.addClass('disabled');
|
||||
} else {
|
||||
if ($btnAddComment.hasClass('disabled')) {
|
||||
$btnAddComment.removeClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
}, 100);
|
||||
},
|
||||
|
||||
renderNumFormat: function (dataFormat, selectFormat) {
|
||||
var $listFormat = $('#list-format-footnote ul'),
|
||||
items = [];
|
||||
|
|
@ -221,8 +275,11 @@ define([
|
|||
textInsertFootnote: 'Insert Footnote',
|
||||
textFormat: 'Format',
|
||||
textStartFrom: 'Start At',
|
||||
textLocation: 'Location'
|
||||
|
||||
textLocation: 'Location',
|
||||
textComment: 'Comment',
|
||||
textAddComment: 'Add Comment',
|
||||
textDone: 'Done',
|
||||
textBreak: 'Break'
|
||||
|
||||
}
|
||||
})(), DE.Views.AddOther || {}))
|
||||
|
|
|
|||
|
|
@ -12,6 +12,17 @@
|
|||
"Common.Controllers.Collaboration.textDeleted": "<b>Deleted:</b>",
|
||||
"Common.Controllers.Collaboration.textDStrikeout": "Double strikeout",
|
||||
"Common.Controllers.Collaboration.textEditUser": "Users who are editing the file:",
|
||||
"Common.Controllers.Collaboration.textCancel": "Cancel",
|
||||
"Common.Controllers.Collaboration.textDone": "Done",
|
||||
"Common.Controllers.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Controllers.Collaboration.textEdit": "Edit",
|
||||
"Common.Controllers.Collaboration.textResolve": "Resolve",
|
||||
"Common.Controllers.Collaboration.textDeleteComment": "Delete comment",
|
||||
"Common.Controllers.Collaboration.textDeleteReply": "Delete reply",
|
||||
"Common.Controllers.Collaboration.textReopen": "Reopen",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteComment": "Do you really want to delete this comment?",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteReply": "Do you really want to delete this reply?",
|
||||
"Common.Controllers.Collaboration.textYes": "Yes",
|
||||
"Common.Controllers.Collaboration.textEquation": "Equation",
|
||||
"Common.Controllers.Collaboration.textExact": "exactly",
|
||||
"Common.Controllers.Collaboration.textFirstLine": "First line",
|
||||
|
|
@ -77,6 +88,11 @@
|
|||
"Common.Views.Collaboration.textReview": "Track Changes",
|
||||
"Common.Views.Collaboration.textReviewing": "Review",
|
||||
"Common.Views.Collaboration.textСomments": "Сomments",
|
||||
"Common.Views.Collaboration.textEditСomment": "Edit Comment",
|
||||
"Common.Views.Collaboration.textDone": "Done",
|
||||
"Common.Views.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Views.Collaboration.textEditReply": "Edit Reply",
|
||||
"Common.Views.Collaboration.textCancel": "Cancel",
|
||||
"DE.Controllers.AddContainer.textImage": "Image",
|
||||
"DE.Controllers.AddContainer.textOther": "Other",
|
||||
"DE.Controllers.AddContainer.textShape": "Shape",
|
||||
|
|
@ -86,6 +102,10 @@
|
|||
"DE.Controllers.AddOther.textBelowText": "Below Text",
|
||||
"DE.Controllers.AddOther.textBottomOfPage": "Bottom Of Page",
|
||||
"DE.Controllers.AddOther.txtNotUrl": "This field should be a URL in the 'http://www.example.com' format",
|
||||
"DE.Controllers.AddOther.textDeleteDraft": "Do you really want to delete draft?",
|
||||
"DE.Controllers.AddOther.textCancel": "Cancel",
|
||||
"DE.Controllers.AddOther.textContinue": "Continue",
|
||||
"DE.Controllers.AddOther.textDelete": "Delete",
|
||||
"DE.Controllers.AddTable.textCancel": "Cancel",
|
||||
"DE.Controllers.AddTable.textColumns": "Columns",
|
||||
"DE.Controllers.AddTable.textRows": "Rows",
|
||||
|
|
@ -111,6 +131,8 @@
|
|||
"DE.Controllers.DocumentHolder.textDoNotShowAgain": "Do not show again",
|
||||
"DE.Controllers.DocumentHolder.textGuest": "Guest",
|
||||
"DE.Controllers.DocumentHolder.textRows": "Rows",
|
||||
"DE.Controllers.DocumentHolder.menuViewComment": "View Comment",
|
||||
"DE.Controllers.DocumentHolder.menuAddComment": "Add Comment",
|
||||
"DE.Controllers.EditContainer.textChart": "Chart",
|
||||
"DE.Controllers.EditContainer.textFooter": "Footer",
|
||||
"DE.Controllers.EditContainer.textHeader": "Header",
|
||||
|
|
@ -299,6 +321,10 @@
|
|||
"DE.Views.AddOther.textSectionBreak": "Section Break",
|
||||
"DE.Views.AddOther.textStartFrom": "Start At",
|
||||
"DE.Views.AddOther.textTip": "Screen Tip",
|
||||
"DE.Views.AddOther.textComment": "Comment",
|
||||
"DE.Views.AddOther.textAddComment": "Add Comment",
|
||||
"DE.Views.AddOther.textDone": "Done",
|
||||
"DE.Views.AddOther.textBreak": "Break",
|
||||
"DE.Views.EditChart.textAddCustomColor": "Add Custom Color",
|
||||
"DE.Views.EditChart.textAlign": "Align",
|
||||
"DE.Views.EditChart.textBack": "Back",
|
||||
|
|
|
|||
|
|
@ -5975,6 +5975,14 @@ html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after {
|
|||
.settings .popover-inner {
|
||||
height: 400px;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button.active i.icon {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dataview.page-content {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
|
@ -6482,15 +6490,97 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
#user-list ul:before {
|
||||
content: none;
|
||||
}
|
||||
.page-comments .list-block .item-inner {
|
||||
.page-comments .header-comment,
|
||||
.add-comment .header-comment,
|
||||
.page-view-comments .header-comment,
|
||||
.container-edit-comment .header-comment,
|
||||
.container-add-reply .header-comment,
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.page-comments .header-comment .comment-right,
|
||||
.add-comment .header-comment .comment-right,
|
||||
.page-view-comments .header-comment .comment-right,
|
||||
.container-edit-comment .header-comment .comment-right,
|
||||
.container-add-reply .header-comment .comment-right,
|
||||
.page-edit-comment .header-comment .comment-right,
|
||||
.page-add-reply .header-comment .comment-right,
|
||||
.page-edit-reply .header-comment .comment-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 70px;
|
||||
}
|
||||
.page-comments .list-block .item-inner,
|
||||
.add-comment .list-block .item-inner,
|
||||
.page-view-comments .list-block .item-inner,
|
||||
.container-edit-comment .list-block .item-inner,
|
||||
.container-add-reply .list-block .item-inner,
|
||||
.page-edit-comment .list-block .item-inner,
|
||||
.page-add-reply .list-block .item-inner,
|
||||
.page-edit-reply .list-block .item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.page-comments p {
|
||||
.page-comments p,
|
||||
.add-comment p,
|
||||
.page-view-comments p,
|
||||
.container-edit-comment p,
|
||||
.container-add-reply p,
|
||||
.page-edit-comment p,
|
||||
.page-add-reply p,
|
||||
.page-edit-reply p {
|
||||
margin: 0;
|
||||
word-break: break-word;
|
||||
}
|
||||
.page-comments .user-name {
|
||||
.page-comments .list-reply,
|
||||
.add-comment .list-reply,
|
||||
.page-view-comments .list-reply,
|
||||
.container-edit-comment .list-reply,
|
||||
.container-add-reply .list-reply,
|
||||
.page-edit-comment .list-reply,
|
||||
.page-add-reply .list-reply,
|
||||
.page-edit-reply .list-reply {
|
||||
padding-left: 26px;
|
||||
}
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.page-comments .user-name,
|
||||
.add-comment .user-name,
|
||||
.page-view-comments .user-name,
|
||||
.container-edit-comment .user-name,
|
||||
.container-add-reply .user-name,
|
||||
.page-edit-comment .user-name,
|
||||
.page-add-reply .user-name,
|
||||
.page-edit-reply .user-name {
|
||||
font-size: 17px;
|
||||
line-height: 22px;
|
||||
color: #000000;
|
||||
|
|
@ -6498,15 +6588,43 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
font-weight: bold;
|
||||
}
|
||||
.page-comments .comment-date,
|
||||
.page-comments .reply-date {
|
||||
font-size: 12px;
|
||||
.add-comment .comment-date,
|
||||
.page-view-comments .comment-date,
|
||||
.container-edit-comment .comment-date,
|
||||
.container-add-reply .comment-date,
|
||||
.page-edit-comment .comment-date,
|
||||
.page-add-reply .comment-date,
|
||||
.page-edit-reply .comment-date,
|
||||
.page-comments .reply-date,
|
||||
.add-comment .reply-date,
|
||||
.page-view-comments .reply-date,
|
||||
.container-edit-comment .reply-date,
|
||||
.container-add-reply .reply-date,
|
||||
.page-edit-comment .reply-date,
|
||||
.page-add-reply .reply-date,
|
||||
.page-edit-reply .reply-date {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #6d6d72;
|
||||
margin: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.page-comments .comment-text,
|
||||
.page-comments .reply-text {
|
||||
.add-comment .comment-text,
|
||||
.page-view-comments .comment-text,
|
||||
.container-edit-comment .comment-text,
|
||||
.container-add-reply .comment-text,
|
||||
.page-edit-comment .comment-text,
|
||||
.page-add-reply .comment-text,
|
||||
.page-edit-reply .comment-text,
|
||||
.page-comments .reply-text,
|
||||
.add-comment .reply-text,
|
||||
.page-view-comments .reply-text,
|
||||
.container-edit-comment .reply-text,
|
||||
.container-add-reply .reply-text,
|
||||
.page-edit-comment .reply-text,
|
||||
.page-add-reply .reply-text,
|
||||
.page-edit-reply .reply-text {
|
||||
color: #000000;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
|
|
@ -6514,13 +6632,47 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
max-width: 100%;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-comments .reply-item {
|
||||
.page-comments .reply-item,
|
||||
.add-comment .reply-item,
|
||||
.page-view-comments .reply-item,
|
||||
.container-edit-comment .reply-item,
|
||||
.container-add-reply .reply-item,
|
||||
.page-edit-comment .reply-item,
|
||||
.page-add-reply .reply-item,
|
||||
.page-edit-reply .reply-item {
|
||||
margin-top: 15px;
|
||||
padding-right: 16px;
|
||||
padding-top: 13px;
|
||||
}
|
||||
.page-comments .reply-item .user-name {
|
||||
padding-top: 16px;
|
||||
.page-comments .reply-item .header-reply,
|
||||
.add-comment .reply-item .header-reply,
|
||||
.page-view-comments .reply-item .header-reply,
|
||||
.container-edit-comment .reply-item .header-reply,
|
||||
.container-add-reply .reply-item .header-reply,
|
||||
.page-edit-comment .reply-item .header-reply,
|
||||
.page-add-reply .reply-item .header-reply,
|
||||
.page-edit-reply .reply-item .header-reply {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.page-comments .reply-item:before {
|
||||
.page-comments .reply-item .user-name,
|
||||
.add-comment .reply-item .user-name,
|
||||
.page-view-comments .reply-item .user-name,
|
||||
.container-edit-comment .reply-item .user-name,
|
||||
.container-add-reply .reply-item .user-name,
|
||||
.page-edit-comment .reply-item .user-name,
|
||||
.page-add-reply .reply-item .user-name,
|
||||
.page-edit-reply .reply-item .user-name {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.page-comments .reply-item:before,
|
||||
.add-comment .reply-item:before,
|
||||
.page-view-comments .reply-item:before,
|
||||
.container-edit-comment .reply-item:before,
|
||||
.container-add-reply .reply-item:before,
|
||||
.page-edit-comment .reply-item:before,
|
||||
.page-add-reply .reply-item:before,
|
||||
.page-edit-reply .reply-item:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
|
|
@ -6535,17 +6687,298 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
-webkit-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.page-comments .comment-quote {
|
||||
.page-comments .comment-quote,
|
||||
.add-comment .comment-quote,
|
||||
.page-view-comments .comment-quote,
|
||||
.container-edit-comment .comment-quote,
|
||||
.container-add-reply .comment-quote,
|
||||
.page-edit-comment .comment-quote,
|
||||
.page-add-reply .comment-quote,
|
||||
.page-edit-reply .comment-quote {
|
||||
color: #446995;
|
||||
border-left: 1px solid #446995;
|
||||
padding-left: 10px;
|
||||
padding-right: 16px;
|
||||
margin: 5px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.page-comments .wrap-comment,
|
||||
.add-comment .wrap-comment,
|
||||
.page-view-comments .wrap-comment,
|
||||
.container-edit-comment .wrap-comment,
|
||||
.container-add-reply .wrap-comment,
|
||||
.page-edit-comment .wrap-comment,
|
||||
.page-add-reply .wrap-comment,
|
||||
.page-edit-reply .wrap-comment,
|
||||
.page-comments .wrap-reply,
|
||||
.add-comment .wrap-reply,
|
||||
.page-view-comments .wrap-reply,
|
||||
.container-edit-comment .wrap-reply,
|
||||
.container-add-reply .wrap-reply,
|
||||
.page-edit-comment .wrap-reply,
|
||||
.page-add-reply .wrap-reply,
|
||||
.page-edit-reply .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
margin-top: 10px;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 100px;
|
||||
}
|
||||
.settings.popup .list-block ul.list-reply:last-child:after,
|
||||
.settings.popover .list-block ul.list-reply:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
.container-edit-comment .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment {
|
||||
position: fixed;
|
||||
-webkit-transition: height 100ms;
|
||||
transition: height 120ms;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 50%;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.container-view-comment .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block ul:before,
|
||||
.container-view-comment .page-view-comments .list-block ul:after {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block .item-inner {
|
||||
padding: 0;
|
||||
}
|
||||
.container-view-comment .toolbar {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
.container-view-comment .toolbar:before {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-left {
|
||||
min-width: 80px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right {
|
||||
min-width: 62px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right a {
|
||||
padding: 0 12px;
|
||||
}
|
||||
.container-view-comment .swipe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40px;
|
||||
}
|
||||
.container-view-comment .swipe-container .icon-swipe {
|
||||
margin-top: 8px;
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.container-view-comment .list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
.container-view-comment.popover {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
min-height: 170px;
|
||||
height: 400px;
|
||||
max-height: 600px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar {
|
||||
position: absolute;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar .toolbar-inner {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages {
|
||||
position: absolute;
|
||||
}
|
||||
.container-view-comment.popover .pages .page {
|
||||
border-radius: 13px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content {
|
||||
padding: 16px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content {
|
||||
padding-left: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment,
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea {
|
||||
min-height: 70px;
|
||||
width: 278px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .edit-reply-textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
height: 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea {
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
#done-comment {
|
||||
color: #446995;
|
||||
}
|
||||
.page-add-comment {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-add-comment .wrap-comment,
|
||||
.page-add-comment .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .header-comment,
|
||||
.page-add-comment .wrap-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-add-comment .wrap-comment .user-name,
|
||||
.page-add-comment .wrap-reply .user-name {
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .comment-date,
|
||||
.page-add-comment .wrap-reply .comment-date {
|
||||
font-size: 13px;
|
||||
color: #6d6d72;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea {
|
||||
margin-top: 16px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
min-height: 100px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder {
|
||||
color: #8e8e93;
|
||||
font-size: 17px;
|
||||
}
|
||||
.container-add-reply {
|
||||
height: 100%;
|
||||
}
|
||||
.container-add-reply .navbar a.link i + span {
|
||||
margin-left: 0;
|
||||
}
|
||||
.container-add-reply .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.actions-modal-button.color-red {
|
||||
color: #ff3b30;
|
||||
}
|
||||
.page-edit-comment,
|
||||
.page-add-reply,
|
||||
.page-edit-reply {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-edit-comment .navbar .right,
|
||||
.page-add-reply .navbar .right,
|
||||
.page-edit-reply .navbar .right {
|
||||
height: 100%;
|
||||
}
|
||||
.page-edit-comment .navbar .right #add-reply,
|
||||
.page-add-reply .navbar .right #add-reply,
|
||||
.page-edit-reply .navbar .right #add-reply,
|
||||
.page-edit-comment .navbar .right #edit-comment,
|
||||
.page-add-reply .navbar .right #edit-comment,
|
||||
.page-edit-reply .navbar .right #edit-comment,
|
||||
.page-edit-comment .navbar .right #edit-reply,
|
||||
.page-add-reply .navbar .right #edit-reply,
|
||||
.page-edit-reply .navbar .right #edit-reply {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
.container-edit-comment {
|
||||
position: fixed;
|
||||
}
|
||||
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -6779,12 +7212,14 @@ i.icon.icon-in-indent {
|
|||
background-color: #446995;
|
||||
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-prev {
|
||||
i.icon.icon-prev,
|
||||
i.icon.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C20.5L15%2C21.5L4.5%2C11l0%2C0l0%2C0L15%2C0.5L16%2C1.5L6.6%2C11L16%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-next {
|
||||
i.icon.icon-next,
|
||||
i.icon.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.5%2C11L6%2C1.5l1.1-1.1L17.5%2C11l0%2C0l0%2C0L7.1%2C21.5L6%2C20.5L15.5%2C11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
|
|
@ -7092,6 +7527,66 @@ i.icon.icon-paste {
|
|||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2015C10%2016.6569%208.65685%2018%207%2018C5.34315%2018%204%2016.6569%204%2015C4%2013.3431%205.34315%2012%207%2012C8.65685%2012%2010%2013.3431%2010%2015ZM7%2016.7143C7.94677%2016.7143%208.71429%2015.9468%208.71429%2015C8.71429%2014.0532%207.94677%2013.2857%207%2013.2857C6.05323%2013.2857%205.28571%2014.0532%205.28571%2015C5.28571%2015.9468%206.05323%2016.7143%207%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%2015C18%2016.6569%2016.6569%2018%2015%2018C13.3431%2018%2012%2016.6569%2012%2015C12%2013.3431%2013.3431%2012%2015%2012C16.6569%2012%2018%2013.3431%2018%2015ZM15%2016.7143C15.9468%2016.7143%2016.7143%2015.9468%2016.7143%2015C16.7143%2014.0532%2015.9468%2013.2857%2015%2013.2857C14.0532%2013.2857%2013.2857%2014.0532%2013.2857%2015C13.2857%2015.9468%2014.0532%2016.7143%2015%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2015C26%2016.6569%2024.6569%2018%2023%2018C21.3431%2018%2020%2016.6569%2020%2015C20%2013.3431%2021.3431%2012%2023%2012C24.6569%2012%2026%2013.3431%2026%2015ZM23%2016.7143C23.9468%2016.7143%2024.7143%2015.9468%2024.7143%2015C24.7143%2014.0532%2023.9468%2013.2857%2023%2013.2857C22.0532%2013.2857%2021.2857%2014.0532%2021.2857%2015C21.2857%2015.9468%2022.0532%2016.7143%2023%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81574%2014.7407%207.34084%2014.7345%207.04258%2015.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H30V30H0V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545V8.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81575%2014.7407%207.34084%2014.7345%207.04258%2015.0228V15.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%234cd964%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.1538%209.00708H11.8462C10.8266%209.00708%2010%209.83461%2010%2010.8554V15.1694C10%2016.1902%2010.8266%2017.0177%2011.8462%2017.0177H13.8329C13.9409%2017.0177%2014.0454%2017.0556%2014.1284%2017.1248L18.243%2020.392C18.5436%2020.6428%2019%2020.4288%2019%2020.037V17.4798C19%2017.2246%2019.2066%2017.0177%2019.4615%2017.0177H20.1538C21.1734%2017.0177%2022%2016.1902%2022%2015.1694V10.8554C22%209.83461%2021.1734%209.00708%2020.1538%209.00708ZM20%2010.0083C20.5523%2010.0083%2021%2010.4565%2021%2011.0095V15.0154C21%2015.5683%2020.5523%2016.0165%2020%2016.0165H18.0025L18%2018.8995C18%2019.2912%2018%2019%2018%2019L14.5%2016.0165H12C11.4477%2016.0165%2011%2015.5683%2011%2015.0154V11.0095C11%2010.4565%2011.4477%2010.0083%2012%2010.0083H20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V12.0346C2%2013.3222%203.18908%2014.013%204.5%2014.013H5.5C5.82773%2014.013%206%2014.1917%206%2014.5136V17.5183C6%2018.0125%206.6135%2018.3352%207%2018.0189L11%2014.9858V13.5L7%2016.5V13.0118H4.5C3.78992%2013.0118%203%2012.732%203%2012.0346V5.50295C3%204.80547%203.78992%204.00118%204.5%204.00118H14.5C15.2101%204.00118%2016%204.80547%2016%205.50295V8.0059H17V5.50295C17%204.2153%2015.8109%203%2014.5%203Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%205.59998H11.2V8.79998H4V5.59998Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%205.59998H20V8.79998H12.8V5.59998Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M4%2010.4H11.2V13.6H4V10.4Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%2010.4H20V13.6H12.8V10.4Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M4%2015.2H11.2V18.4H4V15.2Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%2015.2H20V18.4H12.8V15.2Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%205.59998H11.2V8.79998H4V5.59998Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%205.59998H20V8.79998H12.8V5.59998Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4%2010.4H11.2V13.6H4V10.4Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%2010.4H20V13.6H12.8V10.4Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4%2015.2H11.2V18.4H4V15.2Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%2015.2H20V18.4H12.8V15.2Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.label-switch input[type="checkbox"]:checked + .checkbox {
|
||||
background: #446995;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -113,6 +113,18 @@ input, textarea {
|
|||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.container-add {
|
||||
.categories {
|
||||
i.icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.active {
|
||||
i.icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Table styles
|
||||
|
||||
|
|
|
|||
|
|
@ -155,12 +155,12 @@ i.icon {
|
|||
height: 22px;
|
||||
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
|
||||
}
|
||||
&.icon-prev {
|
||||
&.icon-prev, &.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
|
||||
}
|
||||
&.icon-next {
|
||||
&.icon-next, &.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
|
||||
|
|
@ -481,4 +481,73 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="white"/><path d="M5 0H14V5H5V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="white"/></svg>');
|
||||
}
|
||||
|
||||
//comments
|
||||
&.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
|
||||
//Insert
|
||||
&.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="@{themeColor}"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="@{themeColor}"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="@{themeColor}"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="@{themeColor}"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="@{themeColor}"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
i.icon {
|
||||
&.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="white"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="white"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="white"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="white"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="white"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -173,32 +173,32 @@ i.icon {
|
|||
&.icon-pagebreak {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 8L10 7.99531V4L6 8ZM10 10H6V11H4V7L9 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V11H18V4H12V8C12 9.10457 11.1046 10 10 10ZM6 17V20.0282L18 20V17H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V17H6Z" fill="@{themeColor}"/><path d="M3 13H7V15H3V13Z" fill="@{themeColor}"/><path d="M9 13H15V15H9V13Z" fill="@{themeColor}"/><path d="M17 13H21V15H17V13Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0.000488281 0H24.0005V24H0.000488281V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-sectionbreak {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M3 11H7V13H3V11Z" fill="@{themeColor}"/><path d="M9 11H15V13H9V11Z" fill="@{themeColor}"/><path d="M17 11H21V13H17V11Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V9H4V4C4 2.89543 4.89543 2 6 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V9H18V4ZM6 15V20.0282L18 20V15H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V15H6Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-stringbreak {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 9.01309L11.4062 10.4181L7.79688 14.0241H17.9844V4.00208H20V15.9911H7.79688L11.4062 19.5971L10 21.0021L4 15.0076L10 9.01309Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-pagenumber {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V20.0282L18 20V4ZM4 4.5C4 3.11929 5.11929 2 6.5 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V4.5ZM11.5698 16H10.1836V12.2578H10.1574L9 13.0686V11.8385L10.1836 11H11.5698V16ZM14.1593 16H12.7076L14.6333 12.1365V12.1088H12.3709V11H16V12.1053L14.1593 16Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-link {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-image-library {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.2;}.cls-3{fill:#fff;}.cls-10,.cls-11,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{mix-blend-mode:multiply;}.cls-4{fill:url(#grad_8);}.cls-5{fill:url(#grad_10);}.cls-6{fill:url(#grad_12);}.cls-7{fill:url(#grad_14);}.cls-8{fill:url(#grad_79);}.cls-9{fill:url(#grad_77);}.cls-10{fill:url(#grad_75);}.cls-11{fill:url(#grad_81);}</style><linearGradient id="grad_8" x1="11.08" y1="10.26" x2="11.08" y2="1.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3e916"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_10" x1="11.08" y1="20.44" x2="11.08" y2="11.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb6e8"/><stop offset="1" stop-color="#958cc3"/></linearGradient><linearGradient id="grad_12" x1="1.46" y1="11.05" x2="10.46" y2="11.05" gradientTransform="translate(17 5.09) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cc8dba"/><stop offset="1" stop-color="#f86867"/></linearGradient><linearGradient id="grad_14" x1="11.73" y1="11.05" x2="20.73" y2="11.05" gradientTransform="translate(27.28 -5.18) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6ac07f"/><stop offset="1" stop-color="#c5da3d"/></linearGradient><linearGradient id="grad_79" x1="11.74" y1="10.42" x2="17.52" y2="4.63" gradientTransform="translate(30.29 2.51) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5da3d"/><stop offset="1" stop-color="#f3e916"/></linearGradient><linearGradient id="grad_77" x1="4.7" y1="17.49" x2="10.48" y2="11.71" gradientTransform="translate(23.24 19.65) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9595c3"/><stop offset="1" stop-color="#cc8dba"/></linearGradient><linearGradient id="grad_75" x1="4.69" y1="4.64" x2="10.47" y2="10.42" gradientTransform="translate(7.54 -3.15) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f86867"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_81" x1="11.77" y1="11.78" x2="17.55" y2="17.56" gradientTransform="translate(14.63 -6.05) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec0e8"/><stop offset="1" stop-color="#6ac07f"/></linearGradient></defs><title>icons_for_svg</title><g class="cls-1"><g id="Слой_1" data-name="Слой 1"><rect class="cls-2" x="0.09" y="0.01" width="22" height="22" rx="4" ry="4"/><rect class="cls-3" x="0.57" y="0.49" width="21.04" height="21.04" rx="3.6" ry="3.6"/><rect class="cls-4" x="8.33" y="1.26" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-5" x="8.33" y="11.76" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-6" x="3.21" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-5.09 17) rotate(-90)"/><rect class="cls-7" x="13.48" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(5.18 27.28) rotate(-90)"/><rect class="cls-8" x="11.87" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(19.64 23.19) rotate(-135)"/><rect class="cls-9" x="4.8" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(2.54 30.33) rotate(-135)"/><rect class="cls-10" x="4.83" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-3.1 7.56) rotate(-45)"/><rect class="cls-11" x="11.87" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-6.07 14.63) rotate(-45)"/></g></g></svg>');
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
|
||||
// Presets of table borders
|
||||
|
|
@ -387,7 +387,7 @@ i.icon {
|
|||
&.icon-footnote {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.11133H20.9177V5.15361L20.9282 4.66765L20.9457 4.13624C20.7659 4.31571 20.641 4.43341 20.5709 4.48935L19.9825 4.96132L19.4606 4.31105L21.1103 3H22V8.11133Z" fill="@{themeColor}"/><path d="M10.3363 18.8514L8.98161 15.3968H4.61996L3.28021 18.8514H2L6.3021 7.94526H7.36646L11.6462 18.8514H10.3363ZM8.58713 14.2601L7.3218 10.8947C7.15806 10.4687 6.98935 9.94621 6.81567 9.32711C6.70651 9.80258 6.5502 10.3251 6.34676 10.8947L5.06655 14.2601H8.58713Z" fill="@{themeColor}"/><path d="M16.1425 10.5752C17.2143 10.5752 18.0454 10.9417 18.6359 11.6748C19.2313 12.4028 19.5291 13.4355 19.5291 14.7728C19.5291 16.11 19.2288 17.1501 18.6284 17.893C18.033 18.631 17.2043 19 16.1425 19C15.6115 19 15.1252 18.9034 14.6836 18.7103C14.2469 18.5121 13.8798 18.21 13.582 17.8039H13.4927L13.2322 18.8514H12.3465V7.29149H13.582V10.0997C13.582 10.7288 13.5622 11.2934 13.5225 11.7936H13.582C14.1576 10.9814 15.0111 10.5752 16.1425 10.5752ZM15.9638 11.6079C15.1203 11.6079 14.5124 11.8506 14.1403 12.336C13.7681 12.8164 13.582 13.6286 13.582 14.7728C13.582 15.9169 13.7731 16.7366 14.1551 17.2318C14.5372 17.7222 15.15 17.9673 15.9936 17.9673C16.7528 17.9673 17.3185 17.6925 17.6906 17.1427C18.0628 16.588 18.2488 15.793 18.2488 14.7579C18.2488 13.698 18.0628 12.908 17.6906 12.388C17.3185 11.8679 16.7429 11.6079 15.9638 11.6079Z" fill="@{themeColor}"/></svg>');
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1173 18.7983H10.109L9.36904 16.6471H4.74829L4.00837 18.7983H2L5.95633 7.58823H8.161L12.1173 18.7983ZM8.87072 14.916L7.05867 9.57143L5.24661 14.916H8.87072Z" fill="@{themeColor}"/><path d="M14.7577 16.3613C14.9288 16.6639 15.1906 16.9216 15.5429 17.1345C15.9053 17.3361 16.2677 17.437 16.6301 17.437C17.2543 17.437 17.7526 17.1905 18.1251 16.6975C18.5076 16.1933 18.6989 15.5434 18.6989 14.7479C18.6989 13.9524 18.5076 13.3025 18.1251 12.7983C17.7526 12.2941 17.2543 12.042 16.6301 12.042C16.2677 12.042 15.9103 12.1485 15.558 12.3613C15.2057 12.5742 14.9389 12.8375 14.7577 13.1513V16.3613ZM14.7577 18.7983H13.1721V7.58823H14.7577V11.8067C15.3516 10.9216 16.1318 10.479 17.0982 10.479C18.0445 10.479 18.8197 10.8711 19.4237 11.6555C20.0277 12.4286 20.3298 13.4594 20.3298 14.7479C20.3298 16.0588 20.0277 17.0952 19.4237 17.8571C18.8197 18.619 18.0445 19 17.0982 19C16.1419 19 15.3617 18.563 14.7577 17.6891V18.7983Z" fill="@{themeColor}"/><path d="M24 11.7227H22.7769V6.7479L21.7651 7.90756L21.0705 7.08403L22.943 5H24V11.7227Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-cut {
|
||||
width: 24px;
|
||||
|
|
@ -404,6 +404,46 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="black"/><path d="M5 0H14V5H5V0Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="black"/></svg>');
|
||||
}
|
||||
&.icon-menu-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-prev-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-next-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment-white {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
// Overwrite color for toolbar
|
||||
|
|
@ -470,5 +510,30 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9912 6C14.9912 8.18203 14.4464 9.76912 13.7789 10.7492C13.101 11.7447 12.4042 12 11.9912 12C11.5782 12 10.8814 11.7447 10.2035 10.7492C9.53601 9.76912 8.99121 8.18203 8.99121 6C8.99121 4.23017 10.4571 3 11.9912 3C13.5254 3 14.9912 4.23017 14.9912 6ZM13.4917 13.6397C13.0059 13.8771 12.4989 14 11.9912 14C11.4861 14 10.9817 13.8784 10.4983 13.6434C8.53188 14.3681 6.94518 15.0737 5.78927 15.7768C4.10512 16.8011 4 17.4079 4 17.5C4 17.7664 4.1014 18.3077 5.27104 18.8939C6.50029 19.5099 8.64545 19.9999 12 20C15.3546 20 17.4997 19.5099 18.7289 18.8939C19.8986 18.3078 20 17.7664 20 17.5C20 17.4079 19.8949 16.8011 18.2107 15.7768C17.0529 15.0726 15.4627 14.3657 13.4917 13.6397ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 4H11V8H2V4Z" fill="@{navBarIconColor}"/><path d="M13 4H22V8H13V4Z" fill="@{navBarIconColor}"/><path d="M2 10H11V14H2V10Z" fill="@{navBarIconColor}"/><path d="M13 10H22V14H13V10Z" fill="@{navBarIconColor}"/><path d="M2 16H11V20H2V16Z" fill="@{navBarIconColor}"/><path d="M13 16H22V20H13V16Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-close-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -150,6 +150,7 @@ require([
|
|||
'AddImage',
|
||||
'AddLink',
|
||||
'AddSlide',
|
||||
'AddOther',
|
||||
'Common.Controllers.Collaboration'
|
||||
]
|
||||
});
|
||||
|
|
@ -218,6 +219,7 @@ require([
|
|||
'presentationeditor/mobile/app/controller/add/AddImage',
|
||||
'presentationeditor/mobile/app/controller/add/AddLink',
|
||||
'presentationeditor/mobile/app/controller/add/AddSlide',
|
||||
'presentationeditor/mobile/app/controller/add/AddOther',
|
||||
'common/mobile/lib/controller/Collaboration'
|
||||
|
||||
], function() {
|
||||
|
|
|
|||
|
|
@ -160,6 +160,7 @@ require([
|
|||
'AddImage',
|
||||
'AddLink',
|
||||
'AddSlide',
|
||||
'AddOther',
|
||||
'Common.Controllers.Collaboration'
|
||||
]
|
||||
});
|
||||
|
|
@ -228,6 +229,7 @@ require([
|
|||
'presentationeditor/mobile/app/controller/add/AddImage',
|
||||
'presentationeditor/mobile/app/controller/add/AddLink',
|
||||
'presentationeditor/mobile/app/controller/add/AddSlide',
|
||||
'presentationeditor/mobile/app/controller/add/AddOther',
|
||||
'common/mobile/lib/controller/Collaboration'
|
||||
], function() {
|
||||
app.start();
|
||||
|
|
|
|||
|
|
@ -56,7 +56,9 @@ define([
|
|||
_view,
|
||||
_actionSheets = [],
|
||||
_isEdit = false,
|
||||
_isPopMenuHidden = false;
|
||||
_isPopMenuHidden = false,
|
||||
_isComments = false,
|
||||
_canViewComments = true;
|
||||
|
||||
return {
|
||||
models: [],
|
||||
|
|
@ -83,10 +85,21 @@ define([
|
|||
me.api.asc_registerCallback('asc_onDocumentContentReady', _.bind(me.onApiDocumentContentReady, me));
|
||||
Common.NotificationCenter.on('api:disconnect', _.bind(me.onCoAuthoringDisconnect, me));
|
||||
me.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(me.onCoAuthoringDisconnect,me));
|
||||
me.api.asc_registerCallback('asc_onShowComment', _.bind(me.onApiShowComment, me));
|
||||
me.api.asc_registerCallback('asc_onHideComment', _.bind(me.onApiHideComment, me));
|
||||
},
|
||||
|
||||
onApiShowComment: function(comments) {
|
||||
_isComments = comments && comments.length>0;
|
||||
},
|
||||
|
||||
onApiHideComment: function() {
|
||||
_isComments = false;
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
_isEdit = mode.isEdit;
|
||||
_canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
// When our application is ready, lets get started
|
||||
|
|
@ -185,8 +198,8 @@ define([
|
|||
_view.hideMenu();
|
||||
|
||||
PE.getController('AddContainer').showModal();
|
||||
uiApp.showTab('#add-link');
|
||||
// PE.getController('AddLink').getView('AddLink').showLink();
|
||||
uiApp.showTab('#add-other');
|
||||
PE.getController('AddOther').getView('AddOther').showPageLink();
|
||||
} else if ('openlink' == eventName) {
|
||||
_.some(_stack, function (item) {
|
||||
if (item.get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink) {
|
||||
|
|
@ -194,6 +207,13 @@ define([
|
|||
return true;
|
||||
}
|
||||
});
|
||||
} else if ('viewcomment' == eventName) {
|
||||
var getCollaboration = PE.getController('Common.Controllers.Collaboration');
|
||||
getCollaboration.showCommentModal();
|
||||
} else if ('addcomment' == eventName) {
|
||||
_view.hideMenu();
|
||||
PE.getController('AddContainer').showModal();
|
||||
PE.getController('AddOther').getView('AddOther').showPageComment(false);
|
||||
} else if ('showActionSheet' == eventName && _actionSheets.length > 0) {
|
||||
_.delay(function () {
|
||||
_.each(_actionSheets, function (action) {
|
||||
|
|
@ -310,6 +330,12 @@ define([
|
|||
icon: 'icon-copy'
|
||||
});
|
||||
}
|
||||
if (_canViewComments && _isComments && !_isEdit) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
}
|
||||
|
||||
if (stack.length > 0) {
|
||||
var topObject = stack[stack.length - 1],
|
||||
|
|
@ -358,6 +384,21 @@ define([
|
|||
event: 'addlink'
|
||||
});
|
||||
}
|
||||
|
||||
if (_isComments && _canViewComments) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
}
|
||||
|
||||
var hideAddComment = (isText && isChart) || me.api.can_AddQuotedComment() === false || !_canViewComments;
|
||||
if (!hideAddComment) {
|
||||
arrItems.push({
|
||||
caption: me.menuAddComment,
|
||||
event: 'addcomment'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -395,6 +436,8 @@ define([
|
|||
menuAddLink: 'Add Link',
|
||||
menuOpenLink: 'Open Link',
|
||||
menuMore: 'More',
|
||||
menuViewComment: 'View Comment',
|
||||
menuAddComment: 'Add Comment',
|
||||
sheetCancel: 'Cancel',
|
||||
textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
|
||||
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
|
||||
|
|
|
|||
|
|
@ -698,7 +698,10 @@ define([
|
|||
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
||||
me.appOptions.canUseMailMerge = me.appOptions.canLicense && me.appOptions.canEdit && !me.appOptions.isDesktopApp;
|
||||
me.appOptions.canSendEmailAddresses = me.appOptions.canLicense && me.editorConfig.canSendEmailAddresses && me.appOptions.canEdit && me.appOptions.canCoAuthoring;
|
||||
me.appOptions.canComments = me.appOptions.canLicense && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canComments = me.appOptions.canLicense && (me.permissions.comment===undefined ? me.appOptions.isEdit : me.permissions.comment) && (me.editorConfig.mode !== 'view');
|
||||
me.appOptions.canComments = me.appOptions.canComments && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canViewComments = me.appOptions.canComments || !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canEditComments = me.appOptions.isOffline || !(typeof (me.editorConfig.customization) == 'object' && me.editorConfig.customization.commentAuthorOnly);
|
||||
me.appOptions.canChat = me.appOptions.canLicense && !me.appOptions.isOffline && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.chat===false);
|
||||
me.appOptions.canEditStyles = me.appOptions.canLicense && me.appOptions.canEdit;
|
||||
me.appOptions.canPrint = (me.permissions.print !== false);
|
||||
|
|
|
|||
|
|
@ -47,8 +47,6 @@ define([
|
|||
|
||||
PE.Controllers.AddContainer = Backbone.Controller.extend(_.extend((function() {
|
||||
// private
|
||||
var _canAddHyperlink = false,
|
||||
_paragraphLocked = false;
|
||||
|
||||
return {
|
||||
models: [],
|
||||
|
|
@ -61,8 +59,6 @@ define([
|
|||
|
||||
setApi: function(api) {
|
||||
this.api = api;
|
||||
this.api.asc_registerCallback('asc_onCanAddHyperlink', _.bind(this.onApiCanAddHyperlink, this));
|
||||
this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onApiFocusObject, this));
|
||||
},
|
||||
|
||||
onLaunch: function() {
|
||||
|
|
@ -96,22 +92,16 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textSlide,
|
||||
id: 'add-slide',
|
||||
icon: 'icon-add-slide',
|
||||
layout: PE.getController('AddSlide')
|
||||
.getView('AddSlide')
|
||||
.rootLayout()
|
||||
});
|
||||
|
||||
addViews.push({
|
||||
caption: me.textTable,
|
||||
id: 'add-table',
|
||||
layout: PE.getController('AddTable')
|
||||
.getView('AddTable')
|
||||
.rootLayout()
|
||||
});
|
||||
|
||||
addViews.push({
|
||||
caption: me.textShape,
|
||||
id: 'add-shape',
|
||||
icon: 'icon-add-shape',
|
||||
layout: PE.getController('AddShape')
|
||||
.getView('AddShape')
|
||||
.rootLayout()
|
||||
|
|
@ -120,19 +110,20 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textImage,
|
||||
id: 'add-image',
|
||||
icon: 'icon-add-image',
|
||||
layout: PE.getController('AddImage')
|
||||
.getView('AddImage')
|
||||
.rootLayout()
|
||||
});
|
||||
|
||||
if (_canAddHyperlink && !_paragraphLocked)
|
||||
addViews.push({
|
||||
caption: me.textLink,
|
||||
id: 'add-link',
|
||||
layout: PE.getController('AddLink')
|
||||
.getView('AddLink')
|
||||
.rootLayout()
|
||||
});
|
||||
addViews.push({
|
||||
caption: me.textOther,
|
||||
id: 'add-other',
|
||||
icon: 'icon-add-other',
|
||||
layout: PE.getController('AddOther')
|
||||
.getView('AddOther')
|
||||
.rootLayout()
|
||||
});
|
||||
|
||||
return addViews;
|
||||
},
|
||||
|
|
@ -166,7 +157,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.toolbar-inner')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
$layoutNavbar
|
||||
|
|
@ -181,7 +172,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.buttons-row')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
}
|
||||
|
|
@ -192,10 +183,7 @@ define([
|
|||
var $layoutPages = $(
|
||||
'<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs"></div>' +
|
||||
'</div>' +
|
||||
'<div class="page-content tabs">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
|
|
@ -264,30 +252,19 @@ define([
|
|||
}
|
||||
|
||||
me.rootView = uiApp.addView('.add-root-view', {
|
||||
dynamicNavbar: true
|
||||
dynamicNavbar: true,
|
||||
domCache: true
|
||||
});
|
||||
|
||||
Common.NotificationCenter.trigger('addcontainer:show');
|
||||
},
|
||||
|
||||
onApiCanAddHyperlink: function(value) {
|
||||
_canAddHyperlink = value;
|
||||
},
|
||||
|
||||
onApiFocusObject: function (objects) {
|
||||
_paragraphLocked = false;
|
||||
_.each(objects, function(object) {
|
||||
if (Asc.c_oAscTypeSelectElement.Paragraph == object.get_ObjectType()) {
|
||||
_paragraphLocked = object.get_ObjectValue().get_Locked();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
textSlide: 'Slide',
|
||||
textTable: 'Table',
|
||||
textShape: 'Shape',
|
||||
textImage: 'Image',
|
||||
textLink: 'Link'
|
||||
textLink: 'Link',
|
||||
textOther: 'Other'
|
||||
}
|
||||
})(), PE.Controllers.AddContainer || {}))
|
||||
});
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
|
||||
define([
|
||||
'core',
|
||||
'presentationeditor/mobile/app/view/add/AddLink'
|
||||
'presentationeditor/mobile/app/view/add/AddOther'
|
||||
], function (core) {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -63,16 +63,15 @@ define([
|
|||
models: [],
|
||||
collections: [],
|
||||
views: [
|
||||
'AddLink'
|
||||
'AddOther'
|
||||
],
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
Common.NotificationCenter.on('addcategory:show', _.bind(this.categoryShow, this));
|
||||
|
||||
this.addListeners({
|
||||
'AddLink': {
|
||||
'page:show' : this.onPageShow
|
||||
'AddOther': {
|
||||
'category:show': this.categoryShow,
|
||||
'page:show' : this.onPageShow
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -91,19 +90,13 @@ define([
|
|||
me.api = api;
|
||||
},
|
||||
|
||||
onLaunch: function () {
|
||||
this.createView('AddLink').render();
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
$('#add-link-insert').single('click', _.buffered(me.onInsertLink, 100, me));
|
||||
},
|
||||
|
||||
categoryShow: function (e) {
|
||||
var $target = $(e.currentTarget);
|
||||
|
||||
if ($target && $target.prop('id') === 'add-link') {
|
||||
categoryShow: function (view, pageId) {
|
||||
if (pageId === '#addother-insert-link') {
|
||||
this._linkType = c_oHyperlinkType.WebLink;
|
||||
this._slideLink = this._slideNum = 0;
|
||||
var text = this.api.can_AddHyperlink();
|
||||
|
|
@ -112,6 +105,7 @@ define([
|
|||
$('#add-link-display').toggleClass('disabled', text === null);
|
||||
}
|
||||
|
||||
this.initEvents();
|
||||
this.initSettings();
|
||||
}
|
||||
},
|
||||
|
|
|
|||
185
apps/presentationeditor/mobile/app/controller/add/AddOther.js
Normal file
185
apps/presentationeditor/mobile/app/controller/add/AddOther.js
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
/*
|
||||
*
|
||||
* (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
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* AddOther.js
|
||||
* Presentation Editor
|
||||
*
|
||||
* Created by Julia Svinareva on 10/04/20
|
||||
* Copyright (c) 2020 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
define([
|
||||
'core',
|
||||
'presentationeditor/mobile/app/view/add/AddOther',
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone'
|
||||
], function (core, view, $, _, Backbone) {
|
||||
'use strict';
|
||||
|
||||
PE.Controllers.AddOther = Backbone.Controller.extend(_.extend((function() {
|
||||
var _canAddHyperlink = false,
|
||||
_paragraphLocked = false;
|
||||
|
||||
return {
|
||||
models: [],
|
||||
collections: [],
|
||||
views: [
|
||||
'AddOther'
|
||||
],
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
|
||||
this.addListeners({
|
||||
'AddOther': {
|
||||
'page:show' : this.onPageShow
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
setApi: function (api) {
|
||||
var me = this;
|
||||
me.api = api;
|
||||
me.api.asc_registerCallback('asc_onCanAddHyperlink', _.bind(me.onApiCanAddHyperlink, me));
|
||||
me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
this.view = this.getView('AddOther');
|
||||
this.view.canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
onLaunch: function () {
|
||||
this.createView('AddOther').render();
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
this.view.hideInsertComments = this.isHideInsertComment();
|
||||
this.view.hideInsertLink = !(_canAddHyperlink && !_paragraphLocked);
|
||||
},
|
||||
|
||||
onApiCanAddHyperlink: function(value) {
|
||||
_canAddHyperlink = value;
|
||||
},
|
||||
|
||||
onApiFocusObject: function (objects) {
|
||||
_paragraphLocked = false;
|
||||
_.each(objects, function(object) {
|
||||
if (Asc.c_oAscTypeSelectElement.Paragraph == object.get_ObjectType()) {
|
||||
_paragraphLocked = object.get_ObjectValue().get_Locked();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
isHideInsertComment: function() {
|
||||
var stack = this.api.getSelectedElements();
|
||||
var isText = false,
|
||||
isChart = false;
|
||||
|
||||
_.each(stack, function (item) {
|
||||
var objectType = item.get_ObjectType();
|
||||
if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
|
||||
isText = true;
|
||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Chart) {
|
||||
isChart = true;
|
||||
}
|
||||
});
|
||||
if (stack.length > 0) {
|
||||
var topObject = stack[stack.length - 1],
|
||||
topObjectValue = topObject.get_ObjectValue(),
|
||||
objectLocked = _.isFunction(topObjectValue.get_Locked) ? topObjectValue.get_Locked() : false;
|
||||
!objectLocked && (objectLocked = _.isFunction(topObjectValue.get_LockDelete) ? topObjectValue.get_LockDelete() : false);
|
||||
if (!objectLocked) {
|
||||
return ((isText && isChart) || this.api.can_AddQuotedComment() === false);
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
onPageShow: function (view, pageId) {
|
||||
var me = this;
|
||||
|
||||
if (pageId == '#addother-insert-comment') {
|
||||
me.initInsertComment(false);
|
||||
}
|
||||
},
|
||||
|
||||
// Handlers
|
||||
initInsertComment: function (documentFlag) {
|
||||
var comment = PE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
||||
if (comment) {
|
||||
this.getView('AddOther').renderComment(comment);
|
||||
$('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
|
||||
$('.back-from-add-comment').single('click', _.bind(function () {
|
||||
if ($('#comment-text').val().length > 0) {
|
||||
uiApp.modal({
|
||||
title: '',
|
||||
text: this.textDeleteDraft,
|
||||
buttons: [
|
||||
{
|
||||
text: this.textCancel
|
||||
},
|
||||
{
|
||||
text: this.textDelete,
|
||||
bold: true,
|
||||
onClick: function () {
|
||||
PE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}]
|
||||
})
|
||||
} else {
|
||||
PE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}, this))
|
||||
}
|
||||
},
|
||||
|
||||
onDoneComment: function(documentFlag) {
|
||||
var value = $('#comment-text').val();
|
||||
if (value.length > 0) {
|
||||
PE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag);
|
||||
PE.getController('AddContainer').hideModal();
|
||||
}
|
||||
},
|
||||
|
||||
textDeleteDraft: 'Do you really want to delete draft?',
|
||||
textCancel: 'Cancel',
|
||||
//textContinue: 'Continue',
|
||||
textDelete: 'Delete'
|
||||
|
||||
}
|
||||
})(), PE.Controllers.AddOther || {}))
|
||||
});
|
||||
|
|
@ -43,7 +43,6 @@
|
|||
|
||||
define([
|
||||
'core',
|
||||
'presentationeditor/mobile/app/view/add/AddTable'
|
||||
], function (core) {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -56,7 +55,6 @@ define([
|
|||
],
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
this._styles = [];
|
||||
this._initDefaultStyles = false;
|
||||
},
|
||||
|
|
@ -66,13 +64,9 @@ define([
|
|||
me.api = api;
|
||||
},
|
||||
|
||||
onLaunch: function () {
|
||||
this.createView('AddTable').render();
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
$('#add-table li').single('click', _.buffered(me.onStyleClick, 100, me));
|
||||
$('.page[data-page="addother-insert-table"] li').single('click', _.buffered(me.onStyleClick, 100, me));
|
||||
},
|
||||
|
||||
onStyleClick: function (e) {
|
||||
|
|
|
|||
|
|
@ -230,10 +230,7 @@ define([
|
|||
var $layoutPages = $(
|
||||
'<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs"></div>' +
|
||||
'</div>' +
|
||||
'<div class="page-content tabs">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
|
|
|
|||
|
|
@ -1,5 +1,92 @@
|
|||
<!-- Root view -->
|
||||
<div id="addlink-root-view">
|
||||
<div id="addother-root-view">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
<li id='item-comment'>
|
||||
<a id="add-other-table" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-add-table"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textTable %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li id='item-comment'>
|
||||
<a id="add-other-comment" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-insert-comment"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textComment %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li id='item-link'>
|
||||
<a id="add-other-link" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-link"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textLink %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page Insert Comment view -->
|
||||
<div id="addother-insert-comment">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back-from-add-comment link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textAddComment %></div>
|
||||
<div class="right sliding"><a id="done-comment"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page page-add-comment" data-page="addother-insert-comment">
|
||||
<div class="page-content">
|
||||
<div id="comment-info" class="wrap-comment">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page insert table view -->
|
||||
<div id="addother-insert-table">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textTable %></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="addother-insert-table">
|
||||
<div class="page-content dataview table-styles">
|
||||
<ul class="row">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page insert link view -->
|
||||
<div id="addother-insert-link">
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||
<div class="center sliding"><%= scope.textLink %></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="addother-insert-link">
|
||||
<div class="page-content list-block">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
<li>
|
||||
|
|
@ -61,6 +148,8 @@
|
|||
</ul>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Link Type view -->
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<!-- Root view -->
|
||||
<div id="add-table-root">
|
||||
<div class="page-content dataview table-styles">
|
||||
<ul class="row">
|
||||
<% _.each(styles, function(style) { %>
|
||||
<li data-type="<%= style.templateId %>">
|
||||
<img src="<%= style.imageUrl %>">
|
||||
</li>
|
||||
<% }); %>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -131,8 +131,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-chart-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
||||
<% _.each(types, function(row) { %>
|
||||
<ul class="row">
|
||||
|
|
@ -144,7 +143,7 @@
|
|||
</ul>
|
||||
<% }); %>
|
||||
</div>
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles">
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles" style="width: 100%;">
|
||||
<!--Styles-->
|
||||
</div>
|
||||
<div id="tab-chart-fill" class="page-content tab">
|
||||
|
|
@ -180,7 +179,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -162,8 +162,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-shape-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-shape-fill" class="page-content tab active">
|
||||
<!--Fill colors-->
|
||||
</div>
|
||||
|
|
@ -216,7 +215,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -110,8 +110,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-table-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-table-style" class="page-content tab active">
|
||||
<div class="list-block">
|
||||
<ul>
|
||||
|
|
@ -191,7 +190,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,137 +0,0 @@
|
|||
/*
|
||||
*
|
||||
* (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
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* AddLink.js
|
||||
* Presentation Editor
|
||||
*
|
||||
* Created by Julia Radzhabova on 12/01/16
|
||||
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
define([
|
||||
'text!presentationeditor/mobile/app/template/AddLink.template',
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone'
|
||||
], function (addTemplate, $, _, Backbone) {
|
||||
'use strict';
|
||||
|
||||
PE.Views.AddLink = Backbone.View.extend(_.extend((function() {
|
||||
// private
|
||||
|
||||
return {
|
||||
// el: '.view-main',
|
||||
|
||||
template: _.template(addTemplate),
|
||||
|
||||
events: {
|
||||
},
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
|
||||
$('#add-link-number').single('click', _.bind(me.showPageNumber, me));
|
||||
$('#add-link-type').single('click', _.bind(me.showLinkType, me));
|
||||
},
|
||||
|
||||
// Render layout
|
||||
render: function () {
|
||||
this.layout = $('<div/>').append(this.template({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
scope : this
|
||||
}));
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
rootLayout: function () {
|
||||
if (this.layout) {
|
||||
return this.layout
|
||||
.find('#addlink-root-view')
|
||||
.html();
|
||||
}
|
||||
|
||||
return '';
|
||||
},
|
||||
|
||||
showPage: function (templateId) {
|
||||
var rootView = PE.getController('AddContainer').rootView;
|
||||
|
||||
if (rootView && this.layout) {
|
||||
var $content = this.layout.find(templateId);
|
||||
|
||||
// Android fix for navigation
|
||||
if (Framework7.prototype.device.android) {
|
||||
$content.find('.page').append($content.find('.navbar'));
|
||||
}
|
||||
|
||||
rootView.router.load({
|
||||
content: $content.html()
|
||||
});
|
||||
|
||||
this.fireEvent('page:show', [this, templateId]);
|
||||
}
|
||||
},
|
||||
|
||||
showLinkType: function () {
|
||||
this.showPage('#addlink-type');
|
||||
},
|
||||
|
||||
showPageNumber: function () {
|
||||
this.showPage('#addlink-slidenumber');
|
||||
},
|
||||
|
||||
textLinkType: 'Link Type',
|
||||
textExternalLink: 'External Link',
|
||||
textInternalLink: 'Slide in this Presentation',
|
||||
textLink: 'Link',
|
||||
textLinkSlide: 'Link to',
|
||||
textBack: 'Back',
|
||||
textDisplay: 'Display',
|
||||
textTip: 'Screen Tip',
|
||||
textInsert: 'Insert',
|
||||
textNext: 'Next Slide',
|
||||
textPrev: 'Previous Slide',
|
||||
textFirst: 'First Slide',
|
||||
textLast: 'Last Slide',
|
||||
textNumber: 'Slide Number'
|
||||
}
|
||||
})(), PE.Views.AddLink || {}))
|
||||
});
|
||||
234
apps/presentationeditor/mobile/app/view/add/AddOther.js
Normal file
234
apps/presentationeditor/mobile/app/view/add/AddOther.js
Normal file
|
|
@ -0,0 +1,234 @@
|
|||
/*
|
||||
*
|
||||
* (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
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* AddOther.js
|
||||
* Presentation Editor
|
||||
*
|
||||
* Created by Julia Svinareva on 10/04/20
|
||||
* Copyright (c) 2020 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
define([
|
||||
'text!presentationeditor/mobile/app/template/AddOther.template',
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone'
|
||||
], function (addTemplate, $, _, Backbone) {
|
||||
'use strict';
|
||||
|
||||
PE.Views.AddOther = Backbone.View.extend(_.extend((function() {
|
||||
// private
|
||||
|
||||
return {
|
||||
// el: '.view-main',
|
||||
|
||||
template: _.template(addTemplate),
|
||||
|
||||
events: {
|
||||
},
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
if (this.hideInsertComments) {
|
||||
$('#item-comment').hide();
|
||||
} else {
|
||||
$('#item-comment').show();
|
||||
$('#add-other-comment').single('click', _.bind(this.showPageComment, this));
|
||||
}
|
||||
$('#add-other-table').single('click', _.bind(this.showPageTable, this));
|
||||
if (this.hideInsertLink) {
|
||||
$('#item-link').hide();
|
||||
} else {
|
||||
$('#item-link').show();
|
||||
$('#add-other-link').single('click', _.bind(this.showPageLink, this));
|
||||
}
|
||||
|
||||
this.initControls();
|
||||
},
|
||||
|
||||
// Render layout
|
||||
render: function () {
|
||||
this.layout = $('<div/>').append(this.template({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
scope : this
|
||||
}));
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
rootLayout: function () {
|
||||
if (this.layout) {
|
||||
if (!this.canViewComments) {
|
||||
this.layout.find('#addother-root-view #item-comment').remove();
|
||||
}
|
||||
return this.layout
|
||||
.find('#addother-root-view')
|
||||
.html();
|
||||
}
|
||||
|
||||
return '';
|
||||
},
|
||||
|
||||
initControls: function () {
|
||||
//
|
||||
},
|
||||
|
||||
showPage: function (templateId, animate) {
|
||||
var rootView = PE.getController('AddContainer').rootView;
|
||||
|
||||
if (rootView && this.layout) {
|
||||
var $content = this.layout.find(templateId);
|
||||
|
||||
// Android fix for navigation
|
||||
if (Framework7.prototype.device.android) {
|
||||
$content.find('.page').append($content.find('.navbar'));
|
||||
}
|
||||
|
||||
rootView.router.load({
|
||||
content: $content.html(),
|
||||
animatePages: animate !== false
|
||||
});
|
||||
|
||||
if (templateId === '#addother-insert-link') {
|
||||
this.fireEvent('category:show', [this, templateId]);
|
||||
} else {
|
||||
this.fireEvent('page:show', [this, templateId]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
showPageComment: function(animate) {
|
||||
this.showPage('#addother-insert-comment', animate);
|
||||
},
|
||||
|
||||
renderComment: function(comment) {
|
||||
var me = this;
|
||||
_.delay(function () {
|
||||
var $commentInfo = $('#comment-info');
|
||||
var template = [
|
||||
'<% if (android) { %><div class="header-comment"><div class="initials-comment" style="background-color: <%= comment.usercolor %>;"><%= comment.userInitials %></div><div><% } %>',
|
||||
'<div class="user-name"><%= comment.username %></div>',
|
||||
'<div class="comment-date"><%= comment.date %></div>',
|
||||
'<% if (android) { %></div></div><% } %>',
|
||||
'<div class="wrap-textarea"><textarea id="comment-text" class="comment-textarea" placeholder="<%= textAddComment %>" autofocus></textarea></div>'
|
||||
].join('');
|
||||
var insert = _.template(template)({
|
||||
android: Framework7.prototype.device.android,
|
||||
comment: comment,
|
||||
textAddComment: me.textAddComment
|
||||
});
|
||||
$commentInfo.html(insert);
|
||||
_.defer(function () {
|
||||
var $textarea = $('.comment-textarea')[0];
|
||||
var $btnAddComment = $('#done-comment');
|
||||
$btnAddComment.addClass('disabled');
|
||||
$textarea.focus();
|
||||
$textarea.oninput = function () {
|
||||
if ($textarea.value.length < 1) {
|
||||
if (!$btnAddComment.hasClass('disabled'))
|
||||
$btnAddComment.addClass('disabled');
|
||||
} else {
|
||||
if ($btnAddComment.hasClass('disabled')) {
|
||||
$btnAddComment.removeClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
}, 100);
|
||||
},
|
||||
|
||||
showPageTable: function() {
|
||||
this.showPage('#addother-insert-table');
|
||||
this.renderTableStyles();
|
||||
PE.getController('AddTable').initEvents();
|
||||
},
|
||||
|
||||
renderTableStyles: function() {
|
||||
var $stylesList = $('.table-styles ul');
|
||||
var template = [
|
||||
'<% _.each(styles, function(style) { %>',
|
||||
'<li data-type="<%= style.templateId %>">',
|
||||
'<img src="<%= style.imageUrl %>">',
|
||||
'</li>',
|
||||
'<% }); %>'
|
||||
].join('');
|
||||
var insert = _.template(template)({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
styles : PE.getController('AddTable').getStyles()
|
||||
});
|
||||
$stylesList.html(insert);
|
||||
},
|
||||
|
||||
showPageLink: function() {
|
||||
this.showPage('#addother-insert-link');
|
||||
$('#add-link-number').single('click', _.bind(this.showPageNumber, this));
|
||||
$('#add-link-type').single('click', _.bind(this.showLinkType, this));
|
||||
},
|
||||
|
||||
showLinkType: function () {
|
||||
this.showPage('#addlink-type');
|
||||
},
|
||||
|
||||
showPageNumber: function () {
|
||||
this.showPage('#addlink-slidenumber');
|
||||
},
|
||||
|
||||
textComment: 'Comment',
|
||||
textAddComment: 'Add Comment',
|
||||
textDone: 'Done',
|
||||
textTable: 'Table',
|
||||
textLinkType: 'Link Type',
|
||||
textExternalLink: 'External Link',
|
||||
textInternalLink: 'Slide in this Presentation',
|
||||
textLink: 'Link',
|
||||
textLinkSlide: 'Link to',
|
||||
textBack: 'Back',
|
||||
textDisplay: 'Display',
|
||||
textTip: 'Screen Tip',
|
||||
textInsert: 'Insert',
|
||||
textNext: 'Next Slide',
|
||||
textPrev: 'Previous Slide',
|
||||
textFirst: 'First Slide',
|
||||
textLast: 'Last Slide',
|
||||
textNumber: 'Slide Number'
|
||||
|
||||
}
|
||||
})(), PE.Views.AddOther || {}))
|
||||
});
|
||||
|
|
@ -1,104 +0,0 @@
|
|||
/*
|
||||
*
|
||||
* (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
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* AddTable.js
|
||||
* Presentation Editor
|
||||
*
|
||||
* Created by Julia Radzhabova on 11/30/16
|
||||
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
define([
|
||||
'text!presentationeditor/mobile/app/template/AddTable.template',
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone'
|
||||
], function (addTemplate, $, _, Backbone) {
|
||||
'use strict';
|
||||
|
||||
PE.Views.AddTable = Backbone.View.extend(_.extend((function() {
|
||||
// private
|
||||
|
||||
return {
|
||||
// el: '.view-main',
|
||||
|
||||
template: _.template(addTemplate),
|
||||
|
||||
events: {
|
||||
},
|
||||
|
||||
initialize: function () {
|
||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
||||
},
|
||||
|
||||
initEvents: function () {
|
||||
var me = this;
|
||||
|
||||
Common.Utils.addScrollIfNeed('#add-table .pages', '#add-table .page');
|
||||
me.initControls();
|
||||
},
|
||||
|
||||
// Render layout
|
||||
render: function () {
|
||||
this.layout = $('<div/>').append(this.template({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
styles : PE.getController('AddTable').getStyles()
|
||||
}));
|
||||
|
||||
var $tableStyles = $('.container-add .table-styles');
|
||||
if ($tableStyles) {
|
||||
$tableStyles.replaceWith(this.layout.find('#add-table-root').html());
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
rootLayout: function () {
|
||||
if (this.layout) {
|
||||
return this.layout
|
||||
.find('#add-table-root')
|
||||
.html();
|
||||
}
|
||||
|
||||
return '';
|
||||
},
|
||||
|
||||
initControls: function () {
|
||||
//
|
||||
}
|
||||
}
|
||||
})(), PE.Views.AddTable || {}))
|
||||
});
|
||||
|
|
@ -1,5 +1,16 @@
|
|||
{
|
||||
"Common.Controllers.Collaboration.textEditUser": "Users who are editing the file:",
|
||||
"Common.Controllers.Collaboration.textCancel": "Cancel",
|
||||
"Common.Controllers.Collaboration.textDone": "Done",
|
||||
"Common.Controllers.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Controllers.Collaboration.textEdit": "Edit",
|
||||
"Common.Controllers.Collaboration.textResolve": "Resolve",
|
||||
"Common.Controllers.Collaboration.textDeleteComment": "Delete comment",
|
||||
"Common.Controllers.Collaboration.textDeleteReply": "Delete reply",
|
||||
"Common.Controllers.Collaboration.textReopen": "Reopen",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteComment": "Do you really want to delete this comment?",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteReply": "Do you really want to delete this reply?",
|
||||
"Common.Controllers.Collaboration.textYes": "Yes",
|
||||
"Common.UI.ThemeColorPalette.textCustomColors": "Custom Colors",
|
||||
"Common.UI.ThemeColorPalette.textStandartColors": "Standard Colors",
|
||||
"Common.UI.ThemeColorPalette.textThemeColors": "Theme Colors",
|
||||
|
|
@ -10,11 +21,17 @@
|
|||
"Common.Views.Collaboration.textEditUsers": "Users",
|
||||
"Common.Views.Collaboration.textNoComments": "This presentation doesn't contain comments",
|
||||
"Common.Views.Collaboration.textСomments": "Сomments",
|
||||
"Common.Views.Collaboration.textEditСomment": "Edit Comment",
|
||||
"Common.Views.Collaboration.textDone": "Done",
|
||||
"Common.Views.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Views.Collaboration.textEditReply": "Edit Reply",
|
||||
"Common.Views.Collaboration.textCancel": "Cancel",
|
||||
"PE.Controllers.AddContainer.textImage": "Image",
|
||||
"PE.Controllers.AddContainer.textLink": "Link",
|
||||
"PE.Controllers.AddContainer.textShape": "Shape",
|
||||
"PE.Controllers.AddContainer.textSlide": "Slide",
|
||||
"PE.Controllers.AddContainer.textTable": "Table",
|
||||
"PE.Controllers.AddContainer.textOther": "Other",
|
||||
"PE.Controllers.AddImage.textEmptyImgUrl": "You need to specify image URL.",
|
||||
"PE.Controllers.AddImage.txtNotUrl": "This field should be a URL in the format 'http://www.example.com'",
|
||||
"PE.Controllers.AddLink.textDefault": "Selected text",
|
||||
|
|
@ -31,6 +48,10 @@
|
|||
"PE.Controllers.AddTable.textRows": "Rows",
|
||||
"PE.Controllers.AddTable.textTableSize": "Table Size",
|
||||
"PE.Controllers.DocumentHolder.errorCopyCutPaste": "Copy, cut and paste actions using the context menu will be performed within the current file only.",
|
||||
"PE.Controllers.AddOther.textDeleteDraft": "Do you really want to delete draft?",
|
||||
"PE.Controllers.AddOther.textCancel": "Cancel",
|
||||
"PE.Controllers.AddOther.textContinue": "Continue",
|
||||
"PE.Controllers.AddOther.textDelete": "Delete",
|
||||
"PE.Controllers.DocumentHolder.menuAddLink": "Add Link",
|
||||
"PE.Controllers.DocumentHolder.menuCopy": "Copy",
|
||||
"PE.Controllers.DocumentHolder.menuCut": "Cut",
|
||||
|
|
@ -39,6 +60,8 @@
|
|||
"PE.Controllers.DocumentHolder.menuMore": "More",
|
||||
"PE.Controllers.DocumentHolder.menuOpenLink": "Open Link",
|
||||
"PE.Controllers.DocumentHolder.menuPaste": "Paste",
|
||||
"PE.Controllers.DocumentHolder.menuViewComment": "View Comment",
|
||||
"PE.Controllers.DocumentHolder.menuAddComment": "Add Comment",
|
||||
"PE.Controllers.DocumentHolder.sheetCancel": "Cancel",
|
||||
"PE.Controllers.DocumentHolder.textCopyCutPasteActions": "Copy, Cut and Paste Actions",
|
||||
"PE.Controllers.DocumentHolder.textDoNotShowAgain": "Do not show again",
|
||||
|
|
@ -258,6 +281,24 @@
|
|||
"PE.Views.AddLink.textNumber": "Slide Number",
|
||||
"PE.Views.AddLink.textPrev": "Previous Slide",
|
||||
"PE.Views.AddLink.textTip": "Screen Tip",
|
||||
"PE.Views.AddOther.textComment": "Comment",
|
||||
"PE.Views.AddOther.textAddComment": "Add Comment",
|
||||
"PE.Views.AddOther.textDone": "Done",
|
||||
"PE.Views.AddOther.textTable": "Table",
|
||||
"PE.Views.AddOther.textLinkType": "Link Type",
|
||||
"PE.Views.AddOther.textExternalLink": "External Link",
|
||||
"PE.Views.AddOther.textInternalLink": "Slide in this Presentation",
|
||||
"PE.Views.AddOther.textLink": "Link",
|
||||
"PE.Views.AddOther.textLinkSlide": "Link to",
|
||||
"PE.Views.AddOther.textBack": "Back",
|
||||
"PE.Views.AddOther.textDisplay": "Display",
|
||||
"PE.Views.AddOther.textTip": "Screen Tip",
|
||||
"PE.Views.AddOther.textInsert": "Insert",
|
||||
"PE.Views.AddOther.textNext": "Next Slide",
|
||||
"PE.Views.AddOther.textPrev": "Previous Slide",
|
||||
"PE.Views.AddOther.textFirst": "First Slide",
|
||||
"PE.Views.AddOther.textLast": "Last Slide",
|
||||
"PE.Views.AddOther.textNumber": "Slide Number",
|
||||
"PE.Views.EditChart.textAddCustomColor": "Add Custom Color",
|
||||
"PE.Views.EditChart.textAlign": "Align",
|
||||
"PE.Views.EditChart.textAlignBottom": "Align Bottom",
|
||||
|
|
|
|||
|
|
@ -5975,6 +5975,14 @@ html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after {
|
|||
.settings .popover-inner {
|
||||
height: 400px;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button.active i.icon {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dataview.page-content {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
|
@ -6482,15 +6490,97 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
#user-list ul:before {
|
||||
content: none;
|
||||
}
|
||||
.page-comments .list-block .item-inner {
|
||||
.page-comments .header-comment,
|
||||
.add-comment .header-comment,
|
||||
.page-view-comments .header-comment,
|
||||
.container-edit-comment .header-comment,
|
||||
.container-add-reply .header-comment,
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.page-comments .header-comment .comment-right,
|
||||
.add-comment .header-comment .comment-right,
|
||||
.page-view-comments .header-comment .comment-right,
|
||||
.container-edit-comment .header-comment .comment-right,
|
||||
.container-add-reply .header-comment .comment-right,
|
||||
.page-edit-comment .header-comment .comment-right,
|
||||
.page-add-reply .header-comment .comment-right,
|
||||
.page-edit-reply .header-comment .comment-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 70px;
|
||||
}
|
||||
.page-comments .list-block .item-inner,
|
||||
.add-comment .list-block .item-inner,
|
||||
.page-view-comments .list-block .item-inner,
|
||||
.container-edit-comment .list-block .item-inner,
|
||||
.container-add-reply .list-block .item-inner,
|
||||
.page-edit-comment .list-block .item-inner,
|
||||
.page-add-reply .list-block .item-inner,
|
||||
.page-edit-reply .list-block .item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.page-comments p {
|
||||
.page-comments p,
|
||||
.add-comment p,
|
||||
.page-view-comments p,
|
||||
.container-edit-comment p,
|
||||
.container-add-reply p,
|
||||
.page-edit-comment p,
|
||||
.page-add-reply p,
|
||||
.page-edit-reply p {
|
||||
margin: 0;
|
||||
word-break: break-word;
|
||||
}
|
||||
.page-comments .user-name {
|
||||
.page-comments .list-reply,
|
||||
.add-comment .list-reply,
|
||||
.page-view-comments .list-reply,
|
||||
.container-edit-comment .list-reply,
|
||||
.container-add-reply .list-reply,
|
||||
.page-edit-comment .list-reply,
|
||||
.page-add-reply .list-reply,
|
||||
.page-edit-reply .list-reply {
|
||||
padding-left: 26px;
|
||||
}
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.page-comments .user-name,
|
||||
.add-comment .user-name,
|
||||
.page-view-comments .user-name,
|
||||
.container-edit-comment .user-name,
|
||||
.container-add-reply .user-name,
|
||||
.page-edit-comment .user-name,
|
||||
.page-add-reply .user-name,
|
||||
.page-edit-reply .user-name {
|
||||
font-size: 17px;
|
||||
line-height: 22px;
|
||||
color: #000000;
|
||||
|
|
@ -6498,15 +6588,43 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
font-weight: bold;
|
||||
}
|
||||
.page-comments .comment-date,
|
||||
.page-comments .reply-date {
|
||||
font-size: 12px;
|
||||
.add-comment .comment-date,
|
||||
.page-view-comments .comment-date,
|
||||
.container-edit-comment .comment-date,
|
||||
.container-add-reply .comment-date,
|
||||
.page-edit-comment .comment-date,
|
||||
.page-add-reply .comment-date,
|
||||
.page-edit-reply .comment-date,
|
||||
.page-comments .reply-date,
|
||||
.add-comment .reply-date,
|
||||
.page-view-comments .reply-date,
|
||||
.container-edit-comment .reply-date,
|
||||
.container-add-reply .reply-date,
|
||||
.page-edit-comment .reply-date,
|
||||
.page-add-reply .reply-date,
|
||||
.page-edit-reply .reply-date {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #6d6d72;
|
||||
margin: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.page-comments .comment-text,
|
||||
.page-comments .reply-text {
|
||||
.add-comment .comment-text,
|
||||
.page-view-comments .comment-text,
|
||||
.container-edit-comment .comment-text,
|
||||
.container-add-reply .comment-text,
|
||||
.page-edit-comment .comment-text,
|
||||
.page-add-reply .comment-text,
|
||||
.page-edit-reply .comment-text,
|
||||
.page-comments .reply-text,
|
||||
.add-comment .reply-text,
|
||||
.page-view-comments .reply-text,
|
||||
.container-edit-comment .reply-text,
|
||||
.container-add-reply .reply-text,
|
||||
.page-edit-comment .reply-text,
|
||||
.page-add-reply .reply-text,
|
||||
.page-edit-reply .reply-text {
|
||||
color: #000000;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
|
|
@ -6514,13 +6632,47 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
max-width: 100%;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-comments .reply-item {
|
||||
.page-comments .reply-item,
|
||||
.add-comment .reply-item,
|
||||
.page-view-comments .reply-item,
|
||||
.container-edit-comment .reply-item,
|
||||
.container-add-reply .reply-item,
|
||||
.page-edit-comment .reply-item,
|
||||
.page-add-reply .reply-item,
|
||||
.page-edit-reply .reply-item {
|
||||
margin-top: 15px;
|
||||
padding-right: 16px;
|
||||
padding-top: 13px;
|
||||
}
|
||||
.page-comments .reply-item .user-name {
|
||||
padding-top: 16px;
|
||||
.page-comments .reply-item .header-reply,
|
||||
.add-comment .reply-item .header-reply,
|
||||
.page-view-comments .reply-item .header-reply,
|
||||
.container-edit-comment .reply-item .header-reply,
|
||||
.container-add-reply .reply-item .header-reply,
|
||||
.page-edit-comment .reply-item .header-reply,
|
||||
.page-add-reply .reply-item .header-reply,
|
||||
.page-edit-reply .reply-item .header-reply {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.page-comments .reply-item:before {
|
||||
.page-comments .reply-item .user-name,
|
||||
.add-comment .reply-item .user-name,
|
||||
.page-view-comments .reply-item .user-name,
|
||||
.container-edit-comment .reply-item .user-name,
|
||||
.container-add-reply .reply-item .user-name,
|
||||
.page-edit-comment .reply-item .user-name,
|
||||
.page-add-reply .reply-item .user-name,
|
||||
.page-edit-reply .reply-item .user-name {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.page-comments .reply-item:before,
|
||||
.add-comment .reply-item:before,
|
||||
.page-view-comments .reply-item:before,
|
||||
.container-edit-comment .reply-item:before,
|
||||
.container-add-reply .reply-item:before,
|
||||
.page-edit-comment .reply-item:before,
|
||||
.page-add-reply .reply-item:before,
|
||||
.page-edit-reply .reply-item:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
|
|
@ -6535,17 +6687,298 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
-webkit-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.page-comments .comment-quote {
|
||||
.page-comments .comment-quote,
|
||||
.add-comment .comment-quote,
|
||||
.page-view-comments .comment-quote,
|
||||
.container-edit-comment .comment-quote,
|
||||
.container-add-reply .comment-quote,
|
||||
.page-edit-comment .comment-quote,
|
||||
.page-add-reply .comment-quote,
|
||||
.page-edit-reply .comment-quote {
|
||||
color: #aa5252;
|
||||
border-left: 1px solid #aa5252;
|
||||
padding-left: 10px;
|
||||
padding-right: 16px;
|
||||
margin: 5px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.page-comments .wrap-comment,
|
||||
.add-comment .wrap-comment,
|
||||
.page-view-comments .wrap-comment,
|
||||
.container-edit-comment .wrap-comment,
|
||||
.container-add-reply .wrap-comment,
|
||||
.page-edit-comment .wrap-comment,
|
||||
.page-add-reply .wrap-comment,
|
||||
.page-edit-reply .wrap-comment,
|
||||
.page-comments .wrap-reply,
|
||||
.add-comment .wrap-reply,
|
||||
.page-view-comments .wrap-reply,
|
||||
.container-edit-comment .wrap-reply,
|
||||
.container-add-reply .wrap-reply,
|
||||
.page-edit-comment .wrap-reply,
|
||||
.page-add-reply .wrap-reply,
|
||||
.page-edit-reply .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
margin-top: 10px;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 100px;
|
||||
}
|
||||
.settings.popup .list-block ul.list-reply:last-child:after,
|
||||
.settings.popover .list-block ul.list-reply:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
.container-edit-comment .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment {
|
||||
position: fixed;
|
||||
-webkit-transition: height 100ms;
|
||||
transition: height 120ms;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 50%;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.container-view-comment .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block ul:before,
|
||||
.container-view-comment .page-view-comments .list-block ul:after {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block .item-inner {
|
||||
padding: 0;
|
||||
}
|
||||
.container-view-comment .toolbar {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
.container-view-comment .toolbar:before {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-left {
|
||||
min-width: 80px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right {
|
||||
min-width: 62px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right a {
|
||||
padding: 0 12px;
|
||||
}
|
||||
.container-view-comment .swipe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40px;
|
||||
}
|
||||
.container-view-comment .swipe-container .icon-swipe {
|
||||
margin-top: 8px;
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.container-view-comment .list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
.container-view-comment.popover {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
min-height: 170px;
|
||||
height: 400px;
|
||||
max-height: 600px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar {
|
||||
position: absolute;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar .toolbar-inner {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages {
|
||||
position: absolute;
|
||||
}
|
||||
.container-view-comment.popover .pages .page {
|
||||
border-radius: 13px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content {
|
||||
padding: 16px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content {
|
||||
padding-left: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment,
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea {
|
||||
min-height: 70px;
|
||||
width: 278px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .edit-reply-textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
height: 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea {
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
#done-comment {
|
||||
color: #aa5252;
|
||||
}
|
||||
.page-add-comment {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-add-comment .wrap-comment,
|
||||
.page-add-comment .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .header-comment,
|
||||
.page-add-comment .wrap-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-add-comment .wrap-comment .user-name,
|
||||
.page-add-comment .wrap-reply .user-name {
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .comment-date,
|
||||
.page-add-comment .wrap-reply .comment-date {
|
||||
font-size: 13px;
|
||||
color: #6d6d72;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea {
|
||||
margin-top: 16px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
min-height: 100px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder {
|
||||
color: #8e8e93;
|
||||
font-size: 17px;
|
||||
}
|
||||
.container-add-reply {
|
||||
height: 100%;
|
||||
}
|
||||
.container-add-reply .navbar a.link i + span {
|
||||
margin-left: 0;
|
||||
}
|
||||
.container-add-reply .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.actions-modal-button.color-red {
|
||||
color: #ff3b30;
|
||||
}
|
||||
.page-edit-comment,
|
||||
.page-add-reply,
|
||||
.page-edit-reply {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-edit-comment .navbar .right,
|
||||
.page-add-reply .navbar .right,
|
||||
.page-edit-reply .navbar .right {
|
||||
height: 100%;
|
||||
}
|
||||
.page-edit-comment .navbar .right #add-reply,
|
||||
.page-add-reply .navbar .right #add-reply,
|
||||
.page-edit-reply .navbar .right #add-reply,
|
||||
.page-edit-comment .navbar .right #edit-comment,
|
||||
.page-add-reply .navbar .right #edit-comment,
|
||||
.page-edit-reply .navbar .right #edit-comment,
|
||||
.page-edit-comment .navbar .right #edit-reply,
|
||||
.page-add-reply .navbar .right #edit-reply,
|
||||
.page-edit-reply .navbar .right #edit-reply {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
.container-edit-comment {
|
||||
position: fixed;
|
||||
}
|
||||
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -6775,12 +7208,14 @@ i.icon.icon-in-indent {
|
|||
background-color: #aa5252;
|
||||
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-prev {
|
||||
i.icon.icon-prev,
|
||||
i.icon.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C20.5L15%2C21.5L4.5%2C11l0%2C0l0%2C0L15%2C0.5L16%2C1.5L6.6%2C11L16%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-next {
|
||||
i.icon.icon-next,
|
||||
i.icon.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.5%2C11L6%2C1.5l1.1-1.1L17.5%2C11l0%2C0l0%2C0L7.1%2C21.5L6%2C20.5L15.5%2C11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
|
|
@ -7033,6 +7468,71 @@ i.icon.icon-paste {
|
|||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2015C10%2016.6569%208.65685%2018%207%2018C5.34315%2018%204%2016.6569%204%2015C4%2013.3431%205.34315%2012%207%2012C8.65685%2012%2010%2013.3431%2010%2015ZM7%2016.7143C7.94677%2016.7143%208.71429%2015.9468%208.71429%2015C8.71429%2014.0532%207.94677%2013.2857%207%2013.2857C6.05323%2013.2857%205.28571%2014.0532%205.28571%2015C5.28571%2015.9468%206.05323%2016.7143%207%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%2015C18%2016.6569%2016.6569%2018%2015%2018C13.3431%2018%2012%2016.6569%2012%2015C12%2013.3431%2013.3431%2012%2015%2012C16.6569%2012%2018%2013.3431%2018%2015ZM15%2016.7143C15.9468%2016.7143%2016.7143%2015.9468%2016.7143%2015C16.7143%2014.0532%2015.9468%2013.2857%2015%2013.2857C14.0532%2013.2857%2013.2857%2014.0532%2013.2857%2015C13.2857%2015.9468%2014.0532%2016.7143%2015%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2015C26%2016.6569%2024.6569%2018%2023%2018C21.3431%2018%2020%2016.6569%2020%2015C20%2013.3431%2021.3431%2012%2023%2012C24.6569%2012%2026%2013.3431%2026%2015ZM23%2016.7143C23.9468%2016.7143%2024.7143%2015.9468%2024.7143%2015C24.7143%2014.0532%2023.9468%2013.2857%2023%2013.2857C22.0532%2013.2857%2021.2857%2014.0532%2021.2857%2015C21.2857%2015.9468%2022.0532%2016.7143%2023%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81574%2014.7407%207.34084%2014.7345%207.04258%2015.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H30V30H0V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545V8.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81575%2014.7407%207.34084%2014.7345%207.04258%2015.0228V15.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%234cd964%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.1538%209.00708H11.8462C10.8266%209.00708%2010%209.83461%2010%2010.8554V15.1694C10%2016.1902%2010.8266%2017.0177%2011.8462%2017.0177H13.8329C13.9409%2017.0177%2014.0454%2017.0556%2014.1284%2017.1248L18.243%2020.392C18.5436%2020.6428%2019%2020.4288%2019%2020.037V17.4798C19%2017.2246%2019.2066%2017.0177%2019.4615%2017.0177H20.1538C21.1734%2017.0177%2022%2016.1902%2022%2015.1694V10.8554C22%209.83461%2021.1734%209.00708%2020.1538%209.00708ZM20%2010.0083C20.5523%2010.0083%2021%2010.4565%2021%2011.0095V15.0154C21%2015.5683%2020.5523%2016.0165%2020%2016.0165H18.0025L18%2018.8995C18%2019.2912%2018%2019%2018%2019L14.5%2016.0165H12C11.4477%2016.0165%2011%2015.5683%2011%2015.0154V11.0095C11%2010.4565%2011.4477%2010.0083%2012%2010.0083H20Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M14.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V12.0346C2%2013.3222%203.18908%2014.013%204.5%2014.013H5.5C5.82773%2014.013%206%2014.1917%206%2014.5136V17.5183C6%2018.0125%206.6135%2018.3352%207%2018.0189L11%2014.9858V13.5L7%2016.5V13.0118H4.5C3.78992%2013.0118%203%2012.732%203%2012.0346V5.50295C3%204.80547%203.78992%204.00118%204.5%204.00118H14.5C15.2101%204.00118%2016%204.80547%2016%205.50295V8.0059H17V5.50295C17%204.2153%2015.8109%203%2014.5%203Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-slide {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%206C4%204.89543%204.89543%204%206%204H18C19.1046%204%2020%204.89543%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020H6C4.89543%2020%204%2019.1046%204%2018V6ZM11%2010.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1%202H22V21H1V2ZM12%203H21V8H12V3ZM12%209H21V14H12V9ZM11%2014V9H2V14H11ZM2%2015V20H11V15H2ZM12%2015H21V20H12V15ZM11%203V8H2V3H11Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-slide {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%206C4%204.89543%204.89543%204%206%204H18C19.1046%204%2020%204.89543%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020H6C4.89543%2020%204%2019.1046%204%2018V6ZM11%2010.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.label-switch input[type="checkbox"]:checked + .checkbox {
|
||||
background: #aa5252;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -114,6 +114,18 @@ input, textarea {
|
|||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.container-add {
|
||||
.categories {
|
||||
i.icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.active {
|
||||
i.icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Table styles
|
||||
|
||||
|
|
|
|||
|
|
@ -155,12 +155,12 @@ i.icon {
|
|||
height: 22px;
|
||||
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
|
||||
}
|
||||
&.icon-prev {
|
||||
&.icon-prev, &.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
|
||||
}
|
||||
&.icon-next {
|
||||
&.icon-next, &.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
|
||||
|
|
@ -430,4 +430,76 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="white"/><path d="M5 0H14V5H5V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="white"/></svg>');
|
||||
}
|
||||
//comments
|
||||
&.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
//Insert
|
||||
&.icon-add-slide {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
i.icon {
|
||||
&.icon-add-slide {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -185,15 +185,10 @@ i.icon {
|
|||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
|
||||
}
|
||||
&.icon-link {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
|
||||
}
|
||||
&.icon-image-library {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.2;}.cls-3{fill:#fff;}.cls-10,.cls-11,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{mix-blend-mode:multiply;}.cls-4{fill:url(#grad_8);}.cls-5{fill:url(#grad_10);}.cls-6{fill:url(#grad_12);}.cls-7{fill:url(#grad_14);}.cls-8{fill:url(#grad_79);}.cls-9{fill:url(#grad_77);}.cls-10{fill:url(#grad_75);}.cls-11{fill:url(#grad_81);}</style><linearGradient id="grad_8" x1="11.08" y1="10.26" x2="11.08" y2="1.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3e916"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_10" x1="11.08" y1="20.44" x2="11.08" y2="11.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb6e8"/><stop offset="1" stop-color="#958cc3"/></linearGradient><linearGradient id="grad_12" x1="1.46" y1="11.05" x2="10.46" y2="11.05" gradientTransform="translate(17 5.09) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cc8dba"/><stop offset="1" stop-color="#f86867"/></linearGradient><linearGradient id="grad_14" x1="11.73" y1="11.05" x2="20.73" y2="11.05" gradientTransform="translate(27.28 -5.18) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6ac07f"/><stop offset="1" stop-color="#c5da3d"/></linearGradient><linearGradient id="grad_79" x1="11.74" y1="10.42" x2="17.52" y2="4.63" gradientTransform="translate(30.29 2.51) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5da3d"/><stop offset="1" stop-color="#f3e916"/></linearGradient><linearGradient id="grad_77" x1="4.7" y1="17.49" x2="10.48" y2="11.71" gradientTransform="translate(23.24 19.65) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9595c3"/><stop offset="1" stop-color="#cc8dba"/></linearGradient><linearGradient id="grad_75" x1="4.69" y1="4.64" x2="10.47" y2="10.42" gradientTransform="translate(7.54 -3.15) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f86867"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_81" x1="11.77" y1="11.78" x2="17.55" y2="17.56" gradientTransform="translate(14.63 -6.05) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec0e8"/><stop offset="1" stop-color="#6ac07f"/></linearGradient></defs><title>icons_for_svg</title><g class="cls-1"><g id="Слой_1" data-name="Слой 1"><rect class="cls-2" x="0.09" y="0.01" width="22" height="22" rx="4" ry="4"/><rect class="cls-3" x="0.57" y="0.49" width="21.04" height="21.04" rx="3.6" ry="3.6"/><rect class="cls-4" x="8.33" y="1.26" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-5" x="8.33" y="11.76" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-6" x="3.21" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-5.09 17) rotate(-90)"/><rect class="cls-7" x="13.48" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(5.18 27.28) rotate(-90)"/><rect class="cls-8" x="11.87" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(19.64 23.19) rotate(-135)"/><rect class="cls-9" x="4.8" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(2.54 30.33) rotate(-135)"/><rect class="cls-10" x="4.83" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-3.1 7.56) rotate(-45)"/><rect class="cls-11" x="11.87" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-6.07 14.63) rotate(-45)"/></g></g></svg>');
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
|
||||
&.icon-text-valign-top {
|
||||
|
|
@ -395,6 +390,57 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="black"/><path d="M5 0H14V5H5V0Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="black"/></svg>');
|
||||
}
|
||||
//Comments
|
||||
&.icon-menu-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-prev-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-next-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment-white {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
|
||||
}
|
||||
&.icon-add-table {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59961H11.2V8.79961H4V5.59961Z" fill="@{themeColor}"/><path d="M12.8 5.59961H20V8.79961H12.8V5.59961Z" fill="@{themeColor}"/><path d="M4 10.3996H11.2V13.5996H4V10.3996Z" fill="@{themeColor}"/><path d="M12.8 10.3996H20V13.5996H12.8V10.3996Z" fill="@{themeColor}"/><path d="M4 15.1996H11.2V18.3996H4V15.1996Z" fill="@{themeColor}"/><path d="M12.8 15.1996H20V18.3996H12.8V15.1996Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-link {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
// Overwrite color for toolbar
|
||||
|
|
@ -465,5 +511,30 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9912 6C14.9912 8.18203 14.4464 9.76912 13.7789 10.7492C13.101 11.7447 12.4042 12 11.9912 12C11.5782 12 10.8814 11.7447 10.2035 10.7492C9.53601 9.76912 8.99121 8.18203 8.99121 6C8.99121 4.23017 10.4571 3 11.9912 3C13.5254 3 14.9912 4.23017 14.9912 6ZM13.4917 13.6397C13.0059 13.8771 12.4989 14 11.9912 14C11.4861 14 10.9817 13.8784 10.4983 13.6434C8.53188 14.3681 6.94518 15.0737 5.78927 15.7768C4.10512 16.8011 4 17.4079 4 17.5C4 17.7664 4.1014 18.3077 5.27104 18.8939C6.50029 19.5099 8.64545 19.9999 12 20C15.3546 20 17.4997 19.5099 18.7289 18.8939C19.8986 18.3078 20 17.7664 20 17.5C20 17.4079 19.8949 16.8011 18.2107 15.7768C17.0529 15.0726 15.4627 14.3657 13.4917 13.6397ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-slide {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM11 11V7.00001H13V11H17V13H13V17H11V13H7V11H11Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-close-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -52,7 +52,9 @@ define([
|
|||
SSE.Controllers.DocumentHolder = Backbone.Controller.extend(_.extend((function() {
|
||||
// private
|
||||
var _actionSheets = [],
|
||||
_isEdit = false;
|
||||
_isEdit = false,
|
||||
_canViewComments = true,
|
||||
_isComments = false;
|
||||
|
||||
function openLink(url) {
|
||||
var newDocumentPage = window.open(url, '_blank');
|
||||
|
|
@ -84,6 +86,16 @@ define([
|
|||
this.api.asc_registerCallback('asc_onHidePopMenu', _.bind(this.onApiHidePopMenu, this));
|
||||
Common.NotificationCenter.on('api:disconnect', _.bind(this.onCoAuthoringDisconnect, this));
|
||||
this.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(this.onCoAuthoringDisconnect,this));
|
||||
this.api.asc_registerCallback('asc_onShowComment', _.bind(this.onApiShowComment, this));
|
||||
this.api.asc_registerCallback('asc_onHideComment', _.bind(this.onApiHideComment, this));
|
||||
},
|
||||
|
||||
onApiShowComment: function(comments) {
|
||||
_isComments = comments && comments.length>0;
|
||||
},
|
||||
|
||||
onApiHideComment: function() {
|
||||
_isComments = false;
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
|
|
@ -91,6 +103,7 @@ define([
|
|||
if (_isEdit) {
|
||||
this.api.asc_registerCallback('asc_onSetAFDialog', _.bind(this.onApiFilterOptions, this));
|
||||
}
|
||||
_canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
// When our application is ready, lets get started
|
||||
|
|
@ -232,6 +245,14 @@ define([
|
|||
case 'freezePanes':
|
||||
me.api.asc_freezePane();
|
||||
break;
|
||||
case 'viewcomment':
|
||||
me.view.hideMenu();
|
||||
SSE.getController('Common.Controllers.Collaboration').showCommentModal();
|
||||
break;
|
||||
case 'addcomment':
|
||||
me.view.hideMenu();
|
||||
SSE.getController('AddContainer').showModal();
|
||||
SSE.getController('AddOther').getView('AddOther').showPageComment(false);
|
||||
}
|
||||
|
||||
if ('showActionSheet' == event && _actionSheets.length > 0) {
|
||||
|
|
@ -318,6 +339,12 @@ define([
|
|||
event: 'openlink'
|
||||
});
|
||||
}
|
||||
if (_canViewComments && _isComments) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
||||
if (!iscelllocked && (isimagemenu || isshapemenu || ischartmenu || istextshapemenu || istextchartmenu)) {
|
||||
|
|
@ -423,6 +450,20 @@ define([
|
|||
});
|
||||
|
||||
}
|
||||
|
||||
if (_canViewComments) {
|
||||
if (_isComments) {
|
||||
arrItems.push({
|
||||
caption: me.menuViewComment,
|
||||
event: 'viewcomment'
|
||||
});
|
||||
} else if (iscellmenu) {
|
||||
arrItems.push({
|
||||
caption: me.menuAddComment,
|
||||
event: 'addcomment'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -475,6 +516,8 @@ define([
|
|||
sheetCancel: 'Cancel',
|
||||
menuFreezePanes: 'Freeze Panes',
|
||||
menuUnfreezePanes: 'Unfreeze Panes',
|
||||
menuViewComment: 'View Comment',
|
||||
menuAddComment: 'Add Comment',
|
||||
textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
|
||||
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
|
||||
textDoNotShowAgain: 'Don\'t show again'
|
||||
|
|
|
|||
|
|
@ -526,7 +526,7 @@ define([
|
|||
this.api.asc_setZoom(zf>0 ? zf : 1);
|
||||
|
||||
/** coauthoring begin **/
|
||||
this.isLiveCommenting = Common.localStorage.getBool("sse-settings-livecomment", true);
|
||||
this.isLiveCommenting = Common.localStorage.getBool("sse-mobile-settings-livecomment", true);
|
||||
var resolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true);
|
||||
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();
|
||||
|
||||
|
|
@ -717,7 +717,10 @@ define([
|
|||
/** coauthoring begin **/
|
||||
me.appOptions.canCoAuthoring = !me.appOptions.isLightVersion;
|
||||
/** coauthoring end **/
|
||||
me.appOptions.canComments = me.appOptions.canLicense && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canComments = me.appOptions.canLicense && (me.permissions.comment===undefined ? me.appOptions.isEdit : me.permissions.comment) && (me.editorConfig.mode !== 'view');
|
||||
me.appOptions.canComments = me.appOptions.canComments && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canViewComments = me.appOptions.canComments || !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
|
||||
me.appOptions.canEditComments = me.appOptions.isOffline || !(typeof (me.editorConfig.customization) == 'object' && me.editorConfig.customization.commentAuthorOnly);
|
||||
me.appOptions.canChat = me.appOptions.canLicense && !me.appOptions.isOffline && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.chat===false);
|
||||
me.appOptions.canRename = !!me.permissions.rename;
|
||||
|
||||
|
|
|
|||
|
|
@ -595,7 +595,7 @@ define([
|
|||
$r1c1Style.single('change', _.bind(me.clickR1C1Style, me));
|
||||
|
||||
//init Commenting Display
|
||||
var displayComments = Common.localStorage.getBool("sse-settings-livecomment", true);
|
||||
var displayComments = Common.localStorage.getBool("sse-mobile-settings-livecomment", true);
|
||||
$('#settings-display-comments input:checkbox').attr('checked', displayComments);
|
||||
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
|
||||
var displayResolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true);
|
||||
|
|
@ -619,11 +619,11 @@ define([
|
|||
this.api.asc_showComments(resolved);
|
||||
$("#settings-display-resolved").removeClass("disabled");
|
||||
}
|
||||
Common.localStorage.setBool("sse-settings-livecomment", displayComments);
|
||||
Common.localStorage.setBool("sse-mobile-settings-livecomment", displayComments);
|
||||
},
|
||||
|
||||
onChangeDisplayResolved: function(e) {
|
||||
var displayComments = Common.localStorage.getBool("sse-settings-livecomment");
|
||||
var displayComments = Common.localStorage.getBool("sse-mobile-settings-livecomment");
|
||||
if (displayComments) {
|
||||
var resolved = $(e.currentTarget).is(':checked');
|
||||
if (this.api) {
|
||||
|
|
|
|||
|
|
@ -129,6 +129,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textChart,
|
||||
id: 'add-chart',
|
||||
icon: 'icon-add-chart',
|
||||
layout: SSE.getController('AddChart').getView('AddChart').rootLayout()
|
||||
});
|
||||
|
||||
|
|
@ -137,6 +138,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textFormula,
|
||||
id: 'add-formula',
|
||||
icon: 'icon-add-formula',
|
||||
layout: options ? view.rootLayout() : view.layoutPanel()
|
||||
});
|
||||
}
|
||||
|
|
@ -145,6 +147,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textShape,
|
||||
id: 'add-shape',
|
||||
icon: 'icon-add-shape',
|
||||
layout: SSE.getController('AddShape').getView('AddShape').rootLayout()
|
||||
});
|
||||
|
||||
|
|
@ -152,6 +155,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textOther,
|
||||
id: 'add-other',
|
||||
icon: 'icon-add-other',
|
||||
layout: SSE.getController('AddOther').getView('AddOther').rootLayout()
|
||||
});
|
||||
|
||||
|
|
@ -168,6 +172,7 @@ define([
|
|||
addViews.push({
|
||||
caption: me.textImage,
|
||||
id: 'add-image',
|
||||
icon: 'icon-add-image',
|
||||
layout: SSE.getController('AddOther').getView('AddOther').childLayout('image')
|
||||
});
|
||||
}
|
||||
|
|
@ -214,7 +219,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.toolbar-inner')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
$layoutNavbar
|
||||
|
|
@ -229,7 +234,7 @@ define([
|
|||
$layoutNavbar
|
||||
.find('.buttons-row')
|
||||
.append(
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '">' + layout.caption + '</a>'
|
||||
'<a href="#' + layout.id + '" class="tab-link button ' + (index < 1 ? 'active' : '') + '"><i class="icon ' + layout.icon + '"></i></a>'
|
||||
);
|
||||
});
|
||||
}
|
||||
|
|
@ -251,12 +256,8 @@ define([
|
|||
|
||||
var $layoutPages = $('<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs">' +
|
||||
'<div class="page-content tabs">' +
|
||||
_arrangePages({pages: layoutAdds}) +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>');
|
||||
|
|
|
|||
|
|
@ -75,6 +75,15 @@ define([
|
|||
|
||||
},
|
||||
|
||||
setMode: function (mode) {
|
||||
this.view = this.getView('AddOther');
|
||||
this.view.canViewComments = mode.canViewComments;
|
||||
},
|
||||
|
||||
setHideAddComment: function(hide) {
|
||||
this.view.isComments = hide; //prohibit adding multiple comments in one cell
|
||||
},
|
||||
|
||||
onLaunch: function () {
|
||||
this.createView('AddOther').render();
|
||||
},
|
||||
|
|
@ -83,6 +92,17 @@ define([
|
|||
if ( args && !(_.indexOf(args.panels, 'image') < 0) ) {
|
||||
this.onPageShow(this.getView('AddOther'), '#addother-insimage');
|
||||
}
|
||||
this.view.hideInsertComments = this.isHideInsertComment();
|
||||
},
|
||||
|
||||
isHideInsertComment: function() {
|
||||
var cellinfo = this.api.asc_getCellInfo();
|
||||
var iscelllocked = cellinfo.asc_getLocked(),
|
||||
seltype = cellinfo.asc_getFlags().asc_getSelectionType();
|
||||
if (seltype === Asc.c_oAscSelectionType.RangeCells && !iscelllocked) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
onPageShow: function (view, pageId) {
|
||||
|
|
@ -100,11 +120,52 @@ define([
|
|||
$('#addimage-file').single('click', function () {
|
||||
me.onInsertImage({islocal:true});
|
||||
});
|
||||
} else if (pageId === "#addother-insert-comment") {
|
||||
me.initInsertComment(false);
|
||||
}
|
||||
},
|
||||
|
||||
// Handlers
|
||||
|
||||
initInsertComment: function (documentFlag) {
|
||||
var comment = SSE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
||||
if (comment) {
|
||||
this.getView('AddOther').renderComment(comment);
|
||||
$('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
|
||||
$('.back-from-add-comment').single('click', _.bind(function () {
|
||||
if ($('#comment-text').val().length > 0) {
|
||||
uiApp.modal({
|
||||
title: '',
|
||||
text: this.textDeleteDraft,
|
||||
buttons: [
|
||||
{
|
||||
text: this.textCancel
|
||||
},
|
||||
{
|
||||
text: this.textDelete,
|
||||
bold: true,
|
||||
onClick: function () {
|
||||
SSE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}]
|
||||
})
|
||||
} else {
|
||||
SSE.getController('AddContainer').rootView.router.back();
|
||||
}
|
||||
}, this))
|
||||
}
|
||||
},
|
||||
|
||||
onDoneComment: function(documentFlag) {
|
||||
var value = $('#comment-text').val();
|
||||
if (value.length > 0) {
|
||||
if (SSE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag)) {
|
||||
this.view.isComments = true;
|
||||
}
|
||||
SSE.getController('AddContainer').hideModal();
|
||||
}
|
||||
},
|
||||
|
||||
onInsertImage: function (args) {
|
||||
if ( !args.islocal ) {
|
||||
var me = this;
|
||||
|
|
@ -137,7 +198,11 @@ define([
|
|||
},
|
||||
|
||||
textEmptyImgUrl : 'You need to specify image URL.',
|
||||
txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"'
|
||||
txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"',
|
||||
textDeleteDraft: 'Do you really want to delete draft?',
|
||||
textCancel: 'Cancel',
|
||||
//textContinue: 'Continue',
|
||||
textDelete: 'Delete'
|
||||
}
|
||||
})(), SSE.Controllers.AddOther || {}))
|
||||
});
|
||||
|
|
@ -231,10 +231,7 @@ define([
|
|||
var $layoutPages = $(
|
||||
'<div class="pages">' +
|
||||
'<div class="page" data-page="index">' +
|
||||
'<div class="page-content">' +
|
||||
'<div class="tabs-animated-wrap">' +
|
||||
'<div class="tabs"></div>' +
|
||||
'</div>' +
|
||||
'<div class="page-content tabs">' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>'
|
||||
|
|
|
|||
|
|
@ -14,14 +14,14 @@
|
|||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-sort" class="item-link">
|
||||
<li id='item-comment'>
|
||||
<a id="add-other-comment" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-sort"></i>
|
||||
<i class="icon icon-insert-comment"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textSort %></div>
|
||||
<div class="item-title"><%= scope.textComment %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -38,6 +38,18 @@
|
|||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a id="add-other-sort" class="item-link">
|
||||
<div class="item-content">
|
||||
<div class="item-media">
|
||||
<i class="icon icon-sort"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title"><%= scope.textSort %></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -147,4 +159,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page Insert Comment view -->
|
||||
<div id="addother-insert-comment">
|
||||
<div class="page page-add-comment" data-page="addother-insert-comment">
|
||||
<div class="page-content">
|
||||
<div id="comment-info" class="wrap-comment">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -153,8 +153,7 @@
|
|||
<% } %>
|
||||
</div>
|
||||
<div class="page with-subnavbar" data-page="edit-chart-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-chart-type" class="page-content tab dataview chart-types active">
|
||||
<% _.each(types, function(row) { %>
|
||||
<ul class="row">
|
||||
|
|
@ -166,7 +165,7 @@
|
|||
</ul>
|
||||
<% }); %>
|
||||
</div>
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles">
|
||||
<div id="tab-chart-style" class="page-content tab dataview chart-styles" style="width: 100%;">
|
||||
<!--Style-->
|
||||
</div>
|
||||
<div id="tab-chart-fill" class="page-content tab">
|
||||
|
|
@ -202,7 +201,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -153,8 +153,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page" data-page="edit-shape-style">
|
||||
<div class="tabs-animated-wrap">
|
||||
<div class="tabs">
|
||||
<div class="page-content tabs" style="padding-top: 0;">
|
||||
<div id="tab-shape-fill" class="page-content tab active">
|
||||
<!--Fill colors-->
|
||||
</div>
|
||||
|
|
@ -207,7 +206,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -62,6 +62,23 @@ define([
|
|||
|
||||
var mapNavigation = {};
|
||||
|
||||
var tplNavigationComment = '<div class="navbar">' +
|
||||
'<div class="navbar-inner">' +
|
||||
'<div class="left sliding">' +
|
||||
'<a href="#" class="back-from-add-comment link">' +
|
||||
'<i class="icon icon-back"></i>' +
|
||||
'<% if (!android) { %><span><%= textBack %></span><% } %>' +
|
||||
'</a>' +
|
||||
'</div>' +
|
||||
'<div class="center sliding"><%= title %></div>' +
|
||||
'<div class="right sliding">' +
|
||||
'<a id="done-comment">' +
|
||||
'<% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= textDone %><% } %>' +
|
||||
'</a>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
var getNavigation = function (panelid) {
|
||||
var el = mapNavigation[panelid];
|
||||
if ( !el ) {
|
||||
|
|
@ -73,16 +90,28 @@ define([
|
|||
case '#addother-insimage': _title = this.textInsertImage; break;
|
||||
case '#addother-sort': _title = this.textSort; break;
|
||||
case '#addother-imagefromurl': _title = this.textLinkSettings; break;
|
||||
case '#addother-insert-comment': _title = this.textAddComment; break;
|
||||
}
|
||||
|
||||
mapNavigation =
|
||||
el = _.template(tplNavigation)({
|
||||
if (panelid === '#addother-insert-comment') {
|
||||
el = _.template(tplNavigationComment)({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
textBack : this.textBack,
|
||||
textDone : this.textDone,
|
||||
title : _title
|
||||
}
|
||||
);
|
||||
} else {
|
||||
mapNavigation =
|
||||
el = _.template(tplNavigation)({
|
||||
android : Common.SharedSettings.get('android'),
|
||||
phone : Common.SharedSettings.get('phone'),
|
||||
textBack : this.textBack,
|
||||
title : _title
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return el;
|
||||
|
|
@ -106,6 +135,12 @@ define([
|
|||
$page.find('#add-other-insimage').single('click', _.bind(me.showInsertImage, me));
|
||||
$page.find('#add-other-link').single('click', _.bind(me.showInsertLink, me));
|
||||
$page.find('#add-other-sort').single('click', _.bind(me.showSortPage, me));
|
||||
if (me.hideInsertComments || me.isComments) {
|
||||
$('#item-comment').hide();
|
||||
} else {
|
||||
$('#item-comment').show();
|
||||
$('#add-other-comment').single('click', _.bind(me.showPageComment, me));
|
||||
}
|
||||
|
||||
me.initControls();
|
||||
},
|
||||
|
|
@ -123,6 +158,9 @@ define([
|
|||
|
||||
rootLayout: function () {
|
||||
if (this.layout) {
|
||||
if (!this.canViewComments) {
|
||||
this.layout.find('#addother-root-view #item-comment').remove();
|
||||
}
|
||||
return this.layout
|
||||
.find('#addother-root-view')
|
||||
.html();
|
||||
|
|
@ -144,7 +182,7 @@ define([
|
|||
//
|
||||
},
|
||||
|
||||
showPage: function (templateId) {
|
||||
showPage: function (templateId, animate) {
|
||||
var rootView = SSE.getController('AddContainer').rootView;
|
||||
|
||||
if (rootView && this.layout) {
|
||||
|
|
@ -161,13 +199,54 @@ define([
|
|||
}
|
||||
|
||||
rootView.router.load({
|
||||
content: $content.html()
|
||||
content: $content.html(),
|
||||
animatePages: animate !== false
|
||||
});
|
||||
|
||||
this.fireEvent('page:show', [this, templateId]);
|
||||
}
|
||||
},
|
||||
|
||||
showPageComment: function(animate) {
|
||||
this.showPage('#addother-insert-comment', animate);
|
||||
},
|
||||
|
||||
renderComment: function(comment) {
|
||||
var me = this;
|
||||
_.delay(function () {
|
||||
var $commentInfo = $('#comment-info');
|
||||
var template = [
|
||||
'<% if (android) { %><div class="header-comment"><div class="initials-comment" style="background-color: <%= comment.usercolor %>;"><%= comment.userInitials %></div><div><% } %>',
|
||||
'<div class="user-name"><%= comment.username %></div>',
|
||||
'<div class="comment-date"><%= comment.date %></div>',
|
||||
'<% if (android) { %></div></div><% } %>',
|
||||
'<div class="wrap-textarea"><textarea id="comment-text" class="comment-textarea" placeholder="<%= textAddComment %>" autofocus></textarea></div>'
|
||||
].join('');
|
||||
var insert = _.template(template)({
|
||||
android: Framework7.prototype.device.android,
|
||||
comment: comment,
|
||||
textAddComment: me.textAddComment
|
||||
});
|
||||
$commentInfo.html(insert);
|
||||
_.defer(function () {
|
||||
var $textarea = $('.comment-textarea')[0];
|
||||
var $btnAddComment = $('#done-comment');
|
||||
$btnAddComment.addClass('disabled');
|
||||
$textarea.focus();
|
||||
$textarea.oninput = function () {
|
||||
if ($textarea.value.length < 1) {
|
||||
if (!$btnAddComment.hasClass('disabled'))
|
||||
$btnAddComment.addClass('disabled');
|
||||
} else {
|
||||
if ($btnAddComment.hasClass('disabled')) {
|
||||
$btnAddComment.removeClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
}, 100);
|
||||
},
|
||||
|
||||
showInsertImage: function () {
|
||||
this.showPage('#addother-insimage');
|
||||
|
||||
|
|
@ -227,7 +306,10 @@ define([
|
|||
textAddress: 'Address',
|
||||
textImageURL: 'Image URL',
|
||||
textFilter: 'Filter',
|
||||
textLinkSettings: 'Link Settings'
|
||||
textLinkSettings: 'Link Settings',
|
||||
textComment: 'Comment',
|
||||
textAddComment: 'Add Comment',
|
||||
textDone: 'Done'
|
||||
}
|
||||
})(), SSE.Views.AddOther || {}))
|
||||
});
|
||||
|
|
@ -1,5 +1,16 @@
|
|||
{
|
||||
"Common.Controllers.Collaboration.textEditUser": "Users who are editing the file:",
|
||||
"Common.Controllers.Collaboration.textCancel": "Cancel",
|
||||
"Common.Controllers.Collaboration.textDone": "Done",
|
||||
"Common.Controllers.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Controllers.Collaboration.textEdit": "Edit",
|
||||
"Common.Controllers.Collaboration.textResolve": "Resolve",
|
||||
"Common.Controllers.Collaboration.textDeleteComment": "Delete comment",
|
||||
"Common.Controllers.Collaboration.textDeleteReply": "Delete reply",
|
||||
"Common.Controllers.Collaboration.textReopen": "Reopen",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteComment": "Do you really want to delete this comment?",
|
||||
"Common.Controllers.Collaboration.textMessageDeleteReply": "Do you really want to delete this reply?",
|
||||
"Common.Controllers.Collaboration.textYes": "Yes",
|
||||
"Common.UI.ThemeColorPalette.textCustomColors": "Custom Colors",
|
||||
"Common.UI.ThemeColorPalette.textStandartColors": "Standard Colors",
|
||||
"Common.UI.ThemeColorPalette.textThemeColors": "Theme Colors",
|
||||
|
|
@ -10,6 +21,11 @@
|
|||
"Common.Views.Collaboration.textEditUsers": "Users",
|
||||
"Common.Views.Collaboration.textNoComments": "This spreadsheet doesn't contain comments",
|
||||
"Common.Views.Collaboration.textСomments": "Сomments",
|
||||
"Common.Views.Collaboration.textEditСomment": "Edit Comment",
|
||||
"Common.Views.Collaboration.textDone": "Done",
|
||||
"Common.Views.Collaboration.textAddReply": "Add Reply",
|
||||
"Common.Views.Collaboration.textEditReply": "Edit Reply",
|
||||
"Common.Views.Collaboration.textCancel": "Cancel",
|
||||
"SSE.Controllers.AddChart.txtDiagramTitle": "Chart Title",
|
||||
"SSE.Controllers.AddChart.txtSeries": "Series",
|
||||
"SSE.Controllers.AddChart.txtXAxis": "X Axis",
|
||||
|
|
@ -24,6 +40,10 @@
|
|||
"SSE.Controllers.AddOther.textEmptyImgUrl": "You need to specify image URL.",
|
||||
"SSE.Controllers.AddOther.txtNotUrl": "This field should be a URL in the format 'http://www.example.com'",
|
||||
"SSE.Controllers.DocumentHolder.errorCopyCutPaste": "Copy, cut and paste actions using the context menu will be performed within the current file only.",
|
||||
"SSE.Controllers.AddOther.textDeleteDraft": "Do you really want to delete draft?",
|
||||
"SSE.Controllers.AddOther.textCancel": "Cancel",
|
||||
"SSE.Controllers.AddOther.textContinue": "Continue",
|
||||
"SSE.Controllers.AddOther.textDelete": "Delete",
|
||||
"SSE.Controllers.DocumentHolder.menuAddLink": "Add Link",
|
||||
"SSE.Controllers.DocumentHolder.menuCell": "Cell",
|
||||
"SSE.Controllers.DocumentHolder.menuCopy": "Copy",
|
||||
|
|
@ -41,6 +61,8 @@
|
|||
"SSE.Controllers.DocumentHolder.menuUnmerge": "Unmerge",
|
||||
"SSE.Controllers.DocumentHolder.menuUnwrap": "Unwrap",
|
||||
"SSE.Controllers.DocumentHolder.menuWrap": "Wrap",
|
||||
"SSE.Controllers.DocumentHolder.menuViewComment": "View Comment",
|
||||
"SSE.Controllers.DocumentHolder.menuAddComment": "Add Comment",
|
||||
"SSE.Controllers.DocumentHolder.sheetCancel": "Cancel",
|
||||
"SSE.Controllers.DocumentHolder.textCopyCutPasteActions": "Copy, Cut and Paste Actions",
|
||||
"SSE.Controllers.DocumentHolder.textDoNotShowAgain": "Do not show again",
|
||||
|
|
@ -351,6 +373,9 @@
|
|||
"SSE.Views.AddOther.textLink": "Link",
|
||||
"SSE.Views.AddOther.textLinkSettings": "Link Settings",
|
||||
"SSE.Views.AddOther.textSort": "Sort and Filter",
|
||||
"SSE.Views.AddOther.textComment": "Comment",
|
||||
"SSE.Views.AddOther.textAddComment": "Add Comment",
|
||||
"SSE.Views.AddOther.textDone": "Done",
|
||||
"SSE.Views.EditCell.textAccounting": "Accounting",
|
||||
"SSE.Views.EditCell.textAddCustomColor": "Add Custom Color",
|
||||
"SSE.Views.EditCell.textAlignBottom": "Align Bottom",
|
||||
|
|
|
|||
|
|
@ -5968,6 +5968,14 @@ html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after {
|
|||
.settings .popover-inner {
|
||||
height: 400px;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.container-add .categories > .buttons-row .button.active i.icon {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dataview.page-content {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
|
@ -6475,15 +6483,97 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
#user-list ul:before {
|
||||
content: none;
|
||||
}
|
||||
.page-comments .list-block .item-inner {
|
||||
.page-comments .header-comment,
|
||||
.add-comment .header-comment,
|
||||
.page-view-comments .header-comment,
|
||||
.container-edit-comment .header-comment,
|
||||
.container-add-reply .header-comment,
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.page-comments .header-comment .comment-right,
|
||||
.add-comment .header-comment .comment-right,
|
||||
.page-view-comments .header-comment .comment-right,
|
||||
.container-edit-comment .header-comment .comment-right,
|
||||
.container-add-reply .header-comment .comment-right,
|
||||
.page-edit-comment .header-comment .comment-right,
|
||||
.page-add-reply .header-comment .comment-right,
|
||||
.page-edit-reply .header-comment .comment-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 70px;
|
||||
}
|
||||
.page-comments .list-block .item-inner,
|
||||
.add-comment .list-block .item-inner,
|
||||
.page-view-comments .list-block .item-inner,
|
||||
.container-edit-comment .list-block .item-inner,
|
||||
.container-add-reply .list-block .item-inner,
|
||||
.page-edit-comment .list-block .item-inner,
|
||||
.page-add-reply .list-block .item-inner,
|
||||
.page-edit-reply .list-block .item-inner {
|
||||
display: block;
|
||||
padding: 16px 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.page-comments p {
|
||||
.page-comments p,
|
||||
.add-comment p,
|
||||
.page-view-comments p,
|
||||
.container-edit-comment p,
|
||||
.container-add-reply p,
|
||||
.page-edit-comment p,
|
||||
.page-add-reply p,
|
||||
.page-edit-reply p {
|
||||
margin: 0;
|
||||
word-break: break-word;
|
||||
}
|
||||
.page-comments .user-name {
|
||||
.page-comments .list-reply,
|
||||
.add-comment .list-reply,
|
||||
.page-view-comments .list-reply,
|
||||
.container-edit-comment .list-reply,
|
||||
.container-add-reply .list-reply,
|
||||
.page-edit-comment .list-reply,
|
||||
.page-add-reply .list-reply,
|
||||
.page-edit-reply .list-reply {
|
||||
padding-left: 26px;
|
||||
}
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
.page-comments .user-name,
|
||||
.add-comment .user-name,
|
||||
.page-view-comments .user-name,
|
||||
.container-edit-comment .user-name,
|
||||
.container-add-reply .user-name,
|
||||
.page-edit-comment .user-name,
|
||||
.page-add-reply .user-name,
|
||||
.page-edit-reply .user-name {
|
||||
font-size: 17px;
|
||||
line-height: 22px;
|
||||
color: #000000;
|
||||
|
|
@ -6491,15 +6581,43 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
font-weight: bold;
|
||||
}
|
||||
.page-comments .comment-date,
|
||||
.page-comments .reply-date {
|
||||
font-size: 12px;
|
||||
.add-comment .comment-date,
|
||||
.page-view-comments .comment-date,
|
||||
.container-edit-comment .comment-date,
|
||||
.container-add-reply .comment-date,
|
||||
.page-edit-comment .comment-date,
|
||||
.page-add-reply .comment-date,
|
||||
.page-edit-reply .comment-date,
|
||||
.page-comments .reply-date,
|
||||
.add-comment .reply-date,
|
||||
.page-view-comments .reply-date,
|
||||
.container-edit-comment .reply-date,
|
||||
.container-add-reply .reply-date,
|
||||
.page-edit-comment .reply-date,
|
||||
.page-add-reply .reply-date,
|
||||
.page-edit-reply .reply-date {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #6d6d72;
|
||||
margin: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.page-comments .comment-text,
|
||||
.page-comments .reply-text {
|
||||
.add-comment .comment-text,
|
||||
.page-view-comments .comment-text,
|
||||
.container-edit-comment .comment-text,
|
||||
.container-add-reply .comment-text,
|
||||
.page-edit-comment .comment-text,
|
||||
.page-add-reply .comment-text,
|
||||
.page-edit-reply .comment-text,
|
||||
.page-comments .reply-text,
|
||||
.add-comment .reply-text,
|
||||
.page-view-comments .reply-text,
|
||||
.container-edit-comment .reply-text,
|
||||
.container-add-reply .reply-text,
|
||||
.page-edit-comment .reply-text,
|
||||
.page-add-reply .reply-text,
|
||||
.page-edit-reply .reply-text {
|
||||
color: #000000;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
|
|
@ -6507,13 +6625,47 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
max-width: 100%;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.page-comments .reply-item {
|
||||
.page-comments .reply-item,
|
||||
.add-comment .reply-item,
|
||||
.page-view-comments .reply-item,
|
||||
.container-edit-comment .reply-item,
|
||||
.container-add-reply .reply-item,
|
||||
.page-edit-comment .reply-item,
|
||||
.page-add-reply .reply-item,
|
||||
.page-edit-reply .reply-item {
|
||||
margin-top: 15px;
|
||||
padding-right: 16px;
|
||||
padding-top: 13px;
|
||||
}
|
||||
.page-comments .reply-item .user-name {
|
||||
padding-top: 16px;
|
||||
.page-comments .reply-item .header-reply,
|
||||
.add-comment .reply-item .header-reply,
|
||||
.page-view-comments .reply-item .header-reply,
|
||||
.container-edit-comment .reply-item .header-reply,
|
||||
.container-add-reply .reply-item .header-reply,
|
||||
.page-edit-comment .reply-item .header-reply,
|
||||
.page-add-reply .reply-item .header-reply,
|
||||
.page-edit-reply .reply-item .header-reply {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.page-comments .reply-item:before {
|
||||
.page-comments .reply-item .user-name,
|
||||
.add-comment .reply-item .user-name,
|
||||
.page-view-comments .reply-item .user-name,
|
||||
.container-edit-comment .reply-item .user-name,
|
||||
.container-add-reply .reply-item .user-name,
|
||||
.page-edit-comment .reply-item .user-name,
|
||||
.page-add-reply .reply-item .user-name,
|
||||
.page-edit-reply .reply-item .user-name {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.page-comments .reply-item:before,
|
||||
.add-comment .reply-item:before,
|
||||
.page-view-comments .reply-item:before,
|
||||
.container-edit-comment .reply-item:before,
|
||||
.container-add-reply .reply-item:before,
|
||||
.page-edit-comment .reply-item:before,
|
||||
.page-add-reply .reply-item:before,
|
||||
.page-edit-reply .reply-item:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: auto;
|
||||
|
|
@ -6528,17 +6680,298 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
|||
-webkit-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.page-comments .comment-quote {
|
||||
.page-comments .comment-quote,
|
||||
.add-comment .comment-quote,
|
||||
.page-view-comments .comment-quote,
|
||||
.container-edit-comment .comment-quote,
|
||||
.container-add-reply .comment-quote,
|
||||
.page-edit-comment .comment-quote,
|
||||
.page-add-reply .comment-quote,
|
||||
.page-edit-reply .comment-quote {
|
||||
color: #40865c;
|
||||
border-left: 1px solid #40865c;
|
||||
padding-left: 10px;
|
||||
padding-right: 16px;
|
||||
margin: 5px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.page-comments .wrap-comment,
|
||||
.add-comment .wrap-comment,
|
||||
.page-view-comments .wrap-comment,
|
||||
.container-edit-comment .wrap-comment,
|
||||
.container-add-reply .wrap-comment,
|
||||
.page-edit-comment .wrap-comment,
|
||||
.page-add-reply .wrap-comment,
|
||||
.page-edit-reply .wrap-comment,
|
||||
.page-comments .wrap-reply,
|
||||
.add-comment .wrap-reply,
|
||||
.page-view-comments .wrap-reply,
|
||||
.container-edit-comment .wrap-reply,
|
||||
.container-add-reply .wrap-reply,
|
||||
.page-edit-comment .wrap-reply,
|
||||
.page-add-reply .wrap-reply,
|
||||
.page-edit-reply .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-comments .comment-textarea,
|
||||
.add-comment .comment-textarea,
|
||||
.page-view-comments .comment-textarea,
|
||||
.container-edit-comment .comment-textarea,
|
||||
.container-add-reply .comment-textarea,
|
||||
.page-edit-comment .comment-textarea,
|
||||
.page-add-reply .comment-textarea,
|
||||
.page-edit-reply .comment-textarea,
|
||||
.page-comments .reply-textarea,
|
||||
.add-comment .reply-textarea,
|
||||
.page-view-comments .reply-textarea,
|
||||
.container-edit-comment .reply-textarea,
|
||||
.container-add-reply .reply-textarea,
|
||||
.page-edit-comment .reply-textarea,
|
||||
.page-add-reply .reply-textarea,
|
||||
.page-edit-reply .reply-textarea,
|
||||
.page-comments .edit-reply-textarea,
|
||||
.add-comment .edit-reply-textarea,
|
||||
.page-view-comments .edit-reply-textarea,
|
||||
.container-edit-comment .edit-reply-textarea,
|
||||
.container-add-reply .edit-reply-textarea,
|
||||
.page-edit-comment .edit-reply-textarea,
|
||||
.page-add-reply .edit-reply-textarea,
|
||||
.page-edit-reply .edit-reply-textarea {
|
||||
margin-top: 10px;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 100px;
|
||||
}
|
||||
.settings.popup .list-block ul.list-reply:last-child:after,
|
||||
.settings.popover .list-block ul.list-reply:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
.container-edit-comment .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment {
|
||||
position: fixed;
|
||||
-webkit-transition: height 100ms;
|
||||
transition: height 120ms;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 50%;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.container-view-comment .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block ul:before,
|
||||
.container-view-comment .page-view-comments .list-block ul:after {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .page-view-comments .list-block .item-inner {
|
||||
padding: 0;
|
||||
}
|
||||
.container-view-comment .toolbar {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
.container-view-comment .toolbar:before {
|
||||
content: none;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-left {
|
||||
min-width: 80px;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right {
|
||||
min-width: 62px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.container-view-comment .toolbar .toolbar-inner .button-right a {
|
||||
padding: 0 12px;
|
||||
}
|
||||
.container-view-comment .swipe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40px;
|
||||
}
|
||||
.container-view-comment .swipe-container .icon-swipe {
|
||||
margin-top: 8px;
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.container-view-comment .list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
.container-view-comment.popover {
|
||||
position: absolute;
|
||||
border-radius: 4px;
|
||||
min-height: 170px;
|
||||
height: 400px;
|
||||
max-height: 600px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar {
|
||||
position: absolute;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.container-view-comment.popover .toolbar .toolbar-inner {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages {
|
||||
position: absolute;
|
||||
}
|
||||
.container-view-comment.popover .pages .page {
|
||||
border-radius: 13px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content {
|
||||
padding: 16px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content {
|
||||
padding-left: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment,
|
||||
.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea {
|
||||
min-height: 70px;
|
||||
width: 278px;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .edit-reply-textarea {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
height: 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea {
|
||||
border: 1px solid #c4c4c4;
|
||||
border-radius: 6px;
|
||||
padding: 8px;
|
||||
min-height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
#done-comment {
|
||||
color: #40865c;
|
||||
}
|
||||
.page-add-comment {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-add-comment .wrap-comment,
|
||||
.page-add-comment .wrap-reply {
|
||||
padding: 16px 24px 0 16px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .header-comment,
|
||||
.page-add-comment .wrap-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-add-comment .wrap-comment .user-name,
|
||||
.page-add-comment .wrap-reply .user-name {
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .comment-date,
|
||||
.page-add-comment .wrap-reply .comment-date {
|
||||
font-size: 13px;
|
||||
color: #6d6d72;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea {
|
||||
margin-top: 16px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
min-height: 100px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder,
|
||||
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder {
|
||||
color: #8e8e93;
|
||||
font-size: 17px;
|
||||
}
|
||||
.container-add-reply {
|
||||
height: 100%;
|
||||
}
|
||||
.container-add-reply .navbar a.link i + span {
|
||||
margin-left: 0;
|
||||
}
|
||||
.container-add-reply .page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.actions-modal-button.color-red {
|
||||
color: #ff3b30;
|
||||
}
|
||||
.page-edit-comment,
|
||||
.page-add-reply,
|
||||
.page-edit-reply {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.page-edit-comment .header-comment,
|
||||
.page-add-reply .header-comment,
|
||||
.page-edit-reply .header-comment {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.page-edit-comment .navbar .right,
|
||||
.page-add-reply .navbar .right,
|
||||
.page-edit-reply .navbar .right {
|
||||
height: 100%;
|
||||
}
|
||||
.page-edit-comment .navbar .right #add-reply,
|
||||
.page-add-reply .navbar .right #add-reply,
|
||||
.page-edit-reply .navbar .right #add-reply,
|
||||
.page-edit-comment .navbar .right #edit-comment,
|
||||
.page-add-reply .navbar .right #edit-comment,
|
||||
.page-edit-reply .navbar .right #edit-comment,
|
||||
.page-edit-comment .navbar .right #edit-reply,
|
||||
.page-add-reply .navbar .right #edit-reply,
|
||||
.page-edit-reply .navbar .right #edit-reply {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
.container-edit-comment {
|
||||
position: fixed;
|
||||
}
|
||||
i.icon.icon-logo {
|
||||
width: 100px;
|
||||
height: 14px;
|
||||
|
|
@ -6667,12 +7100,14 @@ i.icon.icon-text-valign-bottom {
|
|||
background-color: #40865c;
|
||||
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%2340865c%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2218%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2220%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211%204%2012%204%2012%2015.17%2014.35%2013.2%2015%2014.06%2011.5%2017%208%2014%208.65%2013.2%2011%2015.17%2011%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-prev {
|
||||
i.icon.icon-prev,
|
||||
i.icon.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%2340865c%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C20.5L15%2C21.5L4.5%2C11l0%2C0l0%2C0L15%2C0.5L16%2C1.5L6.6%2C11L16%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-next {
|
||||
i.icon.icon-next,
|
||||
i.icon.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%2340865c%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.5%2C11L6%2C1.5l1.1-1.1L17.5%2C11l0%2C0l0%2C0L7.1%2C21.5L6%2C20.5L15.5%2C11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
|
|
@ -6917,6 +7352,76 @@ i.icon.icon-paste {
|
|||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2015C10%2016.6569%208.65685%2018%207%2018C5.34315%2018%204%2016.6569%204%2015C4%2013.3431%205.34315%2012%207%2012C8.65685%2012%2010%2013.3431%2010%2015ZM7%2016.7143C7.94677%2016.7143%208.71429%2015.9468%208.71429%2015C8.71429%2014.0532%207.94677%2013.2857%207%2013.2857C6.05323%2013.2857%205.28571%2014.0532%205.28571%2015C5.28571%2015.9468%206.05323%2016.7143%207%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%2015C18%2016.6569%2016.6569%2018%2015%2018C13.3431%2018%2012%2016.6569%2012%2015C12%2013.3431%2013.3431%2012%2015%2012C16.6569%2012%2018%2013.3431%2018%2015ZM15%2016.7143C15.9468%2016.7143%2016.7143%2015.9468%2016.7143%2015C16.7143%2014.0532%2015.9468%2013.2857%2015%2013.2857C14.0532%2013.2857%2013.2857%2014.0532%2013.2857%2015C13.2857%2015.9468%2014.0532%2016.7143%2015%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2015C26%2016.6569%2024.6569%2018%2023%2018C21.3431%2018%2020%2016.6569%2020%2015C20%2013.3431%2021.3431%2012%2023%2012C24.6569%2012%2026%2013.3431%2026%2015ZM23%2016.7143C23.9468%2016.7143%2024.7143%2015.9468%2024.7143%2015C24.7143%2014.0532%2023.9468%2013.2857%2023%2013.2857C22.0532%2013.2857%2021.2857%2014.0532%2021.2857%2015C21.2857%2015.9468%2022.0532%2016.7143%2023%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81574%2014.7407%207.34084%2014.7345%207.04258%2015.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H30V30H0V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545V8.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81575%2014.7407%207.34084%2014.7345%207.04258%2015.0228V15.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%234cd964%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.1538%209.00708H11.8462C10.8266%209.00708%2010%209.83461%2010%2010.8554V15.1694C10%2016.1902%2010.8266%2017.0177%2011.8462%2017.0177H13.8329C13.9409%2017.0177%2014.0454%2017.0556%2014.1284%2017.1248L18.243%2020.392C18.5436%2020.6428%2019%2020.4288%2019%2020.037V17.4798C19%2017.2246%2019.2066%2017.0177%2019.4615%2017.0177H20.1538C21.1734%2017.0177%2022%2016.1902%2022%2015.1694V10.8554C22%209.83461%2021.1734%209.00708%2020.1538%209.00708ZM20%2010.0083C20.5523%2010.0083%2021%2010.4565%2021%2011.0095V15.0154C21%2015.5683%2020.5523%2016.0165%2020%2016.0165H18.0025L18%2018.8995C18%2019.2912%2018%2019%2018%2019L14.5%2016.0165H12C11.4477%2016.0165%2011%2015.5683%2011%2015.0154V11.0095C11%2010.4565%2011.4477%2010.0083%2012%2010.0083H20Z%22%20fill%3D%22%2340865c%22%2F%3E%3Cpath%20d%3D%22M14.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V12.0346C2%2013.3222%203.18908%2014.013%204.5%2014.013H5.5C5.82773%2014.013%206%2014.1917%206%2014.5136V17.5183C6%2018.0125%206.6135%2018.3352%207%2018.0189L11%2014.9858V13.5L7%2016.5V13.0118H4.5C3.78992%2013.0118%203%2012.732%203%2012.0346V5.50295C3%204.80547%203.78992%204.00118%204.5%204.00118H14.5C15.2101%204.00118%2016%204.80547%2016%205.50295V8.0059H17V5.50295C17%204.2153%2015.8109%203%2014.5%203Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-chart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%205H16V20H20V5ZM10%2011H14V20H10V11ZM4%2014H8V20H4V14Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-formula {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%205H19V9.11765H16.375V7.47059H8.9375L11.5625%2012L8.9375%2016.5294H16.375V14.8824H19V19H5V17.7647L8.5%2012L5%206.23529V5Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22%2340865c%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-chart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%205H16V20H20V5ZM10%2011H14V20H10V11ZM4%2014H8V20H4V14Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-formula {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%205H19V9.11765H16.375V7.47059H8.9375L11.5625%2012L8.9375%2016.5294H16.375V14.8824H19V19H5V17.7647L8.5%2012L5%206.23529V5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.active i.icon.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.chart-types .thumb.bar-normal {
|
||||
background-image: url('../img/charts/chart-03.png');
|
||||
}
|
||||
|
|
@ -7750,3 +8255,16 @@ html.pixel-ratio-3 .cell-styles.dataview .row li {
|
|||
background-size: 20px 20px;
|
||||
width: 25px;
|
||||
}
|
||||
.picker-modal.container-view-comment {
|
||||
background-color: #efeff4;
|
||||
}
|
||||
.picker-modal.container-view-comment.onHide .swipe-container,
|
||||
.picker-modal.container-view-comment.onHide .toolbar-inner,
|
||||
.picker-modal.container-view-comment.onHide .pages {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.picker-modal.container-view-comment .swipe-container,
|
||||
.picker-modal.container-view-comment .toolbar,
|
||||
.picker-modal.container-view-comment .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -341,4 +341,17 @@ input, textarea {
|
|||
width: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Comments
|
||||
.picker-modal.container-view-comment {
|
||||
&.onHide {
|
||||
.swipe-container, .toolbar-inner, .pages {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
background-color: #efeff4;
|
||||
.swipe-container, .toolbar, .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
|
@ -109,6 +109,18 @@ input, textarea {
|
|||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.container-add {
|
||||
.categories {
|
||||
i.icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.active {
|
||||
i.icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Table styles
|
||||
|
||||
|
|
@ -330,4 +342,17 @@ input, textarea {
|
|||
width: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Comments
|
||||
.picker-modal.container-view-comment {
|
||||
&.onHide {
|
||||
.swipe-container, .toolbar-inner, .pages {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
background-color: #efeff4;
|
||||
.swipe-container, .toolbar, .pages {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
|
@ -121,12 +121,12 @@ i.icon {
|
|||
height: 22px;
|
||||
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
|
||||
}
|
||||
&.icon-prev {
|
||||
&.icon-prev, &.icon-prev-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
|
||||
}
|
||||
&.icon-next {
|
||||
&.icon-next, &.icon-next-comment {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
|
||||
|
|
@ -388,6 +388,83 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="white"/><path d="M5 0H14V5H5V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="white"/></svg>');
|
||||
}
|
||||
//Comments
|
||||
&.icon-menu-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
//Insert
|
||||
&.icon-add-chart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-formula {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
i.icon {
|
||||
&.icon-add-chart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-formula {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chart-types .thumb {
|
||||
|
|
|
|||
|
|
@ -101,25 +101,20 @@ i.icon {
|
|||
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
|
||||
}
|
||||
&.icon-link {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-insimage {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><path id="XMLID_43_" d="M19,4L19,4H3v15l0,0l0,0l0,0h17V4H19z M7.5,7C8.3,7,9,7.7,9,8.5S8.3,10,7.5,10S6,9.3,6,8.5S6.7,7,7.5,7zM5.2,18l5.5-5.5l5.5,5.5H5.2z M19,18h-1.5l-4.3-4.3l4-4l1.8,1.8V18z"/></svg>');
|
||||
&.icon-insimage, &.icon-image-library {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-sort {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
|
||||
}
|
||||
&.icon-image-library {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.2;}.cls-3{fill:#fff;}.cls-10,.cls-11,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{mix-blend-mode:multiply;}.cls-4{fill:url(#grad_8);}.cls-5{fill:url(#grad_10);}.cls-6{fill:url(#grad_12);}.cls-7{fill:url(#grad_14);}.cls-8{fill:url(#grad_79);}.cls-9{fill:url(#grad_77);}.cls-10{fill:url(#grad_75);}.cls-11{fill:url(#grad_81);}</style><linearGradient id="grad_8" x1="11.08" y1="10.26" x2="11.08" y2="1.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3e916"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_10" x1="11.08" y1="20.44" x2="11.08" y2="11.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb6e8"/><stop offset="1" stop-color="#958cc3"/></linearGradient><linearGradient id="grad_12" x1="1.46" y1="11.05" x2="10.46" y2="11.05" gradientTransform="translate(17 5.09) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cc8dba"/><stop offset="1" stop-color="#f86867"/></linearGradient><linearGradient id="grad_14" x1="11.73" y1="11.05" x2="20.73" y2="11.05" gradientTransform="translate(27.28 -5.18) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6ac07f"/><stop offset="1" stop-color="#c5da3d"/></linearGradient><linearGradient id="grad_79" x1="11.74" y1="10.42" x2="17.52" y2="4.63" gradientTransform="translate(30.29 2.51) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5da3d"/><stop offset="1" stop-color="#f3e916"/></linearGradient><linearGradient id="grad_77" x1="4.7" y1="17.49" x2="10.48" y2="11.71" gradientTransform="translate(23.24 19.65) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9595c3"/><stop offset="1" stop-color="#cc8dba"/></linearGradient><linearGradient id="grad_75" x1="4.69" y1="4.64" x2="10.47" y2="10.42" gradientTransform="translate(7.54 -3.15) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f86867"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_81" x1="11.77" y1="11.78" x2="17.55" y2="17.56" gradientTransform="translate(14.63 -6.05) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec0e8"/><stop offset="1" stop-color="#6ac07f"/></linearGradient></defs><title>icons_for_svg</title><g class="cls-1"><g id="Слой_1" data-name="Слой 1"><rect class="cls-2" x="0.09" y="0.01" width="22" height="22" rx="4" ry="4"/><rect class="cls-3" x="0.57" y="0.49" width="21.04" height="21.04" rx="3.6" ry="3.6"/><rect class="cls-4" x="8.33" y="1.26" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-5" x="8.33" y="11.76" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-6" x="3.21" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-5.09 17) rotate(-90)"/><rect class="cls-7" x="13.48" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(5.18 27.28) rotate(-90)"/><rect class="cls-8" x="11.87" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(19.64 23.19) rotate(-135)"/><rect class="cls-9" x="4.8" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(2.54 30.33) rotate(-135)"/><rect class="cls-10" x="4.83" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-3.1 7.56) rotate(-45)"/><rect class="cls-11" x="11.87" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-6.07 14.63) rotate(-45)"/></g></g></svg>');
|
||||
}
|
||||
&.icon-function {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
|
@ -347,6 +342,47 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" fill="black"/><path d="M5 0H14V5H5V0Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" fill="black"/></svg>');
|
||||
}
|
||||
//Comments
|
||||
&.icon-menu-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-resolve-comment.check {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
|
||||
}
|
||||
&.icon-prev-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-next-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-insert-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
|
||||
}
|
||||
&.icon-done-comment-white {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
|
||||
}
|
||||
}
|
||||
|
||||
// Overwrite color for toolbar
|
||||
|
|
@ -412,6 +448,36 @@ i.icon {
|
|||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9912 6C14.9912 8.18203 14.4464 9.76912 13.7789 10.7492C13.101 11.7447 12.4042 12 11.9912 12C11.5782 12 10.8814 11.7447 10.2035 10.7492C9.53601 9.76912 8.99121 8.18203 8.99121 6C8.99121 4.23017 10.4571 3 11.9912 3C13.5254 3 14.9912 4.23017 14.9912 6ZM13.4917 13.6397C13.0059 13.8771 12.4989 14 11.9912 14C11.4861 14 10.9817 13.8784 10.4983 13.6434C8.53188 14.3681 6.94518 15.0737 5.78927 15.7768C4.10512 16.8011 4 17.4079 4 17.5C4 17.7664 4.1014 18.3077 5.27104 18.8939C6.50029 19.5099 8.64545 19.9999 12 20C15.3546 20 17.4997 19.5099 18.7289 18.8939C19.8986 18.3078 20 17.7664 20 17.5C20 17.4079 19.8949 16.8011 18.2107 15.7768C17.0529 15.0726 15.4627 14.3657 13.4917 13.6397ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-chart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 3H17V21H22V3ZM9.5 9.00012H14.5V21.0001H9.5V9.00012ZM2 13H7V21H2V13Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-formula {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H20V9H17V7H8.5L11.5 12.5L8.5 18H17V16H20V21H4V19.5L8 12.5L4 5.5V4Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-shape {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-add-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
|
||||
}
|
||||
&.icon-add-other {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
&.icon-close-comment {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue