[SSE mobile] Comments (add: add/edit/delete comments, add/edit/delete reply)
This commit is contained in:
JuliaSvinareva
parent
96b9c849ac
commit
4d5f9edae8
|
|
@ -768,6 +768,9 @@ define([
|
||||||
me.indexCurrentComment = 0;
|
me.indexCurrentComment = 0;
|
||||||
me.updateViewComment();
|
me.updateViewComment();
|
||||||
}
|
}
|
||||||
|
if (window.SSE) {
|
||||||
|
SSE.getController('AddOther').sedHideAddComment(true);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
apiHideComments: function() {
|
apiHideComments: function() {
|
||||||
|
|
@ -775,6 +778,9 @@ define([
|
||||||
uiApp.closeModal();
|
uiApp.closeModal();
|
||||||
$('.container-view-comment').remove();
|
$('.container-view-comment').remove();
|
||||||
}
|
}
|
||||||
|
if (window.SSE) {
|
||||||
|
SSE.getController('AddOther').sedHideAddComment(false);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
disabledViewComments: function(disabled) {
|
disabledViewComments: function(disabled) {
|
||||||
|
|
@ -923,15 +929,33 @@ define([
|
||||||
newHeight = '100%';
|
newHeight = '100%';
|
||||||
me.swipeFull = true;
|
me.swipeFull = true;
|
||||||
me.closeCommentPicker = false;
|
me.closeCommentPicker = false;
|
||||||
$('.container-view-comment').css('opacity', '1');
|
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) {
|
} else if (dist < 100) {
|
||||||
newHeight = '50%';
|
newHeight = '50%';
|
||||||
me.swipeFull = false;
|
me.swipeFull = false;
|
||||||
me.closeCommentPicker = false;
|
me.closeCommentPicker = false;
|
||||||
$('.container-view-comment').css('opacity', '1');
|
if (window.SSE) {
|
||||||
|
if ($('.container-view-comment').hasClass('onHide')) {
|
||||||
|
$('.container-view-comment').removeClass('onHide');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$('.container-view-comment').css('opacity', '1');
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
me.closeCommentPicker = true;
|
me.closeCommentPicker = true;
|
||||||
$('.container-view-comment').css('opacity', '0.6');
|
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);
|
$('.container-view-comment').css('height', newHeight);
|
||||||
me.swipeHeight = newHeight;
|
me.swipeHeight = newHeight;
|
||||||
|
|
@ -1093,7 +1117,7 @@ define([
|
||||||
reply = null,
|
reply = null,
|
||||||
addReply = null,
|
addReply = null,
|
||||||
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
|
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
|
||||||
comment = _.findWhere(this.collectionComments, {uid: id});
|
comment = this.findComment(id);
|
||||||
|
|
||||||
if (ascComment && comment) {
|
if (ascComment && comment) {
|
||||||
|
|
||||||
|
|
@ -1144,7 +1168,7 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onAddNewComment: function(value) {
|
onAddNewComment: function(value, documentFlag) {
|
||||||
var comment;
|
var comment;
|
||||||
if (typeof Asc.asc_CCommentDataWord !== 'undefined') {
|
if (typeof Asc.asc_CCommentDataWord !== 'undefined') {
|
||||||
comment = new Asc.asc_CCommentDataWord(null);
|
comment = new Asc.asc_CCommentDataWord(null);
|
||||||
|
|
@ -1163,12 +1187,15 @@ define([
|
||||||
comment.asc_putSolved(false);
|
comment.asc_putSolved(false);
|
||||||
|
|
||||||
if (!_.isUndefined(comment.asc_putDocumentFlag))
|
if (!_.isUndefined(comment.asc_putDocumentFlag))
|
||||||
comment.asc_putDocumentFlag(false);
|
comment.asc_putDocumentFlag(documentFlag);
|
||||||
|
|
||||||
this.api.asc_addComment(comment);
|
this.api.asc_addComment(comment);
|
||||||
|
|
||||||
uiApp.closeModal();
|
uiApp.closeModal();
|
||||||
|
|
||||||
|
return true;
|
||||||
}
|
}
|
||||||
|
return false;
|
||||||
},
|
},
|
||||||
|
|
||||||
initMenuComments: function(e) {
|
initMenuComments: function(e) {
|
||||||
|
|
@ -1878,8 +1905,9 @@ define([
|
||||||
|
|
||||||
findCommentInGroup: function (id) {
|
findCommentInGroup: function (id) {
|
||||||
for (var name in this.groupCollectionComments) {
|
for (var name in this.groupCollectionComments) {
|
||||||
var store = this.groupCollectionComments[name],
|
var store = this.groupCollectionComments[name];
|
||||||
model = _.findWhere(store, {uid: id});
|
var id = _.isArray(id) ? id[0] : id;
|
||||||
|
var model = _.findWhere(store, {uid: id});
|
||||||
if (model) return model;
|
if (model) return model;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -1893,7 +1921,12 @@ define([
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (this.groupCollectionComments.length > 0) {
|
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) {
|
for (var name in this.groupCollectionComments) {
|
||||||
var store = this.groupCollectionComments[name],
|
var store = this.groupCollectionComments[name],
|
||||||
comment = _.findWhere(store, {uid: id});
|
comment = _.findWhere(store, {uid: id});
|
||||||
|
|
@ -1905,12 +1938,6 @@ 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) {
|
if(!silentUpdate && $('.page-comments').length > 0) {
|
||||||
this.initComments();
|
this.initComments();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -114,16 +114,16 @@ define([
|
||||||
} else if (pageId == '#addother-insert-footnote') {
|
} else if (pageId == '#addother-insert-footnote') {
|
||||||
me.initInsertFootnote();
|
me.initInsertFootnote();
|
||||||
} else if (pageId === "#addother-insert-comment") {
|
} else if (pageId === "#addother-insert-comment") {
|
||||||
me.initInsertComment();
|
me.initInsertComment(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// Handlers
|
// Handlers
|
||||||
initInsertComment: function () {
|
initInsertComment: function (documentFlag) {
|
||||||
var comment = DE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
var comment = DE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
||||||
if (comment) {
|
if (comment) {
|
||||||
this.getView('AddOther').renderComment(comment);
|
this.getView('AddOther').renderComment(comment);
|
||||||
$('#done-comment').single('click', _.bind(this.onDoneComment, this));
|
$('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
|
||||||
$('.back-from-add-comment').single('click', _.bind(function () {
|
$('.back-from-add-comment').single('click', _.bind(function () {
|
||||||
if ($('#comment-text').val().length > 0) {
|
if ($('#comment-text').val().length > 0) {
|
||||||
uiApp.modal({
|
uiApp.modal({
|
||||||
|
|
@ -147,10 +147,10 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onDoneComment: function() {
|
onDoneComment: function(documentFlag) {
|
||||||
var value = $('#comment-text').val();
|
var value = $('#comment-text').val();
|
||||||
if (value.length > 0) {
|
if (value.length > 0) {
|
||||||
DE.getController('Common.Controllers.Collaboration').onAddNewComment(value);
|
DE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag);
|
||||||
DE.getController('AddContainer').hideModal();
|
DE.getController('AddContainer').hideModal();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -92,16 +92,16 @@ define([
|
||||||
$('.page[data-page=addother-comment] li a').single('click', _.buffered(me.onInsertComment, 100, me));
|
$('.page[data-page=addother-comment] li a').single('click', _.buffered(me.onInsertComment, 100, me));
|
||||||
|
|
||||||
if (pageId == '#addother-insert-comment') {
|
if (pageId == '#addother-insert-comment') {
|
||||||
me.initInsertComment();
|
me.initInsertComment(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// Handlers
|
// Handlers
|
||||||
initInsertComment: function () {
|
initInsertComment: function (documentFlag) {
|
||||||
var comment = PE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
var comment = PE.getController('Common.Controllers.Collaboration').getCommentInfo();
|
||||||
if (comment) {
|
if (comment) {
|
||||||
this.getView('AddOther').renderComment(comment);
|
this.getView('AddOther').renderComment(comment);
|
||||||
$('#done-comment').single('click', _.bind(this.onDoneComment, this));
|
$('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
|
||||||
$('.back-from-add-comment').single('click', _.bind(function () {
|
$('.back-from-add-comment').single('click', _.bind(function () {
|
||||||
if ($('#comment-text').val().length > 0) {
|
if ($('#comment-text').val().length > 0) {
|
||||||
uiApp.modal({
|
uiApp.modal({
|
||||||
|
|
@ -125,10 +125,10 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onDoneComment: function() {
|
onDoneComment: function(documentFlag) {
|
||||||
var value = $('#comment-text').val();
|
var value = $('#comment-text').val();
|
||||||
if (value.length > 0) {
|
if (value.length > 0) {
|
||||||
PE.getController('Common.Controllers.Collaboration').onAddNewComment(value);
|
PE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag);
|
||||||
PE.getController('AddContainer').hideModal();
|
PE.getController('AddContainer').hideModal();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,9 @@ define([
|
||||||
SSE.Controllers.DocumentHolder = Backbone.Controller.extend(_.extend((function() {
|
SSE.Controllers.DocumentHolder = Backbone.Controller.extend(_.extend((function() {
|
||||||
// private
|
// private
|
||||||
var _actionSheets = [],
|
var _actionSheets = [],
|
||||||
_isEdit = false;
|
_isEdit = false,
|
||||||
|
_canViewComments = true,
|
||||||
|
_isComments = false;
|
||||||
|
|
||||||
function openLink(url) {
|
function openLink(url) {
|
||||||
var newDocumentPage = window.open(url, '_blank');
|
var newDocumentPage = window.open(url, '_blank');
|
||||||
|
|
@ -84,6 +86,16 @@ define([
|
||||||
this.api.asc_registerCallback('asc_onHidePopMenu', _.bind(this.onApiHidePopMenu, this));
|
this.api.asc_registerCallback('asc_onHidePopMenu', _.bind(this.onApiHidePopMenu, this));
|
||||||
Common.NotificationCenter.on('api:disconnect', _.bind(this.onCoAuthoringDisconnect, 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_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) {
|
setMode: function (mode) {
|
||||||
|
|
@ -91,6 +103,7 @@ define([
|
||||||
if (_isEdit) {
|
if (_isEdit) {
|
||||||
this.api.asc_registerCallback('asc_onSetAFDialog', _.bind(this.onApiFilterOptions, this));
|
this.api.asc_registerCallback('asc_onSetAFDialog', _.bind(this.onApiFilterOptions, this));
|
||||||
}
|
}
|
||||||
|
_canViewComments = mode.canViewComments;
|
||||||
},
|
},
|
||||||
|
|
||||||
// When our application is ready, lets get started
|
// When our application is ready, lets get started
|
||||||
|
|
@ -191,6 +204,14 @@ define([
|
||||||
case 'freezePanes':
|
case 'freezePanes':
|
||||||
me.api.asc_freezePane();
|
me.api.asc_freezePane();
|
||||||
break;
|
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) {
|
if ('showActionSheet' == event && _actionSheets.length > 0) {
|
||||||
|
|
@ -277,6 +298,12 @@ define([
|
||||||
event: 'openlink'
|
event: 'openlink'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (_canViewComments && _isComments) {
|
||||||
|
arrItems.push({
|
||||||
|
caption: me.menuViewComment,
|
||||||
|
event: 'viewcomment'
|
||||||
|
});
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
if (!iscelllocked && (isimagemenu || isshapemenu || ischartmenu || istextshapemenu || istextchartmenu)) {
|
if (!iscelllocked && (isimagemenu || isshapemenu || ischartmenu || istextshapemenu || istextchartmenu)) {
|
||||||
|
|
@ -382,6 +409,20 @@ define([
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (_canViewComments) {
|
||||||
|
if (_isComments) {
|
||||||
|
arrItems.push({
|
||||||
|
caption: me.menuViewComment,
|
||||||
|
event: 'viewcomment'
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
arrItems.push({
|
||||||
|
caption: me.menuAddComment,
|
||||||
|
event: 'addcomment'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -434,6 +475,8 @@ define([
|
||||||
sheetCancel: 'Cancel',
|
sheetCancel: 'Cancel',
|
||||||
menuFreezePanes: 'Freeze Panes',
|
menuFreezePanes: 'Freeze Panes',
|
||||||
menuUnfreezePanes: 'Unfreeze Panes',
|
menuUnfreezePanes: 'Unfreeze Panes',
|
||||||
|
menuViewComment: 'View Comment',
|
||||||
|
menuAddComment: 'Add Comment',
|
||||||
textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
|
textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
|
||||||
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only. You cannot copy or paste to or from other applications.'
|
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only. You cannot copy or paste to or from other applications.'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -717,7 +717,10 @@ define([
|
||||||
/** coauthoring begin **/
|
/** coauthoring begin **/
|
||||||
me.appOptions.canCoAuthoring = !me.appOptions.isLightVersion;
|
me.appOptions.canCoAuthoring = !me.appOptions.isLightVersion;
|
||||||
/** coauthoring end **/
|
/** 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.canChat = me.appOptions.canLicense && !me.appOptions.isOffline && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.chat===false);
|
||||||
me.appOptions.canRename = !!me.permissions.rename;
|
me.appOptions.canRename = !!me.permissions.rename;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -75,6 +75,15 @@ define([
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function (mode) {
|
||||||
|
this.view = this.getView('AddOther');
|
||||||
|
this.view.canViewComments = mode.canViewComments;
|
||||||
|
},
|
||||||
|
|
||||||
|
sedHideAddComment: function(hide) {
|
||||||
|
this.view.isHideAddComment = hide; //prohibit adding multiple comments in one cell
|
||||||
|
},
|
||||||
|
|
||||||
onLaunch: function () {
|
onLaunch: function () {
|
||||||
this.createView('AddOther').render();
|
this.createView('AddOther').render();
|
||||||
},
|
},
|
||||||
|
|
@ -100,11 +109,51 @@ define([
|
||||||
$('#addimage-file').single('click', function () {
|
$('#addimage-file').single('click', function () {
|
||||||
me.onInsertImage({islocal:true});
|
me.onInsertImage({islocal:true});
|
||||||
});
|
});
|
||||||
|
} else if (pageId === "#addother-insert-comment") {
|
||||||
|
me.initInsertComment(false);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// Handlers
|
// 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.textContinue,
|
||||||
|
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.isHideAddComment = true;
|
||||||
|
}
|
||||||
|
SSE.getController('AddContainer').hideModal();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
onInsertImage: function (args) {
|
onInsertImage: function (args) {
|
||||||
if ( !args.islocal ) {
|
if ( !args.islocal ) {
|
||||||
var me = this;
|
var me = this;
|
||||||
|
|
@ -137,7 +186,10 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
textEmptyImgUrl : 'You need to specify image URL.',
|
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: 'Delete draft?',
|
||||||
|
textCancel: 'Cancel',
|
||||||
|
textContinue: 'Continue'
|
||||||
}
|
}
|
||||||
})(), SSE.Controllers.AddOther || {}))
|
})(), SSE.Controllers.AddOther || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -2,6 +2,18 @@
|
||||||
<div id="addother-root-view">
|
<div id="addother-root-view">
|
||||||
<div class="list-block">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
|
<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>
|
<li>
|
||||||
<a id="add-other-insimage" class="item-link">
|
<a id="add-other-insimage" class="item-link">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
|
@ -147,4 +159,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
@ -62,6 +62,23 @@ define([
|
||||||
|
|
||||||
var mapNavigation = {};
|
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 getNavigation = function (panelid) {
|
||||||
var el = mapNavigation[panelid];
|
var el = mapNavigation[panelid];
|
||||||
if ( !el ) {
|
if ( !el ) {
|
||||||
|
|
@ -73,16 +90,28 @@ define([
|
||||||
case '#addother-insimage': _title = this.textInsertImage; break;
|
case '#addother-insimage': _title = this.textInsertImage; break;
|
||||||
case '#addother-sort': _title = this.textSort; break;
|
case '#addother-sort': _title = this.textSort; break;
|
||||||
case '#addother-imagefromurl': _title = this.textLinkSettings; break;
|
case '#addother-imagefromurl': _title = this.textLinkSettings; break;
|
||||||
|
case '#addother-insert-comment': _title = this.textAddComment; break;
|
||||||
}
|
}
|
||||||
|
|
||||||
mapNavigation =
|
if (panelid === '#addother-insert-comment') {
|
||||||
el = _.template(tplNavigation)({
|
el = _.template(tplNavigationComment)({
|
||||||
android : Common.SharedSettings.get('android'),
|
android : Common.SharedSettings.get('android'),
|
||||||
phone : Common.SharedSettings.get('phone'),
|
phone : Common.SharedSettings.get('phone'),
|
||||||
textBack : this.textBack,
|
textBack : this.textBack,
|
||||||
|
textDone : this.textDone,
|
||||||
title : _title
|
title : _title
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
} else {
|
||||||
|
mapNavigation =
|
||||||
|
el = _.template(tplNavigation)({
|
||||||
|
android : Common.SharedSettings.get('android'),
|
||||||
|
phone : Common.SharedSettings.get('phone'),
|
||||||
|
textBack : this.textBack,
|
||||||
|
title : _title
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return el;
|
return el;
|
||||||
|
|
@ -106,6 +135,7 @@ define([
|
||||||
$page.find('#add-other-insimage').single('click', _.bind(me.showInsertImage, me));
|
$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-link').single('click', _.bind(me.showInsertLink, me));
|
||||||
$page.find('#add-other-sort').single('click', _.bind(me.showSortPage, me));
|
$page.find('#add-other-sort').single('click', _.bind(me.showSortPage, me));
|
||||||
|
$page.find('#add-other-comment').single('click', _.bind(me.showPageComment, me));
|
||||||
|
|
||||||
me.initControls();
|
me.initControls();
|
||||||
},
|
},
|
||||||
|
|
@ -123,6 +153,14 @@ define([
|
||||||
|
|
||||||
rootLayout: function () {
|
rootLayout: function () {
|
||||||
if (this.layout) {
|
if (this.layout) {
|
||||||
|
if (!this.canViewComments) {
|
||||||
|
this.layout.find('#addother-root-view #item-comment').remove();
|
||||||
|
}
|
||||||
|
if (this.isHideAddComment) {
|
||||||
|
this.layout.find('#addother-root-view #item-comment').hide();
|
||||||
|
} else {
|
||||||
|
this.layout.find('#addother-root-view #item-comment').show();
|
||||||
|
}
|
||||||
return this.layout
|
return this.layout
|
||||||
.find('#addother-root-view')
|
.find('#addother-root-view')
|
||||||
.html();
|
.html();
|
||||||
|
|
@ -144,7 +182,7 @@ define([
|
||||||
//
|
//
|
||||||
},
|
},
|
||||||
|
|
||||||
showPage: function (templateId) {
|
showPage: function (templateId, animate) {
|
||||||
var rootView = SSE.getController('AddContainer').rootView;
|
var rootView = SSE.getController('AddContainer').rootView;
|
||||||
|
|
||||||
if (rootView && this.layout) {
|
if (rootView && this.layout) {
|
||||||
|
|
@ -161,13 +199,40 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
rootView.router.load({
|
rootView.router.load({
|
||||||
content: $content.html()
|
content: $content.html(),
|
||||||
|
animatePages: animate !== false
|
||||||
});
|
});
|
||||||
|
|
||||||
this.fireEvent('page:show', [this, templateId]);
|
this.fireEvent('page:show', [this, templateId]);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
showPageComment: function(animate) {
|
||||||
|
this.showPage('#addother-insert-comment', animate);
|
||||||
|
},
|
||||||
|
|
||||||
|
renderComment: function(comment) {
|
||||||
|
_.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" autofocus></textarea></div>'
|
||||||
|
].join('');
|
||||||
|
var insert = _.template(template)({
|
||||||
|
android: Framework7.prototype.device.android,
|
||||||
|
comment: comment
|
||||||
|
});
|
||||||
|
$commentInfo.html(insert);
|
||||||
|
_.defer(function () {
|
||||||
|
var $textarea = $('.comment-textarea')[0];
|
||||||
|
$textarea.focus();
|
||||||
|
});
|
||||||
|
}, 100);
|
||||||
|
},
|
||||||
|
|
||||||
showInsertImage: function () {
|
showInsertImage: function () {
|
||||||
this.showPage('#addother-insimage');
|
this.showPage('#addother-insimage');
|
||||||
|
|
||||||
|
|
@ -227,7 +292,10 @@ define([
|
||||||
textAddress: 'Address',
|
textAddress: 'Address',
|
||||||
textImageURL: 'Image URL',
|
textImageURL: 'Image URL',
|
||||||
textFilter: 'Filter',
|
textFilter: 'Filter',
|
||||||
textLinkSettings: 'Link Settings'
|
textLinkSettings: 'Link Settings',
|
||||||
|
textComment: 'Comment',
|
||||||
|
textAddComment: 'Add Comment',
|
||||||
|
textDone: 'Done'
|
||||||
}
|
}
|
||||||
})(), SSE.Views.AddOther || {}))
|
})(), SSE.Views.AddOther || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -7112,12 +7112,14 @@ i.icon.icon-text-valign-bottom {
|
||||||
background-color: #40865c;
|
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");
|
-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;
|
width: 22px;
|
||||||
height: 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");
|
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;
|
width: 22px;
|
||||||
height: 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");
|
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");
|
||||||
|
|
@ -7362,6 +7364,26 @@ i.icon.icon-paste {
|
||||||
height: 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%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");
|
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");
|
||||||
|
}
|
||||||
.chart-types .thumb.bar-normal {
|
.chart-types .thumb.bar-normal {
|
||||||
background-image: url('../img/charts/chart-03.png');
|
background-image: url('../img/charts/chart-03.png');
|
||||||
}
|
}
|
||||||
|
|
@ -8195,3 +8217,16 @@ html.pixel-ratio-3 .cell-styles.dataview .row li {
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
width: 25px;
|
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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -7084,6 +7084,51 @@ i.icon.icon-paste {
|
||||||
height: 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%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
|
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%22black%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
|
||||||
}
|
}
|
||||||
|
i.icon.icon-menu-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%20d%3D%22M16.6047%2016.5848C17.0078%2016.1793%2017.4729%2015.9766%2018%2015.9766C18.5271%2015.9766%2018.9922%2016.1793%2019.3953%2016.5848C19.7984%2016.9903%2020%2017.4581%2020%2017.9883C20%2018.5185%2019.7984%2018.9864%2019.3953%2019.3918C18.9922%2019.7973%2018.5271%2020%2018%2020C17.4729%2020%2017.0078%2019.7973%2016.6047%2019.3918C16.2016%2018.9864%2016%2018.5185%2016%2017.9883C16%2017.4581%2016.2016%2016.9903%2016.6047%2016.5848ZM16.6047%2010.5965C17.0078%2010.191%2017.4729%209.9883%2018%209.9883C18.5271%209.9883%2018.9922%2010.191%2019.3953%2010.5965C19.7984%2011.0019%2020%2011.4698%2020%2012C20%2012.5302%2019.7984%2012.9981%2019.3953%2013.4035C18.9922%2013.809%2018.5271%2014.0117%2018%2014.0117C17.4729%2014.0117%2017.0078%2013.809%2016.6047%2013.4035C16.2016%2012.9981%2016%2012.5302%2016%2012C16%2011.4698%2016.2016%2011.0019%2016.6047%2010.5965ZM19.3953%207.4152C18.9922%207.82066%2018.5271%208.02339%2018%208.02339C17.4729%208.02339%2017.0078%207.82066%2016.6047%207.4152C16.2016%207.00975%2016%206.54191%2016%206.0117C16%205.48148%2016.2016%205.01365%2016.6047%204.60819C17.0078%204.20273%2017.4729%204%2018%204C18.5271%204%2018.9922%204.20273%2019.3953%204.60819C19.7984%205.01365%2020%205.48148%2020%206.0117C20%206.54191%2019.7984%207.00975%2019.3953%207.4152Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-resolve-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%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-resolve-comment.check {
|
||||||
|
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%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%2340865C%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-prev-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%20d%3D%22M15.4219%207.40625L10.8281%2012L15.4219%2016.5938L14.0156%2018L8.01562%2012L14.0156%206L15.4219%207.40625Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-next-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%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-close-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%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.6)%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-done-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%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%2340865c%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-done-comment-white {
|
||||||
|
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%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
.navbar i.icon.icon-logo {
|
.navbar i.icon.icon-logo {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
|
|
@ -8158,3 +8203,16 @@ html.pixel-ratio-3 .cell-styles.dataview .row li {
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
width: 25px;
|
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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -341,4 +341,17 @@ input, textarea {
|
||||||
width: 25px;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -330,4 +330,17 @@ input, textarea {
|
||||||
width: 25px;
|
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;
|
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>');
|
.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;
|
width: 22px;
|
||||||
height: 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>');
|
.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;
|
width: 22px;
|
||||||
height: 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>');
|
.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,27 @@ i.icon {
|
||||||
height: 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 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>');
|
.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>');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-types .thumb {
|
.chart-types .thumb {
|
||||||
|
|
|
||||||
|
|
@ -347,6 +347,52 @@ i.icon {
|
||||||
height: 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 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>');
|
.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-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="rgba(0, 0, 0, 0.6)"/></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 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>');
|
||||||
|
}
|
||||||
|
&.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
|
// Overwrite color for toolbar
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue