Merge branch 'develop' into feature/sse-conditional-formatting
# Conflicts: # apps/spreadsheeteditor/main/app/controller/Toolbar.js
This commit is contained in:
Julia Radzhabova
commit
b54c2e4d10
|
|
@ -74,15 +74,16 @@
|
||||||
recent: [
|
recent: [
|
||||||
{
|
{
|
||||||
title: 'document title',
|
title: 'document title',
|
||||||
|
image: 'recent icon url',
|
||||||
url: 'document url',
|
url: 'document url',
|
||||||
folder: 'path to document'
|
folder: 'path to document',
|
||||||
},
|
},
|
||||||
...
|
...
|
||||||
],
|
],
|
||||||
templates: [
|
templates: [
|
||||||
{
|
{
|
||||||
name: 'template name',
|
title: 'template name', // name - is deprecated
|
||||||
icon: 'template icon url',
|
image: 'template icon url',
|
||||||
url: 'http://...'
|
url: 'http://...'
|
||||||
},
|
},
|
||||||
...
|
...
|
||||||
|
|
|
||||||
|
|
@ -306,8 +306,8 @@ if (Common === undefined) {
|
||||||
_postMessage({event:'onRequestSendNotify', data: emails});
|
_postMessage({event:'onRequestSendNotify', data: emails});
|
||||||
},
|
},
|
||||||
|
|
||||||
requestInsertImage: function () {
|
requestInsertImage: function (command) {
|
||||||
_postMessage({event:'onRequestInsertImage'});
|
_postMessage({event:'onRequestInsertImage', data: {c: command}});
|
||||||
},
|
},
|
||||||
|
|
||||||
requestMailMergeRecipients: function () {
|
requestMailMergeRecipients: function () {
|
||||||
|
|
|
||||||
|
|
@ -647,8 +647,14 @@ define([
|
||||||
oldCls = this.iconCls;
|
oldCls = this.iconCls;
|
||||||
|
|
||||||
this.iconCls = cls;
|
this.iconCls = cls;
|
||||||
btnIconEl.removeClass(oldCls);
|
if (/svgicon/.test(this.iconCls)) {
|
||||||
btnIconEl.addClass(cls || '');
|
var icon = /svgicon\s(\S+)/.exec(this.iconCls);
|
||||||
|
btnIconEl.find('use.zoom-int').attr('xlink:href', icon && icon.length>1 ? '#' + icon[1]: '');
|
||||||
|
btnIconEl.find('use.zoom-grit').attr('xlink:href', icon && icon.length>1 ? '#' + icon[1] + '-150' : '');
|
||||||
|
} else {
|
||||||
|
btnIconEl.removeClass(oldCls);
|
||||||
|
btnIconEl.addClass(cls || '');
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
changeIcon: function(opts) {
|
changeIcon: function(opts) {
|
||||||
|
|
|
||||||
|
|
@ -344,7 +344,7 @@ define([
|
||||||
onApiChangeFontInternal: function(font) {
|
onApiChangeFontInternal: function(font) {
|
||||||
if (this.inFormControl) return;
|
if (this.inFormControl) return;
|
||||||
|
|
||||||
var name = (_.isFunction(font.get_Name) ? font.get_Name() : font.asc_getName());
|
var name = (_.isFunction(font.get_Name) ? font.get_Name() : font.asc_getFontName());
|
||||||
|
|
||||||
if (this.getRawValue() !== name) {
|
if (this.getRawValue() !== name) {
|
||||||
var record = this.store.findWhere({
|
var record = this.store.findWhere({
|
||||||
|
|
|
||||||
|
|
@ -571,6 +571,8 @@ define([
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
var cg = Common.Utils.croppedGeometry();
|
||||||
|
docH = cg.height - 10;
|
||||||
if (top + menuH > docH) {
|
if (top + menuH > docH) {
|
||||||
if (fixedAlign && typeof fixedAlign == 'string') { // how to align if menu height > window height
|
if (fixedAlign && typeof fixedAlign == 'string') { // how to align if menu height > window height
|
||||||
m = fixedAlign.match(/^([a-z]+)-([a-z]+)/);
|
m = fixedAlign.match(/^([a-z]+)-([a-z]+)/);
|
||||||
|
|
@ -579,13 +581,18 @@ define([
|
||||||
top = docH - menuH;
|
top = docH - menuH;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (top < 0)
|
|
||||||
top = 0;
|
if (top < cg.top)
|
||||||
|
top = cg.top;
|
||||||
}
|
}
|
||||||
if (this.options.additionalAlign)
|
if (this.options.additionalAlign)
|
||||||
this.options.additionalAlign.call(this, menuRoot, left, top);
|
this.options.additionalAlign.call(this, menuRoot, left, top);
|
||||||
else
|
else {
|
||||||
menuRoot.css({left: Math.ceil(left), top: Math.ceil(top)});
|
var _css = {left: Math.ceil(left), top: Math.ceil(top)};
|
||||||
|
if (!(menuH < docH)) _css['margin-top'] = 0;
|
||||||
|
|
||||||
|
menuRoot.css(_css);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
clearAll: function() {
|
clearAll: function() {
|
||||||
|
|
|
||||||
|
|
@ -216,7 +216,9 @@ Common.Utils = _.extend(new(function() {
|
||||||
zoom: function() {return me.zoom;},
|
zoom: function() {return me.zoom;},
|
||||||
topOffset: 0,
|
topOffset: 0,
|
||||||
innerWidth: function() {return me.innerWidth;},
|
innerWidth: function() {return me.innerWidth;},
|
||||||
innerHeight: function() {return me.innerHeight;}
|
innerHeight: function() {return me.innerHeight;},
|
||||||
|
croppedGeometry: function() {return {left:0, top: Common.Utils.InternalSettings.get('window-inactive-area-top'),
|
||||||
|
width: me.innerWidth, height: me.innerHeight - Common.Utils.InternalSettings.get('window-inactive-area-top')}}
|
||||||
}
|
}
|
||||||
})(), Common.Utils || {});
|
})(), Common.Utils || {});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@ define([
|
||||||
|
|
||||||
_.extend(_options, {
|
_.extend(_options, {
|
||||||
width : 350,
|
width : 350,
|
||||||
height : 220,
|
height : 238,
|
||||||
header : true,
|
header : true,
|
||||||
cls : 'modal-dlg',
|
cls : 'modal-dlg',
|
||||||
contentTemplate : '',
|
contentTemplate : '',
|
||||||
|
|
@ -65,7 +65,7 @@ define([
|
||||||
}, options);
|
}, options);
|
||||||
|
|
||||||
this.template = options.template || [
|
this.template = options.template || [
|
||||||
'<div class="box" style="height:' + (_options.height - 85) + 'px;">',
|
'<div class="box">',
|
||||||
'<div class="input-row" style="margin-bottom: 10px;">',
|
'<div class="input-row" style="margin-bottom: 10px;">',
|
||||||
'<label>' + t.txtDescription + '</label>',
|
'<label>' + t.txtDescription + '</label>',
|
||||||
'</div>',
|
'</div>',
|
||||||
|
|
@ -76,9 +76,8 @@ define([
|
||||||
'<div class="input-row">',
|
'<div class="input-row">',
|
||||||
'<label>' + t.txtRepeat + '</label>',
|
'<label>' + t.txtRepeat + '</label>',
|
||||||
'</div>',
|
'</div>',
|
||||||
'<div id="id-repeat-txt" class="input-row"></div>',
|
'<div id="id-repeat-txt" class="input-row" style="margin-bottom: 10px;"></div>',
|
||||||
'</div>',
|
'</div>'
|
||||||
'<div class="separator horizontal"/>'
|
|
||||||
].join('');
|
].join('');
|
||||||
|
|
||||||
this.handler = options.handler;
|
this.handler = options.handler;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
157
apps/common/main/resources/img/toolbar/charttypes.svg
Normal file
157
apps/common/main/resources/img/toolbar/charttypes.svg
Normal file
|
|
@ -0,0 +1,157 @@
|
||||||
|
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<symbol id="chart-column-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M33 6H27V34H33V6ZM20 14H26V34H20V14ZM19 20H13V34H19V20ZM12 26H6V34H12V26Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-stack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M33 17H27V34H33V17ZM20 22H26V34H20V22ZM19 26H13V34H19V26ZM12 29H6V34H12V29Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M33 6H27V17H33V6ZM20 14H26V22H20V14ZM19 20H13V26H19V20ZM12 25H6V29H12V25Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-pstack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M33 14H27V34H33V14ZM20 16H26V34H20V16ZM19 18H13V34H19V18ZM12 21H6V34H12V21Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M12 6H6V21H12V6ZM19 6H13V18H19V6ZM20 6H26V16H20V6ZM33 6H27V14H33V6Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-3d-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 34L27 35V8L23 7V34ZM22 33L18 32V11L22 12V33ZM13 30L17 31V17L13 16V30ZM8 28L12 29V21L8 20V28Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M31 7L27 6L23 7L27 8L31 7ZM22 10L23 10.25V11.75L22 12L18 11L22 10ZM18 15.25L17 15L13 16L17 17L18 16.75V15.25ZM12 19L13 19.25V20.75L12 21L8 20L12 19Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M31 7L27 8V35L31 34V7Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-3d-stack" viewBox="0 0 40 40">
|
||||||
|
<path opacity="0.2" d="M27 7L31 6V16L27 17V7Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M23 6L27 5L31 6L27 7L23 6ZM31 16L27 17V34L31 33V16ZM26 20H23V32H26V20ZM18 10L22 9L23 9.25V10.75L22 11L18 10ZM17 14L13 15L17 16L18 15.75V14.25L17 14ZM8 19L12 18L13 18.25V19.75L12 20L8 19Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M27 7L23 6V16L27 17V7ZM22 11L18 10V20L22 21V11ZM12 20L8 19V23L12 24V20ZM13 15L17 16V23L13 22V15Z" fill="#444444"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 16L27 17V34L23 33V16ZM22 21L18 20V31L22 32V21ZM13 22L17 23V30L13 29V22ZM8 23L12 24V28L8 27V23Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-3d-pstack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 35L28 36V17L24 16V35ZM23 34L19 33V18L23 19V34ZM14 31L18 32V21L14 20V31ZM9 29L13 30V23L9 22V29Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M13 6L9 5V22L13 23V6ZM14 7L18 8V21L14 20V7ZM23 10L19 9V18L23 19V10ZM28 12L24 11V16L28 17V12Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M9 5L13 6L17 5L13 4L9 5ZM18 8L14 7L18 6L22 7L18 8ZM19 9L23 10L27 9L23 8L19 9ZM28 12L24 11L28 10L32 11L28 12ZM28 17L32 16V35L28 36V17Z" fill="#444444"/>
|
||||||
|
<path opacity="0.2" d="M28 12L32 11V16L28 17V12Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-column-3d-normal-per" viewBox="0 0 40 40">
|
||||||
|
<path d="M24.0002 6L28.0002 7V31L25 30V18V17.5V17L24.0002 16.7617V6Z" fill="#444444"/>
|
||||||
|
<path d="M19 10L23 11V16.5L21 16L19 16.5V10Z" fill="#444444"/>
|
||||||
|
<path d="M14 14L18 15V16.7617L17 17V20.25L16 20L14 20.5V14Z" fill="#444444"/>
|
||||||
|
<path opacity="0.2" d="M21 18L25 17V35L21 36V18Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M32 6L28 7V31L32 30V6ZM17.0002 17L21.0002 18V36L17.0002 35V17ZM12.0002 21L16.0002 22V34L12.0002 33V21ZM11 26L7 25V31L11 32V26Z" fill="#444444"/>
|
||||||
|
<path id="lighter max_2" opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M23.9999 6L27.9999 5L31.9999 6L27.9999 7L23.9999 6ZM19.0001 10L23.0001 9L27.0001 10L23.0001 11L19.0001 10ZM18 13L14 14L18 15L22 14L18 13ZM25 17L21 16L17 17L21 18L25 17ZM16 20L17 20.25V21.75L16 22L12 21L16 20ZM11 24L12 24.25V25.75L11 26L7 25L11 24Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-line-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 16.5L28.5 14L24.5 10L19.5 15L22 17.5L24.5 15L26 16.5ZM6 28.5L8.5 31L19.5 20L17 17.5L6 28.5ZM34 19.5L31.5 22L28.5 19L31 16.5L34 19.5Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M6 20.5L15.5 11L23.5 19L31.5 11L34 13.5L23.5 24L15.5 16L8.5 23L6 20.5Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-line-stack" viewBox="0 0 40 40">
|
||||||
|
<path d="M6 30.5L17.5 19L22.5 24L31.5 15L34 17.5L22.5 29L17.5 24L8.5 33L6 30.5Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M6 22.5L17.5 11L22.5 16L31.5 7L34 9.5L22.5 21L17.5 16L8.5 25L6 22.5Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-line-pstack" viewBox="0 0 40 40">
|
||||||
|
<path d="M6 29.5L17.5 18L22.5 23L31.5 14L34 16.5L22.5 28L17.5 23L8.5 32L6 29.5Z" fill="#444444"/>
|
||||||
|
<rect opacity="0.4" x="6" y="8" width="28" height="4" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-line-3d" viewBox="0 0 40 40">
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 18L5.5 10H9.5L22.5 18H17.5ZM20.5 33L12.5 21H16.5L25.5 33H20.5Z" fill="#444444"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.5 9H30.5L17.5 18H22.5L38.5 9ZM2.5 28L12.5 21L13.62 22.68L4.5 28H2.5ZM38.5 22H30.5L20.5 33H25.5L38.5 22Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-pie-normal" viewBox="0 0 40 40">
|
||||||
|
<path d="M5 20C5 22.9667 5.87973 25.8668 7.52796 28.3336C9.17618 30.8003 11.5189 32.7229 14.2597 33.8582C17.0006 34.9935 20.0166 35.2906 22.9264 34.7118C25.8361 34.133 28.5088 32.7044 30.6066 30.6066C32.7044 28.5088 34.133 25.8361 34.7118 22.9264C35.2906 20.0166 34.9935 17.0006 33.8582 14.2597C32.7229 11.5189 30.8003 9.17618 28.3336 7.52796C25.8668 5.87973 22.9667 5 20 5L20 20L5 20Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M20 5C18.0302 5 16.0796 5.38799 14.2597 6.14181C12.4399 6.89563 10.7863 8.00052 9.3934 9.3934C8.00052 10.7863 6.89563 12.4399 6.14181 14.2598C5.38799 16.0796 5 18.0302 5 20L20 20V5Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-pie-doughnut" viewBox="0 0 40 40">
|
||||||
|
<path d="M5 20C5 22.9667 5.87973 25.8668 7.52796 28.3336C9.17618 30.8003 11.5189 32.7229 14.2597 33.8582C17.0006 34.9935 20.0166 35.2906 22.9264 34.7118C25.8361 34.133 28.5088 32.7044 30.6066 30.6066C32.7044 28.5088 34.133 25.8361 34.7118 22.9264C35.2906 20.0166 34.9935 17.0006 33.8582 14.2597C32.7229 11.5189 30.8003 9.17618 28.3336 7.52796C25.8668 5.87973 22.9667 5 20 5L20 11C21.78 11 23.5201 11.5278 25.0001 12.5168C26.4802 13.5057 27.6337 14.9113 28.3149 16.5558C28.9961 18.2004 29.1743 20.01 28.8271 21.7558C28.4798 23.5016 27.6226 25.1053 26.364 26.364C25.1053 27.6226 23.5016 28.4798 21.7558 28.8271C20.01 29.1743 18.2004 28.9961 16.5558 28.3149C14.9113 27.6337 13.5057 26.4802 12.5168 25.0001C11.5278 23.5201 11 21.78 11 20L5 20Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M20 5C18.0302 5 16.0796 5.38799 14.2597 6.14181C12.4399 6.89563 10.7863 8.00052 9.3934 9.3934C8.00052 10.7863 6.89563 12.4399 6.14181 14.2598C5.38799 16.0796 5 18.0302 5 20L11 20C11 18.8181 11.2328 17.6478 11.6851 16.5559C12.1374 15.4639 12.8003 14.4718 13.636 13.636C14.4718 12.8003 15.4639 12.1374 16.5558 11.6851C17.6478 11.2328 18.8181 11 20 11V5Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-pie-3d-normal" viewBox="0 0 40 40">
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M31.3137 9.22183C34.3143 11.2847 36 14.0826 36 17L36 22C36 24.9174 34.3143 27.7153 31.3137 29.7782C28.3131 31.8411 24.2435 33 20 33C15.7565 33 11.6869 31.8411 8.68629 29.7782C5.68571 27.7153 4 24.9174 4 22V17C4 14.0826 5.68571 11.2847 8.68629 9.22182C11.6869 7.15892 15.7565 6 20 6C24.2435 6 28.3131 7.15893 31.3137 9.22183Z" fill="#444444"/>
|
||||||
|
<path d="M4 17C4 19.1756 4.93838 21.3023 6.69649 23.1113C8.45459 24.9202 10.9534 26.3301 13.8771 27.1627C16.8007 27.9952 20.0177 28.2131 23.1214 27.7886C26.2251 27.3642 29.0761 26.3166 31.3137 24.7782C33.5513 23.2398 35.0752 21.2798 35.6926 19.146C36.3099 17.0122 35.9931 14.8005 34.7821 12.7905C33.5711 10.7805 31.5203 9.06253 28.8891 7.85383C26.2579 6.64514 23.1645 6 20 6L20 17L4 17Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 6H6V12H15V6ZM6 27V33H34V27H6ZM6 13H20V19H6V13ZM26 20H6V26H26V20Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-stack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 6H6V12H11V6ZM14 13H6V19H14V13ZM6 20H18V26H6V20ZM23 27H6V33H23V27Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M15 6H11V12H15V6ZM20 13H14V19H20V13ZM18 20H26V26H18V20ZM34 27H23V33H34V27Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-pstack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 6H6V12H20V6ZM22 13H6V19H22V13ZM6 20H24V26H6V20ZM26 27H6V33H26V27Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M34 6H20V12H34V6ZM34 13H22V19H34V13ZM24 20H34V26H24V20ZM34 27H26V33H34V27Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-3d-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 9L8 5V10L20 14V9ZM8 11L23 16V21L8 16V11ZM26 23L8 17L8 22L26 28V23ZM29 30L8 23V28L29 35L29 30Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M24 8L20 9V14L24 13V8ZM23 16L27 15V20L23 21V16ZM30 22L26 23V28L30 27V22ZM33 29L29 30V35L33 34V29Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M12 4L24 8L20 9L8 5L12 4Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-3d-stack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 6L8 5V10L11 11V6ZM8 16V11L14 13V18L8 16ZM17 20L8 17L8 22L17 25V20ZM8 23V28L20 32V27L8 23Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M15 5L12 4L8 5L11 6L15 5ZM20 9L24 8V13L20 14V9ZM27 15L23 16V21L27 20V15ZM26 23L30 22V27L26 28V23ZM29 30L33 29V34L29 35L29 30Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M20 9L11 6V11L20 14V9ZM14 13L23 16V21L14 18V13ZM26 23L17 20V25L26 28V23ZM29 30L20 27V32L29 35V30Z" fill="#444444"/>
|
||||||
|
<path opacity="0.2" d="M15 5L24 8L20 9L11 6L15 5Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-bar-3d-pstack" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 7L8 5V10L14 12V7ZM8 11L17 14V19L8 16V11ZM20 26V21L8 17V22L20 26ZM23 28L8 23V28L23 33V28Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M29 12L14 7V12L29 17V12ZM17 14L29 18V23L17 19V14ZM29 24L20 21V26L29 29V24ZM29 30L23 28V33L29 35V30Z" fill="#444444"/>
|
||||||
|
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M18 6L12 4L8 5L14 7L18 6ZM29 12L33 11V16L29 17V12ZM33 17L29 18V23L33 22V17ZM29 24L33 23V28L29 29V24ZM29 30L33 29V34L29 35V30Z" fill="#444444"/>
|
||||||
|
<path opacity="0.2" d="M18 6L33 11L29 12L14 7L18 6Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-area-normal" viewBox="0 0 40 40">
|
||||||
|
<path d="M15.5 24L19.5 29L34 14V34H6L15.5 24Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M19.5 29L15.5 24L6 34L15.5 15L20.5 22H26.2667L19.5 29Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-area-stack" viewBox="0 0 40 40">
|
||||||
|
<path d="M15.5 24L19.5 29L34 14V34H6L15.5 24Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M15.5 17L19.5 22L34 7V14L19.5 29L15.5 24L6 34V27L15.5 17Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-area-pstack" viewBox="0 0 40 40">
|
||||||
|
<path d="M15.5 24L19.5 29L34 14V34H6L15.5 24Z" fill="#444444"/>
|
||||||
|
<path opacity="0.4" d="M6 6H34V14L19.5 29L15.5 24L6 34V6Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-point-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 7H7V20.5V34H34V33H8V7ZM11.5 30C12.3284 30 13 29.3284 13 28.5C13 27.6716 12.3284 27 11.5 27C10.6716 27 10 27.6716 10 28.5C10 29.3284 10.6716 30 11.5 30ZM16 22.5C16 23.3284 15.3284 24 14.5 24C13.6716 24 13 23.3284 13 22.5C13 21.6716 13.6716 21 14.5 21C15.3284 21 16 21.6716 16 22.5ZM20.5 21C21.3284 21 22 20.3284 22 19.5C22 18.6716 21.3284 18 20.5 18C19.6716 18 19 18.6716 19 19.5C19 20.3284 19.6716 21 20.5 21ZM28 19.5C28 20.3284 27.3284 21 26.5 21C25.6716 21 25 20.3284 25 19.5C25 18.6716 25.6716 18 26.5 18C27.3284 18 28 18.6716 28 19.5ZM26.5 27C27.3284 27 28 26.3284 28 25.5C28 24.6716 27.3284 24 26.5 24C25.6716 24 25 24.6716 25 25.5C25 26.3284 25.6716 27 26.5 27ZM34 19.5C34 20.3284 33.3284 21 32.5 21C31.6716 21 31 20.3284 31 19.5C31 18.6716 31.6716 18 32.5 18C33.3284 18 34 18.6716 34 19.5ZM29.5 15C30.3284 15 31 14.3284 31 13.5C31 12.6716 30.3284 12 29.5 12C28.6716 12 28 12.6716 28 13.5C28 14.3284 28.6716 15 29.5 15Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-stock-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 7H7V20.5V34H34V33H8V7ZM23 12H22V16H20V20H22V24H23V20H25V16H23V12ZM13 27H11V20H13V16H14V20H16V27H14V31H13V27ZM31 11H29V18H31V22H32V18H34V11H32V7H31V11Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-spark-line" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.86358 21.8725L15.7636 27.7725L20.7636 16.7725L25.682 21.691L31.6394 5.65181L33.5143 6.34819L26.4717 25.309L21.3901 20.2275L16.3901 31.2275L10.2901 25.1275L5.44232 33.5008L3.71148 32.4987L9.86358 21.8725Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0">
|
||||||
|
<path d="M0 0H40V40H0V0Z" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
<symbol id="chart-spark-column" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 6H20V34H26V6ZM13 14H19V34H13V14ZM33 18H27V34H33V18ZM12 20H6V34H12V20Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-spark-win" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7H12V20H6V7ZM13 7H19V20H13V7ZM33 7H27V20H33V7Z" fill="#444444"/>
|
||||||
|
<rect opacity="0.4" x="20" y="20" width="6" height="13" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-surface-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6V15.0117L6 28.0117H8.29308L4.64648 31.6581L5.35357 32.3652L9.70733 28.0117H16.5L27 34.0117L30.7242 25.0116L36 25.0116L36 24.0116L31.138 24.0116L33 19.5117L22.5 8.01172L13 14.3451V6H12ZM17.837 24.3331L19.1385 18.5263L23.5873 23.1301C22.7174 23.5372 21.8181 23.8456 20.906 24.0206C19.7223 24.2476 18.7595 24.3698 17.837 24.3331ZM16.617 25.2036L16.2117 27.0117H7.56291L10.2783 21.1283C10.5037 21.3862 10.7771 21.6877 11.0846 22.0044C11.9473 22.8927 13.1287 23.9536 14.2985 24.4692C15.1229 24.8325 15.8764 25.0699 16.617 25.2036ZM16.8359 24.2269C16.1677 24.1101 15.4773 23.8959 14.7018 23.5541C13.72 23.1214 12.6514 22.1823 11.802 21.3077C11.4314 20.9262 11.1121 20.5669 10.8714 20.2852L18.1822 18.2208L16.8359 24.2269ZM17.615 25.3232C17.6295 25.3241 17.644 25.3249 17.6585 25.3257C18.7407 25.3857 19.8305 25.2451 21.0943 25.0027C22.1885 24.7928 23.2713 24.4012 24.3136 23.8817L28.3718 28.0812L26.5102 32.5801L17.1831 27.2503L17.615 25.3232ZM25.2274 23.3883L28.7887 27.0736L31.833 19.7166L30.7961 18.581C30.6237 18.79 30.4188 19.031 30.1871 19.2902C28.8262 20.8126 27.1112 22.2931 25.2274 23.3883ZM30.1147 17.8347L22.7292 9.74581L19.4441 17.4034L24.5166 22.6527C26.3887 21.6052 28.0891 20.1367 29.4415 18.6238C29.7055 18.3285 29.933 18.058 30.1147 17.8347ZM21.6168 9.80239L18.4881 17.0954L11.1883 19.1566L12.7896 15.6871L21.6168 9.80239Z" fill="#444444"/>
|
||||||
|
<g opacity="0.4">
|
||||||
|
<path d="M19.1385 18.5263L17.837 24.3331C18.7595 24.3698 19.7223 24.2476 20.906 24.0206C21.8181 23.8456 22.7174 23.5372 23.5873 23.1301L19.1385 18.5263Z" fill="#444444"/>
|
||||||
|
<path d="M14.7018 23.5541C15.4773 23.8959 16.1677 24.1101 16.8359 24.2269L18.1822 18.2208L10.8714 20.2852C11.1121 20.5669 11.4314 20.9262 11.802 21.3077C12.6514 22.1823 13.72 23.1214 14.7018 23.5541Z" fill="#444444"/>
|
||||||
|
<path d="M22.7292 9.74581L30.1147 17.8347C29.933 18.058 29.7055 18.3285 29.4415 18.6238C28.0891 20.1367 26.3887 21.6052 24.5166 22.6527L19.4441 17.4034L22.7292 9.74581Z" fill="#444444"/>
|
||||||
|
<path d="M18.4881 17.0954L21.6168 9.80239L12.7896 15.6871L11.1883 19.1566L18.4881 17.0954Z" fill="#444444"/>
|
||||||
|
</g>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-surface-wireframe" viewBox="0 0 40 40">
|
||||||
|
<g opacity="0.4">
|
||||||
|
<path d="M24.4393 24.0117H17.909L17.6848 25.0117H25.4056L24.4393 24.0117Z" fill="#444444"/>
|
||||||
|
<path d="M29.6419 25.0117H26.7962L25.8299 24.0117H30.0557L29.6419 25.0117Z" fill="#444444"/>
|
||||||
|
<path d="M16.66 25.0117L16.8842 24.0117H13.0004L13.0005 19.684L12.0005 19.9664L12.0004 24.3042L9.29291 27.0117H10.7071L12.7071 25.0117H16.66Z" fill="#444444"/>
|
||||||
|
<path d="M12.0005 18.9273L13.0005 18.6449L13.0005 15.5466L12.7896 15.6871L12.0005 17.397L12.0005 18.9273Z" fill="#444444"/>
|
||||||
|
</g>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 15.0117V6H13V14.3451L22.5 8.01172L33 19.5117L31.138 24.0116L36 24.0116L36 25.0116L30.7242 25.0116L27 34.0117L16.5 28.0117H9.70733L5.35357 32.3652L4.64648 31.6581L8.29308 28.0117H6L12 15.0117ZM19.1385 18.5263L17.1831 27.2503L26.5102 32.5801L28.3718 28.0812L19.1385 18.5263ZM18.4881 17.0954L21.6168 9.80239L12.7896 15.6871L11.1883 19.1566L18.4881 17.0954ZM22.7292 9.74581L19.4441 17.4034L28.7887 27.0736L31.833 19.7166L22.7292 9.74581ZM7.56291 27.0117L10.6369 20.3514L18.1822 18.2208L16.2117 27.0117H7.56291Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-contour-normal" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7V34H34V7H7ZM19.9994 8H8V20H19.9994V8ZM20.9994 8V20H25.9058C26.221 19.4031 26.5232 18.7899 26.8155 18.1718C27.1967 17.366 27.5639 16.5451 27.9217 15.7452C28.5259 14.3941 29.1035 13.1029 29.6756 12.047C30.1349 11.1992 30.6145 10.4552 31.137 9.91811C31.66 9.38042 32.2762 8.99994 32.9999 8.99993L33 8H20.9994ZM25.355 21H20.9994V25.8163C21.7839 25.398 22.5013 24.8046 23.1681 24.0797C23.9739 23.2036 24.6942 22.147 25.355 21ZM20.9994 26.9284C22.0933 26.4431 23.0537 25.6812 23.9041 24.7567C24.8901 23.6847 25.7426 22.3795 26.5028 21H33V33H20.9994V26.9284ZM19.9994 26.2398V21H8V21.875L8.31595 22.112L8.36241 22.1465C8.40379 22.1771 8.46567 22.2224 8.54631 22.2805C8.70763 22.3967 8.94385 22.5636 9.24104 22.7648C9.83585 23.1676 10.6726 23.7061 11.6401 24.2494C13.5964 25.3479 16.0074 26.4194 18.02 26.5003C18.7238 26.5286 19.3815 26.4361 19.9994 26.2398ZM19.9994 27.2817V33H8V23.1193C8.16619 23.2385 8.3967 23.4008 8.68037 23.5929C9.29197 24.007 10.1529 24.5612 11.1505 25.1214C13.1245 26.2298 15.7135 27.4084 17.9798 27.4995C18.6961 27.5283 19.368 27.4498 19.9994 27.2817ZM33 20H27.0327C27.2702 19.5352 27.4986 19.0664 27.7195 18.5994C28.1239 17.7445 28.5003 16.9021 28.8609 16.0954C29.4506 14.7758 29.9978 13.5515 30.5548 12.5234C30.9997 11.7023 31.4275 11.0537 31.8538 10.6154C32.2796 10.1776 32.6537 9.99993 33 9.99993V20Z" fill="#444444"/>
|
||||||
|
<g opacity="0.4">
|
||||||
|
<path d="M19.9994 20H8V8H19.9994V20Z" fill="#444444"/>
|
||||||
|
<path d="M20.9994 8V20H25.9058C26.221 19.4031 26.5232 18.7899 26.8155 18.1718C27.1967 17.366 27.5639 16.5451 27.9217 15.7452C28.5259 14.3941 29.1035 13.1029 29.6756 12.047C30.1349 11.1992 30.6145 10.4552 31.137 9.91811C31.66 9.38042 32.2762 8.99994 32.9999 8.99993L33 8H20.9994Z" fill="#444444"/>
|
||||||
|
<path d="M8 21.875L8.31595 22.112L8.36241 22.1465C8.40379 22.1771 8.46567 22.2224 8.54631 22.2805C8.70763 22.3967 8.94385 22.5636 9.24104 22.7648C9.83585 23.1676 10.6726 23.7061 11.6401 24.2494C13.5964 25.3479 16.0074 26.4194 18.02 26.5003C18.7238 26.5286 19.3815 26.4361 19.9994 26.2398V21H8V21.875Z" fill="#444444"/>
|
||||||
|
<path d="M20.9994 21H25.355C24.6942 22.147 23.9739 23.2036 23.1681 24.0797C22.5013 24.8046 21.7839 25.398 20.9994 25.8163V21Z" fill="#444444"/>
|
||||||
|
</g>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="chart-contour-wireframe" viewBox="0 0 40 40">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7V34H34V7H7ZM19.9994 8H8V20H19.9994V8ZM20.9994 8V20H25.9058C26.221 19.4031 26.5232 18.7899 26.8155 18.1718C27.1967 17.366 27.5639 16.5451 27.9217 15.7452C28.5259 14.3941 29.1035 13.1029 29.6756 12.047C30.1349 11.1992 30.6145 10.4552 31.137 9.91811C31.66 9.38042 32.2762 8.99994 32.9999 8.99993L33 8H20.9994ZM25.355 21H20.9994V25.8163C21.7839 25.398 22.5013 24.8046 23.1681 24.0797C23.9739 23.2036 24.6942 22.147 25.355 21ZM20.9994 26.9284C22.0933 26.4431 23.0537 25.6812 23.9041 24.7567C24.8901 23.6847 25.7426 22.3795 26.5028 21H33V33H20.9994V26.9284ZM19.9994 26.2398V21H8V21.8716L8.30468 22.1035L8.31595 22.112L8.36241 22.1465C8.40379 22.1771 8.46567 22.2224 8.54631 22.2805C8.70763 22.3967 8.94385 22.5636 9.24104 22.7648C9.83585 23.1676 10.6726 23.7061 11.6401 24.2494C13.5964 25.3479 16.0074 26.4194 18.02 26.5003C18.7238 26.5286 19.3815 26.4361 19.9994 26.2398ZM19.9994 27.2817V33H8V23.1193C8.16619 23.2385 8.3967 23.4008 8.68037 23.5929C9.29197 24.007 10.1529 24.5612 11.1505 25.1214C13.1245 26.2298 15.7135 27.4084 17.9798 27.4995C18.6961 27.5283 19.368 27.4498 19.9994 27.2817ZM33 20H27.0327C27.2702 19.5352 27.4986 19.0664 27.7195 18.5994C28.1239 17.7445 28.5003 16.9021 28.8609 16.0954C29.4506 14.7758 29.9978 13.5515 30.5548 12.5234C30.9997 11.7023 31.4275 11.0537 31.8538 10.6154C32.2796 10.1776 32.6537 9.99993 33 9.99993V20Z" fill="#444444"/>
|
||||||
|
</symbol>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
|
|
@ -795,6 +795,12 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
svg.icon {
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 52px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
.over,
|
.over,
|
||||||
&:active,
|
&:active,
|
||||||
|
|
|
||||||
|
|
@ -514,135 +514,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-chartlist {
|
.item-chartlist {
|
||||||
.background-ximage-v2('toolbar/charttypes.png', 250px);
|
width: 40px;
|
||||||
width: 50px;
|
height: 40px;
|
||||||
height: 50px;
|
.icon {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg.icon {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
fill: #444444;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.line-normal {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-stack {
|
|
||||||
background-position: -50px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-pstack {
|
|
||||||
background-position: -100px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-3d {
|
|
||||||
background-position: -150px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-normal {
|
|
||||||
background-position: 0 -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-stack{
|
|
||||||
background-position: -50px -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-pstack{
|
|
||||||
background-position: -100px -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-3d-normal {
|
|
||||||
background-position: -150px -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-3d-stack{
|
|
||||||
background-position: -200px -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-3d-pstack{
|
|
||||||
background-position: -150px -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-3d-normal-per{
|
|
||||||
background-position: -200px -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-normal {
|
|
||||||
background-position: 0 -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-stack{
|
|
||||||
background-position: -50px -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-pstack{
|
|
||||||
background-position: -100px -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-3d-normal {
|
|
||||||
background-position: -150px -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-3d-stack{
|
|
||||||
background-position: -200px -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-3d-pstack{
|
|
||||||
background-position: -150px -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.area-normal {
|
|
||||||
background-position: 0 -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.area-stack{
|
|
||||||
background-position: -50px -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.area-pstack{
|
|
||||||
background-position: -100px -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pie-normal {
|
|
||||||
background-position: 0 -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pie-3d-normal {
|
|
||||||
background-position: -200px -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.point-normal{
|
|
||||||
background-position: -50px -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stock-normal{
|
|
||||||
background-position: -100px -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pie-doughnut{
|
|
||||||
background-position: -200px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spark-line{
|
|
||||||
background-position: 0px -250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spark-column{
|
|
||||||
background-position: -50px -250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spark-win{
|
|
||||||
background-position: -100px -250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.surface-normal{
|
|
||||||
background-position: 0px -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.surface-wireframe{
|
|
||||||
background-position: -50px -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contour-normal{
|
|
||||||
background-position: -100px -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contour-wireframe{
|
|
||||||
background-position: -150px -300px;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -14,15 +14,21 @@
|
||||||
<li>
|
<li>
|
||||||
<a id="list-edit-users" class="item-link" data-page="#edit-users-view">
|
<a id="list-edit-users" class="item-link" data-page="#edit-users-view">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-users"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textEditUsers %></div>
|
<div class="item-title"><%= scope.textEditUsers %></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li id="item-comments">
|
||||||
<a id="comments-settings" class="item-link" data-page="#comments-view">
|
<a id="comments-settings" class="item-link" data-page="#comments-view">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-insert-comment"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textСomments %></div>
|
<div class="item-title"><%= scope.textСomments %></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -33,6 +39,9 @@
|
||||||
<li>
|
<li>
|
||||||
<a id="reviewing-settings" class="item-link" data-page="#reviewing-settings-view">
|
<a id="reviewing-settings" class="item-link" data-page="#reviewing-settings-view">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-review"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textReviewing %></div>
|
<div class="item-title"><%= scope.textReviewing %></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -102,9 +111,16 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="list-block">
|
||||||
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a id="change-settings" class="item-link" data-page="#change-view">
|
<a id="change-settings" class="item-link" data-page="#change-view">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-review-changes"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textChange %></div>
|
<div class="item-title"><%= scope.textChange %></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -113,6 +129,9 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div id="settings-accept-all" class="item-content">
|
<div id="settings-accept-all" class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-accept-changes"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textAcceptAllChanges %></div>
|
<div class="item-title"><%= scope.textAcceptAllChanges %></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -120,6 +139,9 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div id="settings-reject-all" class="item-content">
|
<div id="settings-reject-all" class="item-content">
|
||||||
|
<div class="item-media">
|
||||||
|
<i class="icon icon-reject-changes"></i>
|
||||||
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textRejectAllChanges %></div>
|
<div class="item-title"><%= scope.textRejectAllChanges %></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -144,34 +166,43 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pages">
|
<div class="pages">
|
||||||
<div class="page" data-page="display-mode-view">
|
<div class="page page-display-mode" data-page="display-mode-view">
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="list-block">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li class="media-item">
|
||||||
<label class="label-radio item-content">
|
<label class="label-radio item-content">
|
||||||
<input type="radio" name="doc-orientation" value="markup">
|
<input type="radio" name="doc-orientation" value="markup">
|
||||||
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textMarkup %></div>
|
<div class="item-title-row">
|
||||||
|
<div class="item-title"><%= scope.textMarkup %></div>
|
||||||
|
</div>
|
||||||
|
<div class="item-subtitle"><%= scope.textAllChangesEditing %></div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="media-item">
|
||||||
<label class="label-radio item-content">
|
<label class="label-radio item-content">
|
||||||
<input type="radio" name="doc-orientation" value="final">
|
<input type="radio" name="doc-orientation" value="final">
|
||||||
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textFinal %></div>
|
<div class="item-title-row">
|
||||||
|
<div class="item-title"><%= scope.textFinal %></div>
|
||||||
|
</div>
|
||||||
|
<div class="item-subtitle"><%= scope.textAllChangesAcceptedPreview %></div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="media-item">
|
||||||
<label class="label-radio item-content">
|
<label class="label-radio item-content">
|
||||||
<input type="radio" name="doc-orientation" value="original">
|
<input type="radio" name="doc-orientation" value="original">
|
||||||
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textOriginal %></div>
|
<div class="item-title-row">
|
||||||
|
<div class="item-title"><%= scope.textOriginal %></div>
|
||||||
|
</div>
|
||||||
|
<div class="item-subtitle"><%= scope.textAllChangesRejectedPreview %></div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
|
|
@ -196,22 +227,19 @@
|
||||||
<div class="page page-change" data-page="change-view">
|
<div class="page page-change" data-page="change-view">
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="content-block block-btn">
|
<div class="content-block block-btn">
|
||||||
|
<span class="change-buttons">
|
||||||
|
<span class="accept-reject">
|
||||||
|
<a href="#" id="btn-accept-change" class="link icon-only"><%= scope.textAccept %></a>
|
||||||
|
<a href="#" id="btn-reject-change" class="link icon-only"><%= scope.textReject %></a>
|
||||||
|
</span>
|
||||||
|
<a href="#" id="btn-goto-change" class="link icon-only" style="display: none;"><i class="icon icon-goto"></i></a>
|
||||||
|
</span>
|
||||||
<span class="next-prev">
|
<span class="next-prev">
|
||||||
<a href="#" id="btn-prev-change" class="link icon-only"><i class="icon icon-prev-change"></i></a>
|
<a href="#" id="btn-prev-change" class="link icon-only"><i class="icon icon-prev-change"></i></a>
|
||||||
<a href="#" id="btn-next-change" class="link icon-only"><i class="icon icon-next-change"></i></a>
|
<a href="#" id="btn-next-change" class="link icon-only"><i class="icon icon-next-change"></i></a>
|
||||||
</span>
|
|
||||||
<span class="right-buttons">
|
|
||||||
<a href="#" id="btn-goto-change" class="link icon-only" style="display: none;"><i class="icon icon-goto"></i></a>
|
|
||||||
<span class="accept-reject">
|
|
||||||
<a href="#" id="btn-accept-change" class="link icon-only"><i class="icon icon-accept"></i></a>
|
|
||||||
<a href="#" id="btn-reject-change" class="link icon-only"><i class="icon icon-reject"></i></a>
|
|
||||||
</span>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div id="current-change" class="content-block block-description">
|
<div id="current-change" class="content-block block-description">
|
||||||
<p id="user-name"></p>
|
|
||||||
<p id="date-change"></p>
|
|
||||||
<p id="text-change"></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -236,4 +264,58 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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) {
|
if (this.layout) {
|
||||||
var $layour = this.layout.find('#collaboration-root-view'),
|
var $layour = this.layout.find('#collaboration-root-view'),
|
||||||
isPhone = Common.SharedSettings.get('phone');
|
isPhone = Common.SharedSettings.get('phone');
|
||||||
|
if (!this.canViewComments) {
|
||||||
|
$layour.find('#item-comments').remove();
|
||||||
|
}
|
||||||
|
|
||||||
return $layour.html();
|
return $layour.html();
|
||||||
}
|
}
|
||||||
|
|
@ -146,7 +149,86 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
//Comments
|
||||||
|
|
||||||
|
sliceQuote: function(text) {
|
||||||
|
if (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) {
|
renderComments: function (comments) {
|
||||||
|
var me = this;
|
||||||
var $pageComments = $('.page-comments .page-content');
|
var $pageComments = $('.page-comments .page-content');
|
||||||
if (!comments) {
|
if (!comments) {
|
||||||
if ($('.comment').length > 0) {
|
if ($('.comment').length > 0) {
|
||||||
|
|
@ -158,25 +240,46 @@ define([
|
||||||
if ($('#no-comments').length > 0) {
|
if ($('#no-comments').length > 0) {
|
||||||
$('#no-comments').remove();
|
$('#no-comments').remove();
|
||||||
}
|
}
|
||||||
|
var sortComments = _.sortBy(comments, 'time').reverse();
|
||||||
var $listComments = $('#comments-list'),
|
var $listComments = $('#comments-list'),
|
||||||
items = [];
|
items = [];
|
||||||
_.each(comments, function (comment) {
|
_.each(sortComments, function (comment) {
|
||||||
var itemTemplate = [
|
var itemTemplate = [
|
||||||
'<li class="comment item-content">',
|
'<li class="comment item-content" data-uid="<%= item.uid %>">',
|
||||||
'<div class="item-inner">',
|
'<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="user-name"><%= item.username %></p>',
|
||||||
'<p class="comment-date"><%= item.date %></p>',
|
'<p class="comment-date"><%= item.date %></p>',
|
||||||
'<% if(item.quote) {%>',
|
'<% if (android) { %></div><% } %>',
|
||||||
'<p class="comment-quote" data-id="<%= item.uid %>"><%= item.quote %></p>',
|
'</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) {%>',
|
'<% if(replys > 0) {%>',
|
||||||
'<ul class="list-reply">',
|
'<ul class="list-reply">',
|
||||||
'<% _.each(item.replys, function (reply) { %>',
|
'<% _.each(item.replys, function (reply) { %>',
|
||||||
'<li class="reply-item">',
|
'<li class="reply-item" data-ind="<%= reply.ind %>">',
|
||||||
'<p class="user-name"><%= reply.username %></p>',
|
'<div class="header-reply">',
|
||||||
'<p class="reply-date"><%= reply.date %></p>',
|
'<div class="reply-left">',
|
||||||
'<p class="reply-text"><%= reply.reply %></p>',
|
'<% 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>',
|
'</li>',
|
||||||
'<% }); %>',
|
'<% }); %>',
|
||||||
'</ul>',
|
'</ul>',
|
||||||
|
|
@ -188,13 +291,163 @@ define([
|
||||||
android: Framework7.prototype.device.android,
|
android: Framework7.prototype.device.android,
|
||||||
item: comment,
|
item: comment,
|
||||||
replys: comment.replys.length,
|
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" placeholder="' + this.textAddReply + '">' + '</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;
|
||||||
|
},
|
||||||
|
|
||||||
|
renderChangeReview: function(change) {
|
||||||
|
var isAndroid = Framework7.prototype.device.android === true;
|
||||||
|
var template = (isAndroid ? '<div class="header-change"><div class="initials-change" style="background-color: #' + change.color + ';">' + change.initials + '</div><div>' : '') +
|
||||||
|
'<div id="user-name">' + change.user + '</div>' +
|
||||||
|
'<div id="date-change">' + change.date + '</div>' +
|
||||||
|
(isAndroid ? '</div></div>' : '') +
|
||||||
|
'<div id="text-change">' + change.text + '</div>';
|
||||||
|
$('#current-change').html(_.template(template));
|
||||||
|
},
|
||||||
|
|
||||||
textCollaboration: 'Collaboration',
|
textCollaboration: 'Collaboration',
|
||||||
textReviewing: 'Review',
|
textReviewing: 'Review',
|
||||||
|
|
@ -209,7 +462,17 @@ define([
|
||||||
textOriginal: 'Original',
|
textOriginal: 'Original',
|
||||||
textChange: 'Review Change',
|
textChange: 'Review Change',
|
||||||
textEditUsers: 'Users',
|
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',
|
||||||
|
textAllChangesEditing: 'All changes (Editing)',
|
||||||
|
textAllChangesAcceptedPreview: 'All changes accepted (Preview)',
|
||||||
|
textAllChangesRejectedPreview: 'All changes rejected (Preview)',
|
||||||
|
textAccept: 'Accept',
|
||||||
|
textReject: 'Reject'
|
||||||
}
|
}
|
||||||
})(), Common.Views.Collaboration || {}))
|
})(), Common.Views.Collaboration || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
.page-change {
|
.page-change {
|
||||||
|
background-color: #FFFFFF;
|
||||||
.block-description {
|
.block-description {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
|
|
@ -28,23 +29,44 @@
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.block-btn, .content-block.block-btn:first-child {
|
.block-btn, .content-block.block-btn:first-child {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
margin: 26px 0;
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
|
||||||
#btn-next-change, #btn-reject-change {
|
#btn-reject-change {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
#btn-goto-change {
|
#btn-goto-change {
|
||||||
margin-right: 20px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.right-buttons {
|
.change-buttons, .accept-reject {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.link {
|
.next-prev {
|
||||||
display: inline-block;
|
display: flex;
|
||||||
|
.link {
|
||||||
|
width: 44px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
.link {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 17px;
|
||||||
|
height: 44px;
|
||||||
|
min-width: 44px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#no-changes {
|
||||||
|
padding: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navbar .center-collaboration {
|
.navbar .center-collaboration {
|
||||||
|
|
@ -61,6 +83,21 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Display mode
|
||||||
|
.page-display-mode[data-page="display-mode-view"] {
|
||||||
|
.list-block {
|
||||||
|
li.media-item {
|
||||||
|
.item-title {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.item-subtitle {
|
||||||
|
font-size: 14px;
|
||||||
|
color: @gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//Edit users
|
//Edit users
|
||||||
@initialEditUser: #373737;
|
@initialEditUser: #373737;
|
||||||
|
|
||||||
|
|
@ -92,7 +129,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
//Comments
|
//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 {
|
.list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
|
|
@ -100,6 +147,13 @@
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.list-reply {
|
||||||
|
padding-left: 26px;
|
||||||
|
}
|
||||||
|
.reply-textarea, .comment-textarea, .edit-reply-textarea {
|
||||||
|
resize: vertical;
|
||||||
}
|
}
|
||||||
.user-name {
|
.user-name {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
|
|
@ -109,7 +163,7 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.comment-date, .reply-date {
|
.comment-date, .reply-date {
|
||||||
font-size: 12px;
|
font-size: 13px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -125,8 +179,14 @@
|
||||||
}
|
}
|
||||||
.reply-item {
|
.reply-item {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
padding-right: 16px;
|
||||||
|
padding-top: 13px;
|
||||||
|
.header-reply {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
.user-name {
|
.user-name {
|
||||||
padding-top: 16px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
&:before {
|
&:before {
|
||||||
content: '';
|
content: '';
|
||||||
|
|
@ -148,10 +208,253 @@
|
||||||
color: @themeColor;
|
color: @themeColor;
|
||||||
border-left: 1px solid @themeColor;
|
border-left: 1px solid @themeColor;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
padding-right: 16px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 15px;
|
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 {
|
.settings.popup .list-block ul.list-reply:last-child:after, .settings.popover .list-block ul.list-reply:last-child:after {
|
||||||
display: none;
|
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 {
|
.popover-inner {
|
||||||
height: 400px;
|
height: 400px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-add {
|
||||||
|
.categories {
|
||||||
|
> .buttons-row {
|
||||||
|
.button {
|
||||||
|
&.active {
|
||||||
|
i.icon {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
#user-name {
|
#user-name {
|
||||||
font-size: 17px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -28,26 +28,54 @@
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.block-btn {
|
.block-btn {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 26px 0;
|
width: 100%;
|
||||||
background-color: #EFEFF4;
|
height: 56px;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
|
||||||
#btn-next-change, #btn-reject-change {
|
#btn-reject-change {
|
||||||
margin-left: 20px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
#btn-goto-change {
|
.change-buttons, .accept-reject, .next-prev {
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
.right-buttons {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.link {
|
.link {
|
||||||
display: inline-block;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 14px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 500;
|
||||||
|
height: 56px;
|
||||||
|
min-width: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.header-change {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding-right: 16px;
|
||||||
|
.initials-change {
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
border-radius: 50px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 16px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#no-changes {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.container-collaboration {
|
.container-collaboration {
|
||||||
.navbar .right.close-collaboration {
|
.navbar .right.close-collaboration {
|
||||||
|
|
@ -59,6 +87,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Display mode
|
||||||
|
.page-display-mode {
|
||||||
|
.list-block {
|
||||||
|
.item-subtitle {
|
||||||
|
font-size: 14px;
|
||||||
|
color: @gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//Edit users
|
//Edit users
|
||||||
@initialEditUser: #373737;
|
@initialEditUser: #373737;
|
||||||
|
|
@ -89,23 +126,38 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//Comments
|
//Comments
|
||||||
.page-comments {
|
.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 .item-inner {
|
.list-block {
|
||||||
display: block;
|
ul {
|
||||||
padding: 16px 0;
|
&:before, &:after {
|
||||||
word-wrap: break-word;
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-inner {
|
||||||
|
display: block;
|
||||||
|
padding: 16px 0;
|
||||||
|
word-wrap: break-word;
|
||||||
|
&:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.list-reply {
|
||||||
|
padding-left: 26px;
|
||||||
|
}
|
||||||
|
.reply-textarea, .comment-textarea, .edit-reply-textarea {
|
||||||
|
resize: vertical;
|
||||||
}
|
}
|
||||||
.user-name {
|
.user-name {
|
||||||
font-size: 17px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
.comment-date, .reply-date {
|
.comment-date, .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -123,34 +175,333 @@
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
.reply-item {
|
.reply-item {
|
||||||
margin-top: 15px;
|
padding-right: 16px;
|
||||||
.user-name {
|
padding-top: 13px;
|
||||||
padding-top: 16px;
|
.header-reply {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
&:before {
|
.user-name {
|
||||||
content: '';
|
padding-top: 3px;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.comment-quote {
|
.comment-quote {
|
||||||
color: @themeColor;
|
color: @themeColor;
|
||||||
border-left: 1px solid @themeColor;
|
border-left: 1px solid @themeColor;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
padding-right: 16px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 15px;
|
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 {
|
.settings.popup .list-block ul.list-reply:last-child:after, .settings.popover .list-block ul.list-reply:last-child:after {
|
||||||
display: none;
|
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;
|
||||||
}
|
}
|
||||||
|
|
@ -414,6 +414,10 @@ DE.ApplicationController = new(function(){
|
||||||
message = me.errorUpdateVersionOnDisconnect;
|
message = me.errorUpdateVersionOnDisconnect;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
case Asc.c_oAscError.ID.AccessDeny:
|
||||||
|
message = me.errorAccessDeny;
|
||||||
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
message = me.errorDefaultMessage.replace('%1', id);
|
message = me.errorDefaultMessage.replace('%1', id);
|
||||||
break;
|
break;
|
||||||
|
|
|
||||||
|
|
@ -414,6 +414,7 @@ define([
|
||||||
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
||||||
docInfo.put_Token(data.doc.token);
|
docInfo.put_Token(data.doc.token);
|
||||||
docInfo.put_Permissions(_permissions);
|
docInfo.put_Permissions(_permissions);
|
||||||
|
docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
|
||||||
// docInfo.put_Review(this.permissions.review);
|
// docInfo.put_Review(this.permissions.review);
|
||||||
|
|
||||||
var type = /^(?:(pdf|djvu|xps))$/.exec(data.doc.fileType);
|
var type = /^(?:(pdf|djvu|xps))$/.exec(data.doc.fileType);
|
||||||
|
|
@ -1619,10 +1620,12 @@ define([
|
||||||
}, this);
|
}, this);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (id !== Asc.c_oAscError.ID.ForceSaveTimeout)
|
if (id !== Asc.c_oAscError.ID.ForceSaveTimeout) {
|
||||||
Common.UI.alert(config);
|
if (!Common.Utils.ModalWindow.isVisible() || $('.asc-window.modal.alert[data-value=' + id + ']').length<1)
|
||||||
|
Common.UI.alert(config).$window.attr('data-value', id);
|
||||||
|
}
|
||||||
|
|
||||||
Common.component.Analytics.trackEvent('Internal Error', id.toString());
|
(id!==undefined) && Common.component.Analytics.trackEvent('Internal Error', id.toString());
|
||||||
},
|
},
|
||||||
|
|
||||||
onCoAuthoringDisconnect: function() {
|
onCoAuthoringDisconnect: function() {
|
||||||
|
|
|
||||||
|
|
@ -390,6 +390,8 @@ define([
|
||||||
Common.NotificationCenter.on('fonts:change', _.bind(this.onApiChangeFont, this));
|
Common.NotificationCenter.on('fonts:change', _.bind(this.onApiChangeFont, this));
|
||||||
this.api.asc_registerCallback('asc_onTableDrawModeChanged', _.bind(this.onTableDraw, this));
|
this.api.asc_registerCallback('asc_onTableDrawModeChanged', _.bind(this.onTableDraw, this));
|
||||||
this.api.asc_registerCallback('asc_onTableEraseModeChanged', _.bind(this.onTableErase, this));
|
this.api.asc_registerCallback('asc_onTableEraseModeChanged', _.bind(this.onTableErase, this));
|
||||||
|
Common.NotificationCenter.on('storage:image-load', _.bind(this.openImageFromStorage, this));
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
} else if (this.mode.isRestrictedEdit) {
|
} else if (this.mode.isRestrictedEdit) {
|
||||||
this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onApiFocusObjectRestrictedEdit, this));
|
this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onApiFocusObjectRestrictedEdit, this));
|
||||||
this.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(this.onApiCoAuthoringDisconnect, this));
|
this.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(this.onApiCoAuthoringDisconnect, this));
|
||||||
|
|
@ -1506,26 +1508,36 @@ define([
|
||||||
}
|
}
|
||||||
})).show();
|
})).show();
|
||||||
} else if (item.value === 'storage') {
|
} else if (item.value === 'storage') {
|
||||||
if (this.toolbar.mode.canRequestInsertImage) {
|
Common.NotificationCenter.trigger('storage:image-load', 'add');
|
||||||
Common.Gateway.requestInsertImage();
|
|
||||||
} else {
|
|
||||||
(new Common.Views.SelectFileDlg({
|
|
||||||
fileChoiceUrl: this.toolbar.mode.fileChoiceUrl.replace("{fileExt}", "").replace("{documentType}", "ImagesOnly")
|
|
||||||
})).on('selectfile', function(obj, file){
|
|
||||||
me.insertImage(file);
|
|
||||||
}).show();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
insertImage: function(data) {
|
openImageFromStorage: function(type) {
|
||||||
if (data && data.url) {
|
var me = this;
|
||||||
|
if (this.toolbar.mode.canRequestInsertImage) {
|
||||||
|
Common.Gateway.requestInsertImage(type);
|
||||||
|
} else {
|
||||||
|
(new Common.Views.SelectFileDlg({
|
||||||
|
fileChoiceUrl: this.toolbar.mode.fileChoiceUrl.replace("{fileExt}", "").replace("{documentType}", "ImagesOnly")
|
||||||
|
})).on('selectfile', function(obj, file){
|
||||||
|
file && (file.c = type);
|
||||||
|
me.insertImage(file);
|
||||||
|
}).show();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && (!data.c || data.c=='add')) {
|
||||||
this.toolbar.fireEvent('insertimage', this.toolbar);
|
this.toolbar.fireEvent('insertimage', this.toolbar);
|
||||||
this.api.AddImageUrl(data.url, undefined, data.token);// for loading from storage
|
this.api.AddImageUrl(data.url, undefined, data.token);// for loading from storage
|
||||||
Common.component.Analytics.trackEvent('ToolBar', 'Image');
|
Common.component.Analytics.trackEvent('ToolBar', 'Image');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
insertImage: function(data) { // gateway
|
||||||
|
Common.NotificationCenter.trigger('storage:image-insert', data);
|
||||||
|
},
|
||||||
|
|
||||||
onBtnInsertTextClick: function(btn, e) {
|
onBtnInsertTextClick: function(btn, e) {
|
||||||
if (this.api)
|
if (this.api)
|
||||||
this._addAutoshape(btn.pressed, 'textRect');
|
this._addAutoshape(btn.pressed, 'textRect');
|
||||||
|
|
@ -2053,6 +2065,7 @@ define([
|
||||||
props: me.api.asc_GetWatermarkProps(),
|
props: me.api.asc_GetWatermarkProps(),
|
||||||
api: me.api,
|
api: me.api,
|
||||||
lang: me.mode.lang,
|
lang: me.mode.lang,
|
||||||
|
storage: me.mode.canRequestInsertImage || me.mode.fileChoiceUrl && me.mode.fileChoiceUrl.indexOf("{documentType}")>-1,
|
||||||
fontStore: me.fontstore,
|
fontStore: me.fontstore,
|
||||||
handler: function(result, value) {
|
handler: function(result, value) {
|
||||||
if (result == 'ok') {
|
if (result == 'ok') {
|
||||||
|
|
|
||||||
|
|
@ -75,20 +75,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan=2>
|
<td colspan=2>
|
||||||
<label class="header" id="image-lbl-replace" ><%= scope.textInsert %></label>
|
<div id="image-button-replace" style="width:100%;"></div>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="image-button-from-file" style="width:85px;"><%= scope.textFromFile %></button>
|
|
||||||
</td>
|
|
||||||
<td width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="image-button-from-url" style="width:85px;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="padding-small" colspan=2>
|
<td class="padding-small" colspan=2>
|
||||||
<button type="button" class="btn btn-text-default hidden" id="image-button-edit-object" style="width:100px;"><%= scope.textEdit %></button>
|
<button type="button" class="btn btn-text-default hidden" id="image-button-edit-object" style="width:100%;"><%= scope.textEditObject %></button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -17,11 +17,8 @@
|
||||||
<div id="shape-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
<div id="shape-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||||
<table cols="2" style="width: 100%;">
|
<table cols="2" style="width: 100%;">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="padding-small" width="50%">
|
<td colspan="2" class="padding-small">
|
||||||
<button type="button" class="btn btn-text-default" id="shape-button-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
<div id="shape-button-replace" style="width:100%;"></div>
|
||||||
</td>
|
|
||||||
<td class="padding-small" width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="shape-button-from-url" style="width:90px;float:right;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -45,13 +45,10 @@
|
||||||
<div id="watermark-radio-image"></div>
|
<div id="watermark-radio-image"></div>
|
||||||
</td></tr>
|
</td></tr>
|
||||||
<tr><td class="padding-small">
|
<tr><td class="padding-small">
|
||||||
<table id="watermark-tbl-image" cols="3" style="margin-left: 22px;">
|
<table id="watermark-tbl-image" cols="2" style="margin-left: 22px;">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="vertical-align: top;">
|
<td style="vertical-align: top;">
|
||||||
<button type="button" class="btn btn-text-default" id="watermark-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
<div id="watermark-select-image"></div>
|
||||||
</td>
|
|
||||||
<td style="vertical-align: top;">
|
|
||||||
<button type="button" class="btn btn-text-default" id="watermark-from-url" style="width:90px;margin-left: 15px;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
<td rowspan="2">
|
<td rowspan="2">
|
||||||
<div style="width: 80px; height: 70px; padding: 9px 14px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;margin-left: 15px;">
|
<div style="width: 80px; height: 70px; padding: 9px 14px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;margin-left: 15px;">
|
||||||
|
|
@ -62,9 +59,8 @@
|
||||||
<tr>
|
<tr>
|
||||||
<td style="vertical-align: bottom;">
|
<td style="vertical-align: bottom;">
|
||||||
<label class="input-label" style=""><%= scope.textScale %></label>
|
<label class="input-label" style=""><%= scope.textScale %></label>
|
||||||
<div id="watermark-combo-scale" style="width: 90px;"></div>
|
<div id="watermark-combo-scale" style="width: 142px;"></div>
|
||||||
</td>
|
</td>
|
||||||
<td></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</td></tr>
|
</td></tr>
|
||||||
|
|
|
||||||
|
|
@ -136,7 +136,7 @@ define([
|
||||||
|
|
||||||
value = props.get_SeveralChartTypes();
|
value = props.get_SeveralChartTypes();
|
||||||
if (this._state.SeveralCharts && value) {
|
if (this._state.SeveralCharts && value) {
|
||||||
this.btnChartType.setIconCls('');
|
this.btnChartType.setIconCls('svgicon');
|
||||||
this._state.ChartType = null;
|
this._state.ChartType = null;
|
||||||
} else {
|
} else {
|
||||||
var type = this.chartProps.getType();
|
var type = this.chartProps.getType();
|
||||||
|
|
@ -144,9 +144,9 @@ define([
|
||||||
var record = this.mnuChartTypePicker.store.findWhere({type: type});
|
var record = this.mnuChartTypePicker.store.findWhere({type: type});
|
||||||
this.mnuChartTypePicker.selectRecord(record, true);
|
this.mnuChartTypePicker.selectRecord(record, true);
|
||||||
if (record) {
|
if (record) {
|
||||||
this.btnChartType.setIconCls('item-chartlist ' + record.get('iconCls'));
|
this.btnChartType.setIconCls('svgicon ' + 'chart-' + record.get('iconCls'));
|
||||||
} else
|
} else
|
||||||
this.btnChartType.setIconCls('');
|
this.btnChartType.setIconCls('svgicon');
|
||||||
this.updateChartStyles(this.api.asc_getChartPreviews(type));
|
this.updateChartStyles(this.api.asc_getChartPreviews(type));
|
||||||
this._state.ChartType = type;
|
this._state.ChartType = type;
|
||||||
}
|
}
|
||||||
|
|
@ -248,9 +248,9 @@ define([
|
||||||
|
|
||||||
this.btnChartType = new Common.UI.Button({
|
this.btnChartType = new Common.UI.Button({
|
||||||
cls : 'btn-large-dataview',
|
cls : 'btn-large-dataview',
|
||||||
iconCls : 'item-chartlist bar-normal',
|
iconCls : 'svgicon chart-column-normal',
|
||||||
menu : new Common.UI.Menu({
|
menu : new Common.UI.Menu({
|
||||||
style: 'width: 435px; padding-top: 12px;',
|
style: 'width: 364px; padding-top: 12px;',
|
||||||
items: [
|
items: [
|
||||||
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
|
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
|
||||||
]
|
]
|
||||||
|
|
@ -263,7 +263,7 @@ define([
|
||||||
restoreHeight: 421,
|
restoreHeight: 421,
|
||||||
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
||||||
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
this.btnChartType.render($('#chart-button-type'));
|
this.btnChartType.render($('#chart-button-type'));
|
||||||
|
|
@ -386,7 +386,7 @@ define([
|
||||||
rawData = record;
|
rawData = record;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.btnChartType.setIconCls('item-chartlist ' + rawData.iconCls);
|
this.btnChartType.setIconCls('svgicon ' + 'chart-' + rawData.iconCls);
|
||||||
this._state.ChartType = -1;
|
this._state.ChartType = -1;
|
||||||
|
|
||||||
if (this.api && !this._noApply && this.chartProps) {
|
if (this.api && !this._noApply && this.chartProps) {
|
||||||
|
|
|
||||||
|
|
@ -2433,6 +2433,11 @@ define([
|
||||||
me.fireEvent('editcomplete', me);
|
me.fireEvent('editcomplete', me);
|
||||||
}
|
}
|
||||||
})).show();
|
})).show();
|
||||||
|
}),
|
||||||
|
new Common.UI.MenuItem({
|
||||||
|
caption : this.textFromStorage
|
||||||
|
}).on('click', function(item) {
|
||||||
|
Common.NotificationCenter.trigger('storage:image-load', 'change');
|
||||||
})
|
})
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
@ -2579,6 +2584,7 @@ define([
|
||||||
menuImgReplace.setVisible(value.imgProps.isOnlyImg && (pluginGuid===null || pluginGuid===undefined));
|
menuImgReplace.setVisible(value.imgProps.isOnlyImg && (pluginGuid===null || pluginGuid===undefined));
|
||||||
if (menuImgReplace.isVisible())
|
if (menuImgReplace.isVisible())
|
||||||
menuImgReplace.setDisabled(islocked || pluginGuid===null);
|
menuImgReplace.setDisabled(islocked || pluginGuid===null);
|
||||||
|
menuImgReplace.menu.items[2].setVisible(me.mode.canRequestInsertImage || me.mode.fileChoiceUrl && me.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
|
|
||||||
menuImgRotate.setVisible(!value.imgProps.isChart && (pluginGuid===null || pluginGuid===undefined));
|
menuImgRotate.setVisible(!value.imgProps.isChart && (pluginGuid===null || pluginGuid===undefined));
|
||||||
if (menuImgRotate.isVisible())
|
if (menuImgRotate.isVisible())
|
||||||
|
|
@ -4416,7 +4422,8 @@ define([
|
||||||
textCells: 'Cells',
|
textCells: 'Cells',
|
||||||
textSeveral: 'Several Rows/Columns',
|
textSeveral: 'Several Rows/Columns',
|
||||||
txtInsertCaption: 'Insert Caption',
|
txtInsertCaption: 'Insert Caption',
|
||||||
txtEmpty: '(Empty)'
|
txtEmpty: '(Empty)',
|
||||||
|
textFromStorage: 'From Storage'
|
||||||
|
|
||||||
}, DE.Views.DocumentHolder || {}));
|
}, DE.Views.DocumentHolder || {}));
|
||||||
});
|
});
|
||||||
|
|
@ -601,9 +601,13 @@ define([
|
||||||
store: new Common.UI.DataViewStore(this.recent),
|
store: new Common.UI.DataViewStore(this.recent),
|
||||||
itemTemplate: _.template([
|
itemTemplate: _.template([
|
||||||
'<div class="recent-wrap">',
|
'<div class="recent-wrap">',
|
||||||
'<div class="recent-icon"></div>',
|
'<div class="recent-icon"',
|
||||||
'<div class="file-name"><%= Common.Utils.String.htmlEncode(title) %></div>',
|
'<% if ((typeof image !== "undefined") && !_.isEmpty(image)) { %> ',
|
||||||
'<div class="file-info"><%= Common.Utils.String.htmlEncode(folder) %></div>',
|
' style="background-image: url(<%= image %>);background-position: center;"',
|
||||||
|
'<% } %>',
|
||||||
|
'></div>',
|
||||||
|
'<div class="file-name"><% if (typeof title !== "undefined") {%><%= Common.Utils.String.htmlEncode(title || "") %><% } %></div>',
|
||||||
|
'<div class="file-info"><% if (typeof folder !== "undefined") {%><%= Common.Utils.String.htmlEncode(folder || "") %><% } %></div>',
|
||||||
'</div>'
|
'</div>'
|
||||||
].join(''))
|
].join(''))
|
||||||
});
|
});
|
||||||
|
|
@ -655,13 +659,13 @@ define([
|
||||||
'<% _.each(docs, function(item) { %>',
|
'<% _.each(docs, function(item) { %>',
|
||||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||||
'<div class="thumb"',
|
'<div class="thumb"',
|
||||||
'<% if (!_.isEmpty(item.icon)) { ' +
|
'<% if (!_.isEmpty(item.image)) { %> ',
|
||||||
'print(\" style=\'background-image: url(item.icon);\'>\")' +
|
' style="background-image: url(<%= item.image %>);">',
|
||||||
' } else { ' +
|
'<% } else { ' +
|
||||||
'print(\"><svg class=\'btn-doc-format\'><use xlink:href=\'#svg-format-blank\'></use></svg>\")' +
|
'print(\"><svg class=\'btn-doc-format\'><use xlink:href=\'#svg-format-blank\'></use></svg>\")' +
|
||||||
' } %>',
|
' } %>',
|
||||||
'</div>',
|
'</div>',
|
||||||
'<div class="title"><%= item.name %></div>',
|
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||||
'</div>',
|
'</div>',
|
||||||
'<% }) %>',
|
'<% }) %>',
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
|
||||||
|
|
@ -101,9 +101,15 @@ define([
|
||||||
this.api.asc_registerCallback('asc_onImgWrapStyleChanged', _.bind(this._ImgWrapStyleChanged, this));
|
this.api.asc_registerCallback('asc_onImgWrapStyleChanged', _.bind(this._ImgWrapStyleChanged, this));
|
||||||
this.api.asc_registerCallback('asc_ChangeCropState', _.bind(this._changeCropState, this));
|
this.api.asc_registerCallback('asc_ChangeCropState', _.bind(this._changeCropState, this));
|
||||||
}
|
}
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
|
|
||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function(mode) {
|
||||||
|
this.mode = mode;
|
||||||
|
},
|
||||||
|
|
||||||
updateMetricUnit: function() {
|
updateMetricUnit: function() {
|
||||||
var value = Common.Utils.Metric.fnRecalcFromMM(this._state.Width);
|
var value = Common.Utils.Metric.fnRecalcFromMM(this._state.Width);
|
||||||
this.labelWidth[0].innerHTML = this.textWidth + ': ' + value.toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName();
|
this.labelWidth[0].innerHTML = this.textWidth + ': ' + value.toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName();
|
||||||
|
|
@ -164,30 +170,13 @@ define([
|
||||||
this.btnOriginalSize.cmpEl.width(w);
|
this.btnOriginalSize.cmpEl.width(w);
|
||||||
this.btnFitMargins.cmpEl.width(w);
|
this.btnFitMargins.cmpEl.width(w);
|
||||||
|
|
||||||
this.btnInsertFromFile = new Common.UI.Button({
|
|
||||||
el: $('#image-button-from-file')
|
|
||||||
});
|
|
||||||
this.lockedControls.push(this.btnInsertFromFile);
|
|
||||||
|
|
||||||
this.btnInsertFromUrl = new Common.UI.Button({
|
|
||||||
el: $('#image-button-from-url')
|
|
||||||
});
|
|
||||||
this.lockedControls.push(this.btnInsertFromUrl);
|
|
||||||
|
|
||||||
this.btnEditObject = new Common.UI.Button({
|
this.btnEditObject = new Common.UI.Button({
|
||||||
el: $('#image-button-edit-object')
|
el: $('#image-button-edit-object')
|
||||||
});
|
});
|
||||||
this.lockedControls.push(this.btnEditObject);
|
this.lockedControls.push(this.btnEditObject);
|
||||||
|
|
||||||
this.btnOriginalSize.on('click', _.bind(this.setOriginalSize, this));
|
this.btnOriginalSize.on('click', _.bind(this.setOriginalSize, this));
|
||||||
this.btnInsertFromFile.on('click', _.bind(function(btn){
|
|
||||||
if (this._isFromFile) return;
|
|
||||||
this._isFromFile = true;
|
|
||||||
if (this.api) this.api.ChangeImageFromFile();
|
|
||||||
this.fireEvent('editcomplete', this);
|
|
||||||
this._isFromFile = false;
|
|
||||||
}, this));
|
|
||||||
this.btnInsertFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
this.btnEditObject.on('click', _.bind(function(btn){
|
this.btnEditObject.on('click', _.bind(function(btn){
|
||||||
if (this.api) this.api.asc_startEditCurrentOleObject();
|
if (this.api) this.api.asc_startEditCurrentOleObject();
|
||||||
this.fireEvent('editcomplete', this);
|
this.fireEvent('editcomplete', this);
|
||||||
|
|
@ -268,8 +257,26 @@ define([
|
||||||
this.btnCrop.menu.on('item:click', _.bind(this.onCropMenu, this));
|
this.btnCrop.menu.on('item:click', _.bind(this.onCropMenu, this));
|
||||||
this.lockedControls.push(this.btnCrop);
|
this.lockedControls.push(this.btnCrop);
|
||||||
|
|
||||||
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
|
parentEl: $('#image-button-replace'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textInsert,
|
||||||
|
style: "width:100%;",
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 194px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
});
|
||||||
|
this.lockedControls.push(this.btnSelectImage);
|
||||||
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
|
this.btnSelectImage.menu.items[2].setVisible(this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
|
|
||||||
this.linkAdvanced = $('#image-advanced-link');
|
this.linkAdvanced = $('#image-advanced-link');
|
||||||
this.lblReplace = $('#image-lbl-replace');
|
|
||||||
$(this.el).on('click', '#image-advanced-link', _.bind(this.openAdvancedSettings, this));
|
$(this.el).on('click', '#image-advanced-link', _.bind(this.openAdvancedSettings, this));
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -335,10 +342,8 @@ define([
|
||||||
var pluginGuid = props.asc_getPluginGuid();
|
var pluginGuid = props.asc_getPluginGuid();
|
||||||
value = (pluginGuid !== null && pluginGuid !== undefined);
|
value = (pluginGuid !== null && pluginGuid !== undefined);
|
||||||
if (this._state.isOleObject!==value) {
|
if (this._state.isOleObject!==value) {
|
||||||
this.btnInsertFromUrl.setVisible(!value);
|
this.btnSelectImage.setVisible(!value);
|
||||||
this.btnInsertFromFile.setVisible(!value);
|
|
||||||
this.btnEditObject.setVisible(value);
|
this.btnEditObject.setVisible(value);
|
||||||
this.lblReplace.text(value ? this.textEditObject : this.textInsert);
|
|
||||||
this.btnRotate270.setDisabled(value);
|
this.btnRotate270.setDisabled(value);
|
||||||
this.btnRotate90.setDisabled(value);
|
this.btnRotate90.setDisabled(value);
|
||||||
this.btnFlipV.setDisabled(value);
|
this.btnFlipV.setDisabled(value);
|
||||||
|
|
@ -350,8 +355,7 @@ define([
|
||||||
var plugin = DE.getCollection('Common.Collections.Plugins').findWhere({guid: pluginGuid});
|
var plugin = DE.getCollection('Common.Collections.Plugins').findWhere({guid: pluginGuid});
|
||||||
this.btnEditObject.setDisabled(plugin===null || plugin ===undefined || this._locked);
|
this.btnEditObject.setDisabled(plugin===null || plugin ===undefined || this._locked);
|
||||||
} else {
|
} else {
|
||||||
this.btnInsertFromUrl.setDisabled(pluginGuid===null || this._locked);
|
this.btnSelectImage.setDisabled(pluginGuid===null || this._locked);
|
||||||
this.btnInsertFromFile.setDisabled(pluginGuid===null || this._locked);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -463,23 +467,43 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
setImageUrl: function(url, token) {
|
||||||
var me = this;
|
var props = new Asc.asc_CImgProperty();
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
props.put_ImageUrl(url, token);
|
||||||
handler: function(result, value) {
|
this.api.ImgApply(props);
|
||||||
if (result == 'ok') {
|
},
|
||||||
if (me.api) {
|
|
||||||
var checkUrl = value.replace(/ /g, '');
|
insertImageFromStorage: function(data) {
|
||||||
if (!_.isEmpty(checkUrl)) {
|
if (data && data.url && data.c=='change') {
|
||||||
var props = new Asc.asc_CImgProperty();
|
this.setImageUrl(data.url, data.token);
|
||||||
props.put_ImageUrl(checkUrl);
|
}
|
||||||
me.api.ImgApply(props);
|
},
|
||||||
|
|
||||||
|
onImageSelect: function(menu, item) {
|
||||||
|
if (item.value==1) {
|
||||||
|
var me = this;
|
||||||
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
|
handler: function(result, value) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
if (me.api) {
|
||||||
|
var checkUrl = value.replace(/ /g, '');
|
||||||
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.setImageUrl(checkUrl);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
me.fireEvent('editcomplete', me);
|
||||||
}
|
}
|
||||||
me.fireEvent('editcomplete', me);
|
})).show();
|
||||||
}
|
} else if (item.value==2) {
|
||||||
})).show();
|
Common.NotificationCenter.trigger('storage:image-load', 'change');
|
||||||
|
} else {
|
||||||
|
if (this._isFromFile) return;
|
||||||
|
this._isFromFile = true;
|
||||||
|
if (this.api) this.api.ChangeImageFromFile();
|
||||||
|
this.fireEvent('editcomplete', this);
|
||||||
|
this._isFromFile = false;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onBtnRotateClick: function(btn) {
|
onBtnRotateClick: function(btn) {
|
||||||
|
|
@ -606,6 +630,7 @@ define([
|
||||||
textHintFlipH: 'Flip Horizontally',
|
textHintFlipH: 'Flip Horizontally',
|
||||||
textCrop: 'Crop',
|
textCrop: 'Crop',
|
||||||
textCropFill: 'Fill',
|
textCropFill: 'Fill',
|
||||||
textCropFit: 'Fit'
|
textCropFit: 'Fit',
|
||||||
|
textFromStorage: 'From Storage'
|
||||||
}, DE.Views.ImageSettings || {}));
|
}, DE.Views.ImageSettings || {}));
|
||||||
});
|
});
|
||||||
|
|
@ -245,8 +245,9 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
setMode: function(mode) {
|
setMode: function(mode) {
|
||||||
if (this.mergeSettings)
|
this.mergeSettings && this.mergeSettings.setMode(mode);
|
||||||
this.mergeSettings.setMode(mode);
|
this.imageSettings && this.imageSettings.setMode(mode);
|
||||||
|
this.shapeSettings && this.shapeSettings.setMode(mode);
|
||||||
},
|
},
|
||||||
|
|
||||||
onBtnMenuClick: function(btn, e) {
|
onBtnMenuClick: function(btn, e) {
|
||||||
|
|
|
||||||
|
|
@ -152,9 +152,14 @@ define([
|
||||||
this.api.asc_setInterfaceDrawImagePlaceShape('shape-texture-img');
|
this.api.asc_setInterfaceDrawImagePlaceShape('shape-texture-img');
|
||||||
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
||||||
}
|
}
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function(mode) {
|
||||||
|
this.mode = mode;
|
||||||
|
},
|
||||||
|
|
||||||
onFillSrcSelect: function(combo, record) {
|
onFillSrcSelect: function(combo, record) {
|
||||||
this.ShowHideElem(record.value);
|
this.ShowHideElem(record.value);
|
||||||
switch (record.value){
|
switch (record.value){
|
||||||
|
|
@ -690,32 +695,49 @@ define([
|
||||||
this.fireEvent('editcomplete', this);
|
this.fireEvent('editcomplete', this);
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
setImageUrl: function(url, token) {
|
||||||
var me = this;
|
if (this.BlipFillType !== null) {
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
var props = new Asc.asc_CShapeProperty();
|
||||||
handler: function(result, value) {
|
var fill = new Asc.asc_CShapeFill();
|
||||||
if (result == 'ok') {
|
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
||||||
if (me.api) {
|
fill.put_fill( new Asc.asc_CFillBlip());
|
||||||
var checkUrl = value.replace(/ /g, '');
|
fill.get_fill().put_type(this.BlipFillType);
|
||||||
if (!_.isEmpty(checkUrl)) {
|
fill.get_fill().put_url(url, token);
|
||||||
if (me.BlipFillType !== null) {
|
|
||||||
var props = new Asc.asc_CShapeProperty();
|
|
||||||
var fill = new Asc.asc_CShapeFill();
|
|
||||||
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
|
||||||
fill.put_fill( new Asc.asc_CFillBlip());
|
|
||||||
fill.get_fill().put_type(me.BlipFillType);
|
|
||||||
fill.get_fill().put_url(checkUrl);
|
|
||||||
|
|
||||||
props.put_fill(fill);
|
props.put_fill(fill);
|
||||||
me.imgprops.put_ShapeProperties(props);
|
this.imgprops.put_ShapeProperties(props);
|
||||||
me.api.ImgApply(me.imgprops);
|
this.api.ImgApply(this.imgprops);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && data.c=='fill') {
|
||||||
|
this.setImageUrl(data.url, data.token);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onImageSelect: function(menu, item) {
|
||||||
|
if (item.value==1) {
|
||||||
|
var me = this;
|
||||||
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
|
handler: function(result, value) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
if (me.api) {
|
||||||
|
var checkUrl = value.replace(/ /g, '');
|
||||||
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.setImageUrl(checkUrl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
me.fireEvent('editcomplete', me);
|
||||||
}
|
}
|
||||||
me.fireEvent('editcomplete', me);
|
})).show();
|
||||||
}
|
} else if (item.value==2) {
|
||||||
})).show();
|
Common.NotificationCenter.trigger('storage:image-load', 'fill');
|
||||||
|
} else {
|
||||||
|
if (this.api) this.api.ChangeShapeImageFromFile(this.BlipFillType);
|
||||||
|
this.fireEvent('editcomplete', this);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
openAdvancedSettings: function(e) {
|
openAdvancedSettings: function(e) {
|
||||||
|
|
@ -1206,21 +1228,24 @@ define([
|
||||||
});
|
});
|
||||||
this.fillControls.push(this.cmbPattern);
|
this.fillControls.push(this.cmbPattern);
|
||||||
|
|
||||||
this.btnInsertFromFile = new Common.UI.Button({
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
el: $('#shape-button-from-file')
|
parentEl: $('#shape-button-replace'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textSelectImage,
|
||||||
|
style: "width:100%;",
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 194px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
});
|
});
|
||||||
this.fillControls.push(this.btnInsertFromFile);
|
this.fillControls.push(this.btnSelectImage);
|
||||||
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
this.btnInsertFromUrl = new Common.UI.Button({
|
this.btnSelectImage.menu.items[2].setVisible(this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
el: $('#shape-button-from-url')
|
|
||||||
});
|
|
||||||
this.fillControls.push(this.btnInsertFromUrl);
|
|
||||||
|
|
||||||
this.btnInsertFromFile.on('click', _.bind(function(btn){
|
|
||||||
if (this.api) this.api.ChangeShapeImageFromFile(this.BlipFillType);
|
|
||||||
this.fireEvent('editcomplete', this);
|
|
||||||
}, this));
|
|
||||||
this.btnInsertFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
|
|
||||||
this._arrFillType = [
|
this._arrFillType = [
|
||||||
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
||||||
|
|
@ -1848,6 +1873,8 @@ define([
|
||||||
textHint90: 'Rotate 90° Clockwise',
|
textHint90: 'Rotate 90° Clockwise',
|
||||||
textHintFlipV: 'Flip Vertically',
|
textHintFlipV: 'Flip Vertically',
|
||||||
textHintFlipH: 'Flip Horizontally',
|
textHintFlipH: 'Flip Horizontally',
|
||||||
strShadow: 'Show shadow'
|
strShadow: 'Show shadow',
|
||||||
|
textFromStorage: 'From Storage',
|
||||||
|
textSelectImage: 'Select Picture'
|
||||||
}, DE.Views.ShapeSettings || {}));
|
}, DE.Views.ShapeSettings || {}));
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -45,6 +45,7 @@ define([
|
||||||
DE.Views.StyleTitleDialog = Common.UI.Window.extend(_.extend({
|
DE.Views.StyleTitleDialog = Common.UI.Window.extend(_.extend({
|
||||||
options: {
|
options: {
|
||||||
width: 350,
|
width: 350,
|
||||||
|
height: 196,
|
||||||
style: 'min-width: 230px;',
|
style: 'min-width: 230px;',
|
||||||
cls: 'modal-dlg',
|
cls: 'modal-dlg',
|
||||||
buttons: ['ok', 'cancel']
|
buttons: ['ok', 'cancel']
|
||||||
|
|
|
||||||
|
|
@ -1691,7 +1691,7 @@ define([
|
||||||
this.paragraphControls.push(this.mnuInsertPageCount);
|
this.paragraphControls.push(this.mnuInsertPageCount);
|
||||||
|
|
||||||
this.btnInsertChart.setMenu( new Common.UI.Menu({
|
this.btnInsertChart.setMenu( new Common.UI.Menu({
|
||||||
style: 'width: 435px;',
|
style: 'width: 364px;',
|
||||||
items: [
|
items: [
|
||||||
{template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
{template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
||||||
]
|
]
|
||||||
|
|
@ -1705,7 +1705,7 @@ define([
|
||||||
restoreHeight: 421,
|
restoreHeight: 421,
|
||||||
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData(true)),
|
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData(true)),
|
||||||
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
|
||||||
});
|
});
|
||||||
picker.on('item:click', function (picker, item, record, e) {
|
picker.on('item:click', function (picker, item, record, e) {
|
||||||
if (record)
|
if (record)
|
||||||
|
|
|
||||||
|
|
@ -104,6 +104,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
this.props = options.props;
|
this.props = options.props;
|
||||||
this.fontStore = options.fontStore;
|
this.fontStore = options.fontStore;
|
||||||
this.api = options.api;
|
this.api = options.api;
|
||||||
|
this.storage = !!options.storage;
|
||||||
this.textControls = [];
|
this.textControls = [];
|
||||||
this.imageControls = [];
|
this.imageControls = [];
|
||||||
this.fontName = 'Arial';
|
this.fontName = 'Arial';
|
||||||
|
|
@ -165,19 +166,25 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
}, this));
|
}, this));
|
||||||
|
|
||||||
// Image watermark
|
// Image watermark
|
||||||
this.btnFromFile = new Common.UI.Button({
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
el: $('#watermark-from-file')
|
parentEl: $('#watermark-select-image'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textSelect,
|
||||||
|
style: 'width: 142px;',
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 142px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
additionalAlign: this.menuAddAlign,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
});
|
});
|
||||||
this.btnFromFile.on('click', _.bind(function(btn){
|
this.imageControls.push(this.btnSelectImage);
|
||||||
this.props.showFileDialog();
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
}, this));
|
this.btnSelectImage.menu.items[2].setVisible(this.storage);
|
||||||
this.imageControls.push(this.btnFromFile);
|
|
||||||
|
|
||||||
this.btnFromUrl = new Common.UI.Button({
|
|
||||||
el: $('#watermark-from-url')
|
|
||||||
});
|
|
||||||
this.btnFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
this.imageControls.push(this.btnFromUrl);
|
|
||||||
|
|
||||||
this._arrScale = [
|
this._arrScale = [
|
||||||
{displayValue: this.textAuto, value: -1},
|
{displayValue: this.textAuto, value: -1},
|
||||||
|
|
@ -190,7 +197,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
this.cmbScale = new Common.UI.ComboBox({
|
this.cmbScale = new Common.UI.ComboBox({
|
||||||
el : $('#watermark-combo-scale'),
|
el : $('#watermark-combo-scale'),
|
||||||
cls : 'input-group-nr',
|
cls : 'input-group-nr',
|
||||||
menuStyle : 'min-width: 90px;',
|
menuStyle : 'min-width: 142px;',
|
||||||
data : this._arrScale
|
data : this._arrScale
|
||||||
}).on('selected', _.bind(function(combo, record) {
|
}).on('selected', _.bind(function(combo, record) {
|
||||||
}, this));
|
}, this));
|
||||||
|
|
@ -410,8 +417,17 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
me.btnOk.setDisabled(false);
|
me.btnOk.setDisabled(false);
|
||||||
};
|
};
|
||||||
this.api.asc_registerCallback('asc_onWatermarkImageLoaded', onApiWMLoaded);
|
this.api.asc_registerCallback('asc_onWatermarkImageLoaded', onApiWMLoaded);
|
||||||
|
|
||||||
|
var insertImageFromStorage = function(data) {
|
||||||
|
if (data && data.url && data.c=='watermark') {
|
||||||
|
me.props.put_ImageUrl(data.url, data.token);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', insertImageFromStorage);
|
||||||
|
|
||||||
this.on('close', function(obj){
|
this.on('close', function(obj){
|
||||||
me.api.asc_unregisterCallback('asc_onWatermarkImageLoaded', onApiWMLoaded);
|
me.api.asc_unregisterCallback('asc_onWatermarkImageLoaded', onApiWMLoaded);
|
||||||
|
Common.NotificationCenter.off('storage:image-insert', insertImageFromStorage);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -482,18 +498,24 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
return item ? item.get('displayValue') : null;
|
return item ? item.get('displayValue') : null;
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
onImageSelect: function(menu, item) {
|
||||||
var me = this;
|
if (item.value==1) {
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
var me = this;
|
||||||
handler: function(result, value) {
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
if (result == 'ok') {
|
handler: function(result, value) {
|
||||||
var checkUrl = value.replace(/ /g, '');
|
if (result == 'ok') {
|
||||||
if (!_.isEmpty(checkUrl)) {
|
var checkUrl = value.replace(/ /g, '');
|
||||||
me.props.put_ImageUrl(checkUrl);
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.props.put_ImageUrl(checkUrl);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
})).show();
|
||||||
})).show();
|
} else if (item.value==2) {
|
||||||
|
Common.NotificationCenter.trigger('storage:image-load', 'watermark');
|
||||||
|
} else {
|
||||||
|
this.props.showFileDialog();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
_setDefaults: function (props) {
|
_setDefaults: function (props) {
|
||||||
|
|
@ -672,7 +694,9 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
|
||||||
textHor: 'Horizontal',
|
textHor: 'Horizontal',
|
||||||
textColor: 'Text color',
|
textColor: 'Text color',
|
||||||
textNewColor: 'Add New Custom Color',
|
textNewColor: 'Add New Custom Color',
|
||||||
textLanguage: 'Language'
|
textLanguage: 'Language',
|
||||||
|
textFromStorage: 'From Storage',
|
||||||
|
textSelect: 'Select Image'
|
||||||
|
|
||||||
}, DE.Views.WatermarkSettingsDialog || {}))
|
}, DE.Views.WatermarkSettingsDialog || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -259,6 +259,7 @@
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/header/buttons.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/header/buttons.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/header/buttons150.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/header/buttons150.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
||||||
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/docx.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/docx.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/dotx.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/dotx.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/pdf.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/pdf.svg">
|
||||||
|
|
|
||||||
|
|
@ -293,6 +293,7 @@
|
||||||
<inline src="resources/img/doc-formats/html.svg" />
|
<inline src="resources/img/doc-formats/html.svg" />
|
||||||
<inline src="resources/img/doc-formats/blank.svg" />
|
<inline src="resources/img/doc-formats/blank.svg" />
|
||||||
<inline src="resources/img/toolbar/shapetypes.svg" />
|
<inline src="resources/img/toolbar/shapetypes.svg" />
|
||||||
|
<inline src="resources/img/toolbar/charttypes.svg" />
|
||||||
|
|
||||||
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -260,6 +260,7 @@
|
||||||
<script src="../../../vendor/svg-injector/svg-injector.min.js"></script>
|
<script src="../../../vendor/svg-injector/svg-injector.min.js"></script>
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/header/buttons.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/header/buttons.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
||||||
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/docx.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/docx.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/dotx.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/dotx.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/pdf.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/pdf.svg">
|
||||||
|
|
|
||||||
|
|
@ -315,6 +315,7 @@
|
||||||
<inline src="resources/img/doc-formats/html.svg" />
|
<inline src="resources/img/doc-formats/html.svg" />
|
||||||
<inline src="resources/img/doc-formats/blank.svg" />
|
<inline src="resources/img/doc-formats/blank.svg" />
|
||||||
<inline src="resources/img/toolbar/shapetypes.svg" />
|
<inline src="resources/img/toolbar/shapetypes.svg" />
|
||||||
|
<inline src="resources/img/toolbar/charttypes.svg" />
|
||||||
|
|
||||||
<div id="viewport"></div>
|
<div id="viewport"></div>
|
||||||
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -1419,6 +1419,7 @@
|
||||||
"DE.Views.DocumentHolder.txtUngroup": "Ungroup",
|
"DE.Views.DocumentHolder.txtUngroup": "Ungroup",
|
||||||
"DE.Views.DocumentHolder.updateStyleText": "Update %1 style",
|
"DE.Views.DocumentHolder.updateStyleText": "Update %1 style",
|
||||||
"DE.Views.DocumentHolder.vertAlignText": "Vertical Alignment",
|
"DE.Views.DocumentHolder.vertAlignText": "Vertical Alignment",
|
||||||
|
"DE.Views.DocumentHolder.textFromStorage": "From Storage",
|
||||||
"DE.Views.DropcapSettingsAdvanced.strBorders": "Borders & Fill",
|
"DE.Views.DropcapSettingsAdvanced.strBorders": "Borders & Fill",
|
||||||
"DE.Views.DropcapSettingsAdvanced.strDropcap": "Drop Cap",
|
"DE.Views.DropcapSettingsAdvanced.strDropcap": "Drop Cap",
|
||||||
"DE.Views.DropcapSettingsAdvanced.strMargins": "Margins",
|
"DE.Views.DropcapSettingsAdvanced.strMargins": "Margins",
|
||||||
|
|
@ -1631,6 +1632,7 @@
|
||||||
"DE.Views.ImageSettings.txtThrough": "Through",
|
"DE.Views.ImageSettings.txtThrough": "Through",
|
||||||
"DE.Views.ImageSettings.txtTight": "Tight",
|
"DE.Views.ImageSettings.txtTight": "Tight",
|
||||||
"DE.Views.ImageSettings.txtTopAndBottom": "Top and bottom",
|
"DE.Views.ImageSettings.txtTopAndBottom": "Top and bottom",
|
||||||
|
"DE.Views.ImageSettings.textFromStorage": "From Storage",
|
||||||
"DE.Views.ImageSettingsAdvanced.strMargins": "Text Padding",
|
"DE.Views.ImageSettingsAdvanced.strMargins": "Text Padding",
|
||||||
"DE.Views.ImageSettingsAdvanced.textAbsoluteWH": "Absolute",
|
"DE.Views.ImageSettingsAdvanced.textAbsoluteWH": "Absolute",
|
||||||
"DE.Views.ImageSettingsAdvanced.textAlignment": "Alignment",
|
"DE.Views.ImageSettingsAdvanced.textAlignment": "Alignment",
|
||||||
|
|
@ -2008,6 +2010,8 @@
|
||||||
"DE.Views.ShapeSettings.txtTight": "Tight",
|
"DE.Views.ShapeSettings.txtTight": "Tight",
|
||||||
"DE.Views.ShapeSettings.txtTopAndBottom": "Top and bottom",
|
"DE.Views.ShapeSettings.txtTopAndBottom": "Top and bottom",
|
||||||
"DE.Views.ShapeSettings.txtWood": "Wood",
|
"DE.Views.ShapeSettings.txtWood": "Wood",
|
||||||
|
"DE.Views.ShapeSettings.textFromStorage": "From Storage",
|
||||||
|
"DE.Views.ShapeSettings.textSelectImage": "Select Picture",
|
||||||
"DE.Views.SignatureSettings.notcriticalErrorTitle": "Warning",
|
"DE.Views.SignatureSettings.notcriticalErrorTitle": "Warning",
|
||||||
"DE.Views.SignatureSettings.strDelete": "Remove Signature",
|
"DE.Views.SignatureSettings.strDelete": "Remove Signature",
|
||||||
"DE.Views.SignatureSettings.strDetails": "Signature Details",
|
"DE.Views.SignatureSettings.strDetails": "Signature Details",
|
||||||
|
|
@ -2425,5 +2429,7 @@
|
||||||
"DE.Views.WatermarkSettingsDialog.textTransparency": "Semitransparent",
|
"DE.Views.WatermarkSettingsDialog.textTransparency": "Semitransparent",
|
||||||
"DE.Views.WatermarkSettingsDialog.textUnderline": "Underline",
|
"DE.Views.WatermarkSettingsDialog.textUnderline": "Underline",
|
||||||
"DE.Views.WatermarkSettingsDialog.tipFontName": "Font Name",
|
"DE.Views.WatermarkSettingsDialog.tipFontName": "Font Name",
|
||||||
"DE.Views.WatermarkSettingsDialog.tipFontSize": "Font Size"
|
"DE.Views.WatermarkSettingsDialog.tipFontSize": "Font Size",
|
||||||
|
"DE.Views.WatermarkSettingsDialog.textFromStorage": "From Storage",
|
||||||
|
"DE.Views.WatermarkSettingsDialog.textSelect": "Select Image"
|
||||||
}
|
}
|
||||||
|
|
@ -1122,7 +1122,7 @@
|
||||||
"DE.Views.ImageSettings.textEdit": "Muokkaa",
|
"DE.Views.ImageSettings.textEdit": "Muokkaa",
|
||||||
"DE.Views.ImageSettings.textEditObject": "Muokkaa objektia",
|
"DE.Views.ImageSettings.textEditObject": "Muokkaa objektia",
|
||||||
"DE.Views.ImageSettings.textFromFile": "Tiedostosta",
|
"DE.Views.ImageSettings.textFromFile": "Tiedostosta",
|
||||||
"DE.Views.ImageSettings.textFromUrl": "Verkko-osoitteesta",
|
"DE.Views.ImageSettings.textFromUrl": "URL-osoitteesta",
|
||||||
"DE.Views.ImageSettings.textHeight": "Korkeus",
|
"DE.Views.ImageSettings.textHeight": "Korkeus",
|
||||||
"DE.Views.ImageSettings.textInsert": "Korvaa kuva",
|
"DE.Views.ImageSettings.textInsert": "Korvaa kuva",
|
||||||
"DE.Views.ImageSettings.textOriginalSize": "Oletuskoko",
|
"DE.Views.ImageSettings.textOriginalSize": "Oletuskoko",
|
||||||
|
|
|
||||||
|
|
@ -196,6 +196,8 @@
|
||||||
.thumb {
|
.thumb {
|
||||||
width: 102px;
|
width: 102px;
|
||||||
height: 128px;
|
height: 128px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|
|
||||||
|
|
@ -60,8 +60,10 @@ define([
|
||||||
_isEdit = false,
|
_isEdit = false,
|
||||||
_canReview = false,
|
_canReview = false,
|
||||||
_inRevisionChange = false,
|
_inRevisionChange = false,
|
||||||
|
_isComments = false,
|
||||||
_menuPos = [],
|
_menuPos = [],
|
||||||
_timer = 0;
|
_timer = 0,
|
||||||
|
_canViewComments = true;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
models: [],
|
models: [],
|
||||||
|
|
@ -95,12 +97,15 @@ define([
|
||||||
Common.NotificationCenter.on('api:disconnect', _.bind(me.onCoAuthoringDisconnect, 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_onCoAuthoringDisconnect', _.bind(me.onCoAuthoringDisconnect,me));
|
||||||
me.api.asc_registerCallback('asc_onShowRevisionsChange', _.bind(me.onApiShowChange, 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();
|
me.api.asc_coAuthoringGetUsers();
|
||||||
},
|
},
|
||||||
|
|
||||||
setMode: function (mode) {
|
setMode: function (mode) {
|
||||||
_isEdit = mode.isEdit;
|
_isEdit = mode.isEdit;
|
||||||
_canReview = mode.canReview;
|
_canReview = mode.canReview;
|
||||||
|
_canViewComments = mode.canViewComments;
|
||||||
},
|
},
|
||||||
|
|
||||||
// When our application is ready, lets get started
|
// When our application is ready, lets get started
|
||||||
|
|
@ -223,6 +228,13 @@ define([
|
||||||
getCollaboration.showModal();
|
getCollaboration.showModal();
|
||||||
getCollaboration.getView('Common.Views.Collaboration').showPage('#reviewing-settings-view', false);
|
getCollaboration.getView('Common.Views.Collaboration').showPage('#reviewing-settings-view', false);
|
||||||
getCollaboration.getView('Common.Views.Collaboration').showPage('#change-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) {
|
} else if ('showActionSheet' == eventName && _actionSheets.length > 0) {
|
||||||
_.delay(function () {
|
_.delay(function () {
|
||||||
_.each(_actionSheets, function (action) {
|
_.each(_actionSheets, function (action) {
|
||||||
|
|
@ -431,6 +443,14 @@ define([
|
||||||
_inRevisionChange = sdkchange && sdkchange.length>0;
|
_inRevisionChange = sdkchange && sdkchange.length>0;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
onApiShowComment: function(comments) {
|
||||||
|
_isComments = comments && comments.length>0;
|
||||||
|
},
|
||||||
|
|
||||||
|
onApiHideComment: function() {
|
||||||
|
_isComments = false;
|
||||||
|
},
|
||||||
|
|
||||||
// Internal
|
// Internal
|
||||||
|
|
||||||
_openLink: function(url) {
|
_openLink: function(url) {
|
||||||
|
|
@ -458,6 +478,12 @@ define([
|
||||||
icon: 'icon-copy'
|
icon: 'icon-copy'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (_canViewComments && _isComments && !_isEdit) {
|
||||||
|
arrItems.push({
|
||||||
|
caption: me.menuViewComment,
|
||||||
|
event: 'viewcomment'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
var isText = false,
|
var isText = false,
|
||||||
isTable = false,
|
isTable = false,
|
||||||
|
|
@ -478,7 +504,7 @@ define([
|
||||||
lockedHeader = objectValue.get_Locked();
|
lockedHeader = objectValue.get_Locked();
|
||||||
}
|
}
|
||||||
|
|
||||||
if (objectType == Asc.c_oAscTypeSelectElement.Text) {
|
if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
|
||||||
isText = true;
|
isText = true;
|
||||||
lockedText = objectValue.get_Locked();
|
lockedText = objectValue.get_Locked();
|
||||||
} else if (objectType == Asc.c_oAscTypeSelectElement.Image) {
|
} 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',
|
menuSplit: 'Split Cell',
|
||||||
menuDeleteTable: 'Delete Table',
|
menuDeleteTable: 'Delete Table',
|
||||||
menuReviewChange: 'Review Change',
|
menuReviewChange: 'Review Change',
|
||||||
|
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.',
|
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
|
||||||
textDoNotShowAgain: 'Don\'t show again'
|
textDoNotShowAgain: 'Don\'t show again'
|
||||||
|
|
|
||||||
|
|
@ -253,6 +253,7 @@ define([
|
||||||
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
||||||
docInfo.put_Token(data.doc.token);
|
docInfo.put_Token(data.doc.token);
|
||||||
docInfo.put_Permissions(_permissions);
|
docInfo.put_Permissions(_permissions);
|
||||||
|
docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
|
||||||
|
|
||||||
var type = /^(?:(pdf|djvu|xps))$/.exec(data.doc.fileType);
|
var type = /^(?:(pdf|djvu|xps))$/.exec(data.doc.fileType);
|
||||||
if (type && typeof type[1] === 'string') {
|
if (type && typeof type[1] === 'string') {
|
||||||
|
|
@ -528,7 +529,7 @@ define([
|
||||||
me.api.asc_SetTrackRevisions(me.appOptions.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (me.appOptions.fileKey || '')));
|
me.api.asc_SetTrackRevisions(me.appOptions.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (me.appOptions.fileKey || '')));
|
||||||
|
|
||||||
/** coauthoring begin **/
|
/** 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);
|
var resolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
|
||||||
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();
|
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();
|
||||||
/** coauthoring end **/
|
/** coauthoring end **/
|
||||||
|
|
@ -762,7 +763,10 @@ define([
|
||||||
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
||||||
me.appOptions.canUseMailMerge = me.appOptions.canLicense && me.appOptions.canEdit && !me.appOptions.isDesktopApp;
|
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.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.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.canEditStyles = me.appOptions.canLicense && me.appOptions.canEdit;
|
||||||
me.appOptions.canPrint = (me.permissions.print !== false);
|
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').attr('checked', (Common.localStorage.getItem("de-mobile-hidden-borders") == 'true') ? true : false);
|
||||||
$('#settings-hidden-borders input:checkbox').single('change', _.bind(me.onShowTableEmptyLine, me));
|
$('#settings-hidden-borders input:checkbox').single('change', _.bind(me.onShowTableEmptyLine, me));
|
||||||
$('#settings-orthography').single('click', _.bind(me.onOrthographyCheck, 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').attr('checked', displayComments);
|
||||||
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
|
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
|
||||||
var displayResolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
|
var displayResolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
|
||||||
|
|
@ -285,11 +285,11 @@ define([
|
||||||
this.api.asc_showComments(resolved);
|
this.api.asc_showComments(resolved);
|
||||||
$("#settings-display-resolved").removeClass("disabled");
|
$("#settings-display-resolved").removeClass("disabled");
|
||||||
}
|
}
|
||||||
Common.localStorage.setBool("de-settings-livecomment", displayComments);
|
Common.localStorage.setBool("de-mobile-settings-livecomment", displayComments);
|
||||||
},
|
},
|
||||||
|
|
||||||
onChangeDisplayResolved: function(e) {
|
onChangeDisplayResolved: function(e) {
|
||||||
var displayComments = Common.localStorage.getBool("de-settings-livecomment");
|
var displayComments = Common.localStorage.getBool("de-mobile-settings-livecomment");
|
||||||
if (displayComments) {
|
if (displayComments) {
|
||||||
var resolved = $(e.currentTarget).is(':checked');
|
var resolved = $(e.currentTarget).is(':checked');
|
||||||
if (this.api) {
|
if (this.api) {
|
||||||
|
|
|
||||||
|
|
@ -75,6 +75,7 @@ define([
|
||||||
uiApp.closeModal();
|
uiApp.closeModal();
|
||||||
|
|
||||||
me._showByStack(Common.SharedSettings.get('phone'));
|
me._showByStack(Common.SharedSettings.get('phone'));
|
||||||
|
uiApp.showTab('#add-other');
|
||||||
|
|
||||||
DE.getController('Toolbar').getView('Toolbar').hideSearch();
|
DE.getController('Toolbar').getView('Toolbar').hideSearch();
|
||||||
},
|
},
|
||||||
|
|
@ -92,6 +93,7 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textTable,
|
caption: me.textTable,
|
||||||
id: 'add-table',
|
id: 'add-table',
|
||||||
|
icon: 'icon-add-table',
|
||||||
layout: DE.getController('AddTable')
|
layout: DE.getController('AddTable')
|
||||||
.getView('AddTable')
|
.getView('AddTable')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
|
|
@ -100,6 +102,7 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textShape,
|
caption: me.textShape,
|
||||||
id: 'add-shape',
|
id: 'add-shape',
|
||||||
|
icon: 'icon-add-shape',
|
||||||
layout: DE.getController('AddShape')
|
layout: DE.getController('AddShape')
|
||||||
.getView('AddShape')
|
.getView('AddShape')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
|
|
@ -108,6 +111,7 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textImage,
|
caption: me.textImage,
|
||||||
id: 'add-image',
|
id: 'add-image',
|
||||||
|
icon: 'icon-add-image',
|
||||||
layout: DE.getController('AddImage')
|
layout: DE.getController('AddImage')
|
||||||
.getView('AddImage')
|
.getView('AddImage')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
|
|
@ -116,6 +120,7 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textOther,
|
caption: me.textOther,
|
||||||
id: 'add-other',
|
id: 'add-other',
|
||||||
|
icon: 'icon-add-other',
|
||||||
layout: DE.getController('AddOther')
|
layout: DE.getController('AddOther')
|
||||||
.getView('AddOther')
|
.getView('AddOther')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
|
|
@ -153,7 +158,7 @@ define([
|
||||||
$layoutNavbar
|
$layoutNavbar
|
||||||
.find('.toolbar-inner')
|
.find('.toolbar-inner')
|
||||||
.append(
|
.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
|
$layoutNavbar
|
||||||
|
|
@ -168,7 +173,7 @@ define([
|
||||||
$layoutNavbar
|
$layoutNavbar
|
||||||
.find('.buttons-row')
|
.find('.buttons-row')
|
||||||
.append(
|
.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 = $(
|
var $layoutPages = $(
|
||||||
'<div class="pages">' +
|
'<div class="pages">' +
|
||||||
'<div class="page" data-page="index">' +
|
'<div class="page" data-page="index">' +
|
||||||
'<div class="page-content">' +
|
'<div class="page-content tabs">' +
|
||||||
'<div class="tabs-animated-wrap">' +
|
|
||||||
'<div class="tabs"></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
@ -247,7 +249,8 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
me.rootView = uiApp.addView('.add-root-view', {
|
me.rootView = uiApp.addView('.add-root-view', {
|
||||||
dynamicNavbar: true
|
dynamicNavbar: true,
|
||||||
|
domCache: true
|
||||||
});
|
});
|
||||||
|
|
||||||
Common.NotificationCenter.trigger('addcontainer:show');
|
Common.NotificationCenter.trigger('addcontainer:show');
|
||||||
|
|
|
||||||
|
|
@ -81,14 +81,61 @@ define([
|
||||||
me.api = api;
|
me.api = api;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function (mode) {
|
||||||
|
this.view = this.getView('AddOther');
|
||||||
|
this.view.canViewComments = mode.canViewComments;
|
||||||
|
},
|
||||||
|
|
||||||
onLaunch: function () {
|
onLaunch: function () {
|
||||||
this.createView('AddOther').render();
|
this.createView('AddOther').render();
|
||||||
},
|
},
|
||||||
|
|
||||||
initEvents: function () {
|
initEvents: function () {
|
||||||
var me = this;
|
this.view.hideInsertComments = this.isHideInsertComment();
|
||||||
$('#add-other-pagebreak').single('click', _.bind(me.onPageBreak, me));
|
},
|
||||||
$('#add-other-columnbreak').single('click', _.bind(me.onColumnBreak, me));
|
|
||||||
|
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) {
|
onPageShow: function (view, pageId) {
|
||||||
|
|
@ -108,10 +155,51 @@ define([
|
||||||
}
|
}
|
||||||
} else if (pageId == '#addother-insert-footnote') {
|
} else if (pageId == '#addother-insert-footnote') {
|
||||||
me.initInsertFootnote();
|
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
|
// 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 () {
|
initInsertFootnote: function () {
|
||||||
var me = this,
|
var me = this,
|
||||||
|
|
@ -367,7 +455,11 @@ define([
|
||||||
|
|
||||||
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\"',
|
||||||
textBottomOfPage: 'Bottom Of Page',
|
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 || {}))
|
})(), DE.Controllers.AddOther || {}))
|
||||||
|
|
|
||||||
|
|
@ -239,10 +239,7 @@ define([
|
||||||
var $layoutPages = $(
|
var $layoutPages = $(
|
||||||
'<div class="pages">' +
|
'<div class="pages">' +
|
||||||
'<div class="page" data-page="index">' +
|
'<div class="page" data-page="index">' +
|
||||||
'<div class="page-content">' +
|
'<div class="page-content tabs">' +
|
||||||
'<div class="tabs-animated-wrap">' +
|
|
||||||
'<div class="tabs"></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
|
||||||
|
|
@ -2,38 +2,14 @@
|
||||||
<div id="addother-root-view">
|
<div id="addother-root-view">
|
||||||
<div class="list-block">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li id='item-comment'>
|
||||||
<a id="add-other-pagebreak" class="item-link no-indicator">
|
<a id="add-other-comment" class="item-link">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<div class="item-media">
|
<div class="item-media">
|
||||||
<i class="icon icon-pagebreak"></i>
|
<i class="icon icon-insert-comment"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-inner">
|
<div class="item-inner">
|
||||||
<div class="item-title"><%= scope.textPageBreak %></div>
|
<div class="item-title"><%= scope.textComment %></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>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -62,6 +38,18 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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>
|
<li>
|
||||||
<a id="add-other-footnote" class="item-link">
|
<a id="add-other-footnote" class="item-link">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
|
|
@ -324,4 +312,76 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</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 class="right"><% if (phone) { %><a href="#" class="link icon-only close-picker"><i class="icon icon-expand-down"></i></a><% } %></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="pages">
|
||||||
<div class="page" data-page="edit-chart-style">
|
<div class="page" data-page="edit-chart-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
||||||
<% _.each(types, function(row) { %>
|
<% _.each(types, function(row) { %>
|
||||||
<ul class="row">
|
<ul class="row">
|
||||||
|
|
@ -317,7 +317,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
<% }); %>
|
<% }); %>
|
||||||
</div>
|
</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-->
|
<!--Styles-->
|
||||||
</div>
|
</div>
|
||||||
<div id="tab-chart-fill" class="page-content tab">
|
<div id="tab-chart-fill" class="page-content tab">
|
||||||
|
|
@ -353,7 +353,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -335,8 +335,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page" data-page="edit-shape-style">
|
<div class="page" data-page="edit-shape-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-shape-fill" class="page-content tab active">
|
<div id="tab-shape-fill" class="page-content tab active">
|
||||||
<!--Fill colors-->
|
<!--Fill colors-->
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -389,7 +388,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -250,8 +250,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page" data-page="edit-table-style">
|
<div class="page" data-page="edit-table-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-table-style" class="page-content tab active">
|
<div id="tab-table-style" class="page-content tab active">
|
||||||
<div class="list-block">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -331,7 +330,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -126,11 +126,15 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
hideMenu: function () {
|
hideMenu: function () {
|
||||||
$('#' + _anchorId)
|
if ($('.document-menu').length > 0) {
|
||||||
.css('left', -1000)
|
$('#' + _anchorId)
|
||||||
.css('top', -1000);
|
.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 () {
|
initEvents: function () {
|
||||||
var me = this;
|
var me = this;
|
||||||
|
|
||||||
$('#add-other-section').single('click', _.bind(me.showSectionBreak, me));
|
|
||||||
$('#add-other-link').single('click', _.bind(me.showLink, me));
|
$('#add-other-link').single('click', _.bind(me.showLink, me));
|
||||||
$('#add-other-pagenumber').single('click', _.bind(me.showPagePosition, me));
|
$('#add-other-pagenumber').single('click', _.bind(me.showPagePosition, me));
|
||||||
$('#add-other-footnote').single('click', _.bind(me.showPageFootnote, 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();
|
me.initControls();
|
||||||
},
|
},
|
||||||
|
|
@ -87,6 +93,9 @@ define([
|
||||||
|
|
||||||
rootLayout: function () {
|
rootLayout: function () {
|
||||||
if (this.layout) {
|
if (this.layout) {
|
||||||
|
if (!this.canViewComments) {
|
||||||
|
this.layout.find('#addother-root-view #item-comment').remove();
|
||||||
|
}
|
||||||
return this.layout
|
return this.layout
|
||||||
.find('#addother-root-view')
|
.find('#addother-root-view')
|
||||||
.html();
|
.html();
|
||||||
|
|
@ -119,6 +128,11 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
showPageBreak: function() {
|
||||||
|
this.showPage('#addother-insert-break');
|
||||||
|
$('#add-other-section').single('click', _.bind(this.showSectionBreak, this));
|
||||||
|
},
|
||||||
|
|
||||||
showSectionBreak: function () {
|
showSectionBreak: function () {
|
||||||
this.showPage('#addother-sectionbreak');
|
this.showPage('#addother-sectionbreak');
|
||||||
},
|
},
|
||||||
|
|
@ -143,6 +157,46 @@ define([
|
||||||
this.showPage('#addother-insert-footnote');
|
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) {
|
renderNumFormat: function (dataFormat, selectFormat) {
|
||||||
var $listFormat = $('#list-format-footnote ul'),
|
var $listFormat = $('#list-format-footnote ul'),
|
||||||
items = [];
|
items = [];
|
||||||
|
|
@ -221,8 +275,11 @@ define([
|
||||||
textInsertFootnote: 'Insert Footnote',
|
textInsertFootnote: 'Insert Footnote',
|
||||||
textFormat: 'Format',
|
textFormat: 'Format',
|
||||||
textStartFrom: 'Start At',
|
textStartFrom: 'Start At',
|
||||||
textLocation: 'Location'
|
textLocation: 'Location',
|
||||||
|
textComment: 'Comment',
|
||||||
|
textAddComment: 'Add Comment',
|
||||||
|
textDone: 'Done',
|
||||||
|
textBreak: 'Break'
|
||||||
|
|
||||||
}
|
}
|
||||||
})(), DE.Views.AddOther || {}))
|
})(), DE.Views.AddOther || {}))
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -5975,6 +5975,14 @@ html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after {
|
||||||
.settings .popover-inner {
|
.settings .popover-inner {
|
||||||
height: 400px;
|
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 {
|
.dataview.page-content {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
@ -6395,6 +6403,9 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
}
|
}
|
||||||
|
.page-change {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
.page-change .block-description {
|
.page-change .block-description {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
|
|
@ -6425,28 +6436,51 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
}
|
}
|
||||||
.page-change .block-btn,
|
.page-change .block-btn,
|
||||||
.page-change .content-block.block-btn:first-child {
|
.page-change .content-block.block-btn:first-child {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
margin: 26px 0;
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
.page-change .block-btn #btn-next-change,
|
|
||||||
.page-change .content-block.block-btn:first-child #btn-next-change,
|
|
||||||
.page-change .block-btn #btn-reject-change,
|
.page-change .block-btn #btn-reject-change,
|
||||||
.page-change .content-block.block-btn:first-child #btn-reject-change {
|
.page-change .content-block.block-btn:first-child #btn-reject-change {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
.page-change .block-btn #btn-goto-change,
|
.page-change .block-btn #btn-goto-change,
|
||||||
.page-change .content-block.block-btn:first-child #btn-goto-change {
|
.page-change .content-block.block-btn:first-child #btn-goto-change {
|
||||||
margin-right: 20px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.page-change .block-btn .right-buttons,
|
.page-change .block-btn .change-buttons,
|
||||||
.page-change .content-block.block-btn:first-child .right-buttons {
|
.page-change .content-block.block-btn:first-child .change-buttons,
|
||||||
|
.page-change .block-btn .accept-reject,
|
||||||
|
.page-change .content-block.block-btn:first-child .accept-reject {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.page-change .block-btn .next-prev,
|
||||||
|
.page-change .content-block.block-btn:first-child .next-prev {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.page-change .block-btn .next-prev .link,
|
||||||
|
.page-change .content-block.block-btn:first-child .next-prev .link {
|
||||||
|
width: 44px;
|
||||||
|
}
|
||||||
.page-change .block-btn .link,
|
.page-change .block-btn .link,
|
||||||
.page-change .content-block.block-btn:first-child .link {
|
.page-change .content-block.block-btn:first-child .link {
|
||||||
display: inline-block;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 17px;
|
||||||
|
height: 44px;
|
||||||
|
min-width: 44px;
|
||||||
|
}
|
||||||
|
.page-change #no-changes {
|
||||||
|
padding: 16px;
|
||||||
}
|
}
|
||||||
.navbar .center-collaboration {
|
.navbar .center-collaboration {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -6459,6 +6493,13 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-collaboration .page-content .list-block:first-child {
|
.container-collaboration .page-content .list-block:first-child {
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
}
|
}
|
||||||
|
.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-title {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-subtitle {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #8e8e93;
|
||||||
|
}
|
||||||
#user-list .item-content {
|
#user-list .item-content {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -6482,15 +6523,97 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
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;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
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;
|
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;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6498,15 +6621,43 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-comments .comment-date,
|
.page-comments .comment-date,
|
||||||
.page-comments .reply-date {
|
.add-comment .comment-date,
|
||||||
font-size: 12px;
|
.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;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-text,
|
.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;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6514,13 +6665,47 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
padding-right: 15px;
|
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;
|
margin-top: 15px;
|
||||||
|
padding-right: 16px;
|
||||||
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
.page-comments .reply-item .user-name {
|
.page-comments .reply-item .header-reply,
|
||||||
padding-top: 16px;
|
.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: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
@ -6535,17 +6720,298 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
-webkit-transform-origin: 50% 100%;
|
-webkit-transform-origin: 50% 100%;
|
||||||
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;
|
color: #446995;
|
||||||
border-left: 1px solid #446995;
|
border-left: 1px solid #446995;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
padding-right: 16px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 15px;
|
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.popup .list-block ul.list-reply:last-child:after,
|
||||||
.settings.popover .list-block ul.list-reply:last-child:after {
|
.settings.popover .list-block ul.list-reply:last-child:after {
|
||||||
display: none;
|
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 {
|
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
@ -6779,12 +7245,14 @@ i.icon.icon-in-indent {
|
||||||
background-color: #446995;
|
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");
|
-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;
|
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%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");
|
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;
|
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%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");
|
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");
|
||||||
|
|
@ -7037,6 +7505,31 @@ i.icon.icon-collaboration {
|
||||||
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%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%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%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||||
}
|
}
|
||||||
|
i.icon.icon-users {
|
||||||
|
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%22M16%207C16%209.34102%2015.4162%2011.1346%2014.6143%2012.3121C13.8071%2013.4974%2012.8337%2014%2012%2014C11.1663%2014%2010.1929%2013.4974%209.38574%2012.3121C8.5838%2011.1346%208%209.34102%208%207C8%204.61508%209.97853%203%2012%203C14.0215%203%2016%204.61508%2016%207ZM15.1891%2013.2201C14.2865%2014.375%2013.1451%2015%2012%2015C10.8549%2015%209.71347%2014.375%208.81092%2013.2201C7.40473%2013.7844%206.21268%2014.3488%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.7873%2014.3488%2016.5953%2013.7844%2015.1891%2013.2201ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-review {
|
||||||
|
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%22M3%203H20V7H19V4H4V20H19V14H20V21H3V3Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M16%208H7V7H16V8Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2010H16V9H7V10Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14%2012H7V11H14V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2014H12V13H7V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M11%2016H7V15H11V16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M13%2015.5V17H14.5L22.5%209L21%207.5L13%2015.5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-review-changes {
|
||||||
|
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%22M19%2010H5V9H19V10Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M19%2013H5V12H19V13Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M19%2016H5V15H19V16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%206H3V19H21V6ZM3%205H2V6V19V20H3H21H22V19V6V5H21H3Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-accept-changes {
|
||||||
|
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%22M12%2020L9%2017L8%2018L12%2022L22%2012L21%2011L12%2020Z%22%20fill%3D%22%2340865C%22%2F%3E%3Cpath%20d%3D%22M19%209H5V8H19V9Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M16%2012H5V11H16V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14%2015H5V14H14V15Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%205H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
|
i.icon.icon-reject-changes {
|
||||||
|
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%22M13%2011L12%2012L16%2016L12%2020L13%2021L17%2017L21%2021L22%2020L18%2016L22%2012L21%2011L17%2015L13%2011Z%22%20fill%3D%22%23AA5252%22%2F%3E%3Cpath%20d%3D%22M19%209H5V8H19V9Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M10%2012H5V11H10V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M10%2015H5V14H10V15Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%205H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
i.icon.icon-accept {
|
i.icon.icon-accept {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -7062,11 +7555,6 @@ i.icon.icon-goto {
|
||||||
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%22M21%203H3V21H21V3ZM3%202H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929%208H9V7H16.5H17V7.5V15H16V8.70711L7.35355%2017.3536L6.64645%2016.6464L15.2929%208Z%22%20fill%3D%22%23446995%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%22M21%203H3V21H21V3ZM3%202H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929%208H9V7H16.5H17V7.5V15H16V8.70711L7.35355%2017.3536L6.64645%2016.6464L15.2929%208Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
||||||
}
|
}
|
||||||
i.icon.icon-delete-change {
|
|
||||||
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%22M9.5%201H9V1.5V3H5H4H2V4H4V21V22H5H19H20V21V4H22V3H20H19H15V1.5V1H14.5H9.5ZM14%203V2H10V3H14ZM5%204H19V21H5V4ZM7%206H8V19H7V6ZM11%206H10V19H11V6ZM13%206H14V19H13V6ZM17%206H16V19H17V6Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
|
|
||||||
}
|
|
||||||
i.icon.icon-app-settings {
|
i.icon.icon-app-settings {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -7092,6 +7580,66 @@ 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%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 {
|
.label-switch input[type="checkbox"]:checked + .checkbox {
|
||||||
background: #446995;
|
background: #446995;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -113,6 +113,18 @@ input, textarea {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.container-add {
|
||||||
|
.categories {
|
||||||
|
i.icon {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
i.icon {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Table styles
|
// Table styles
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -155,12 +155,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" 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>');
|
.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;
|
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" 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" 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" 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" 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>');
|
||||||
|
|
@ -426,6 +426,31 @@ 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"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.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="@{themeColor}"/></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><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.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="@{themeColor}"/></g></svg>');
|
||||||
}
|
}
|
||||||
|
&.icon-users {
|
||||||
|
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="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-review {
|
||||||
|
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="M3 3H20V7H19V4H4V20H19V14H20V21H3V3Z" fill="@{themeColor}"/><path d="M16 8H7V7H16V8Z" fill="@{themeColor}"/><path d="M7 10H16V9H7V10Z" fill="@{themeColor}"/><path d="M14 12H7V11H14V12Z" fill="@{themeColor}"/><path d="M7 14H12V13H7V14Z" fill="@{themeColor}"/><path d="M11 16H7V15H11V16Z" fill="@{themeColor}"/><path d="M13 15.5V17H14.5L22.5 9L21 7.5L13 15.5Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-review-changes {
|
||||||
|
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 10H5V9H19V10Z" fill="@{themeColor}"/><path d="M19 13H5V12H19V13Z" fill="@{themeColor}"/><path d="M19 16H5V15H19V16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V19H21V6ZM3 5H2V6V19V20H3H21H22V19V6V5H21H3Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-accept-changes {
|
||||||
|
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="M12 20L9 17L8 18L12 22L22 12L21 11L12 20Z" fill="#40865C"/><path d="M19 9H5V8H19V9Z" fill="@{themeColor}"/><path d="M16 12H5V11H16V12Z" fill="@{themeColor}"/><path d="M14 15H5V14H14V15Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-reject-changes {
|
||||||
|
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="M13 11L12 12L16 16L12 20L13 21L17 17L21 21L22 20L18 16L22 12L21 11L17 15L13 11Z" fill="#AA5252"/><path d="M19 9H5V8H19V9Z" fill="@{themeColor}"/><path d="M10 12H5V11H10V12Z" fill="@{themeColor}"/><path d="M10 15H5V14H10V15Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
&.icon-accept {
|
&.icon-accept {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -451,11 +476,6 @@ 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="M21 3H3V21H21V3ZM3 2H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929 8H9V7H16.5H17V7.5V15H16V8.70711L7.35355 17.3536L6.64645 16.6464L15.2929 8Z" 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 fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3V21H21V3ZM3 2H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929 8H9V7H16.5H17V7.5V15H16V8.70711L7.35355 17.3536L6.64645 16.6464L15.2929 8Z" fill="@{themeColor}"/></svg>');
|
||||||
}
|
}
|
||||||
&.icon-delete-change {
|
|
||||||
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="M9.5 1H9V1.5V3H5H4H2V4H4V21V22H5H19H20V21V4H22V3H20H19H15V1.5V1H14.5H9.5ZM14 3V2H10V3H14ZM5 4H19V21H5V4ZM7 6H8V19H7V6ZM11 6H10V19H11V6ZM13 6H14V19H13V6ZM17 6H16V19H17V6Z" fill="@{themeColor}"/></svg>');
|
|
||||||
}
|
|
||||||
&.icon-app-settings {
|
&.icon-app-settings {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -481,4 +501,73 @@ 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>');
|
||||||
|
}
|
||||||
|
|
||||||
|
//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 {
|
&.icon-pagebreak {
|
||||||
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" 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 {
|
&.icon-sectionbreak {
|
||||||
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" 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 {
|
&.icon-stringbreak {
|
||||||
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" 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 {
|
&.icon-pagenumber {
|
||||||
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" 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 {
|
&.icon-link {
|
||||||
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" 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 {
|
&.icon-image-library {
|
||||||
width: 22px;
|
width: 24px;
|
||||||
height: 22px;
|
height: 24px;
|
||||||
.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>');
|
.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
|
// Presets of table borders
|
||||||
|
|
@ -349,6 +349,31 @@ 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"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.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="@{themeColor}"/></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><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.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="@{themeColor}"/></g></svg>');
|
||||||
}
|
}
|
||||||
|
&.icon-users {
|
||||||
|
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="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-review {
|
||||||
|
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="M17.5 3.5H4.5V20.5H17.5V18H19V20C19 20.5321 18.7973 21.0297 18.3918 21.4366C17.9864 21.8122 17.5302 22 17 22H5C4.46979 22 4.01364 21.8122 3.60819 21.4366C3.20273 21.0297 3 20.5266 3 19.9945V4C3 2.89543 3.89543 2 5 2H17C17.5302 2 17.9864 2.20344 18.3918 2.61033C18.7661 2.98592 19 3.46792 19 4V7H17.5V3.5Z" fill="@{themeColor}"/><path d="M22.8438 10.2396L21.8281 11.2552L19.7448 9.17188L20.7604 8.15625C20.8646 8.05208 20.9948 8 21.151 8C21.3073 8 21.4375 8.05208 21.5417 8.15625L22.8438 9.45833C22.9479 9.5625 23 9.69271 23 9.84896C23 10.0052 22.9479 10.1354 22.8438 10.2396ZM13 15.9167L19.1458 9.77083L21.2292 11.8542L15.0833 18H13V15.9167Z" fill="@{themeColor}"/><path d="M7 15.5H11V17H7V15.5Z" fill="@{themeColor}"/><path d="M7 11H13V12.5H7V11Z" fill="@{themeColor}"/><path d="M7 7H15V8.5H7V7Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-review-changes {
|
||||||
|
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="M20.5 4.5L20.5 19.5L3.5 19.5L3.5 4.5L20.5 4.5ZM22 19L22 5C22 3.89543 21.1046 3 20 3L4.00549 3C3.47341 3 2.97026 3.20273 2.56338 3.60819C2.18779 4.01364 2 4.46978 2 5L2 19C2 19.5302 2.18779 19.9864 2.56338 20.3918C2.97026 20.7973 3.46792 21 4 21L20 21C20.5321 21 21.0141 20.7661 21.3897 20.3918C21.7966 19.9864 22 19.5302 22 19Z" fill="@{themeColor}"/><path d="M6 15H18V16.5H6V15Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/><path d="M6 7H18V8.5H6V7Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-accept-changes {
|
||||||
|
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="M13.3966 19.2877L21.6495 11L23 12.3562L13.3966 22L9 17.5849L10.3505 16.2288L13.3966 19.2877Z" fill="#40865C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8L20.5 4.5L3.5 4.5L3.5 17.5L7 17.5L7 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 8L20.5 8Z" fill="@{themeColor}"/><path d="M6 8H18V9.5H6V8Z" fill="@{themeColor}"/><path d="M6 12H16V13.5H6V12Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
|
&.icon-reject-changes {
|
||||||
|
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="M23 13.4099L19.4099 17L23 20.5901L21.5901 22L18 18.4099L14.4099 22L13 20.5901L16.5901 17L13 13.4099L14.4099 12L18 15.5901L21.5901 12L23 13.4099Z" fill="#C60915"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10L20.5 4.5L3.5 4.5L3.5 17.5L11 17.5L11 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 10L20.5 10Z" fill="@{themeColor}"/><path d="M6 8H18V9.5H6L6 8Z" fill="@{themeColor}"/><path d="M6 12H11V13.5H6V12Z" fill="@{themeColor}"/></svg>');
|
||||||
|
}
|
||||||
&.icon-accept {
|
&.icon-accept {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -362,22 +387,17 @@ i.icon {
|
||||||
&.icon-next-change {
|
&.icon-next-change {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
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"><g clip-path="url(#clipnext)"><path d="M16 12L6.5 22L7.5 23L18 12L7.5 1L6.5 2L16 12Z" fill="@{themeColor}"/></g><defs><clipPath id="clipnext"><rect width="24" height="24" fill="none"/></clipPath></defs></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="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
|
||||||
}
|
}
|
||||||
&.icon-prev-change {
|
&.icon-prev-change {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
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"><g clip-path="url(#clipprev)"><path d="M8 12L17.5 2L16.5 1L6 12L16.5 23L17.5 22L8 12Z" fill="@{themeColor}"/></g><defs><clipPath id="clipprev"><rect width="24" height="24" fill="none"/></clipPath></defs></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="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{themeColor}"/></svg>');
|
||||||
}
|
}
|
||||||
&.icon-goto {
|
&.icon-goto {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
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="M21 3H3V21H21V3ZM3 2H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929 8H9V7H16.5H17V7.5V15H16V8.70711L7.35355 17.3536L6.64645 16.6464L15.2929 8Z" 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 fill-rule="evenodd" clip-rule="evenodd" d="M20.5 3.5H3.5V20.5H20.5V3.5ZM3.5 2H2V3.5V20.5V22H3.5H20.5H22V20.5V3.5V2H20.5H3.5ZM14.6893 8.25H9V6.75H16.5H17.25V7.5V15H15.75V9.31066L7.53033 17.5303L6.46967 16.4697L14.6893 8.25Z" fill="@{themeColor}"/></svg>');
|
||||||
}
|
|
||||||
&.icon-delete-change {
|
|
||||||
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="M9.5 1H9V1.5V3H5H4H2V4H4V21V22H5H19H20V21V4H22V3H20H19H15V1.5V1H14.5H9.5ZM14 3V2H10V3H14ZM5 4H19V21H5V4ZM7 6H8V19H7V6ZM11 6H10V19H11V6ZM13 6H14V19H13V6ZM17 6H16V19H17V6Z" fill="@{themeColor}"/></svg>');
|
|
||||||
}
|
}
|
||||||
&.icon-app-settings {
|
&.icon-app-settings {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
|
|
@ -387,7 +407,7 @@ i.icon {
|
||||||
&.icon-footnote {
|
&.icon-footnote {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
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 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 {
|
&.icon-cut {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
|
|
@ -404,6 +424,46 @@ 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>');
|
||||||
}
|
}
|
||||||
|
&.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
|
// Overwrite color for toolbar
|
||||||
|
|
@ -470,5 +530,30 @@ 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="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>');
|
.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>');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -514,6 +514,10 @@ PE.ApplicationController = new(function(){
|
||||||
message = me.errorUpdateVersionOnDisconnect;
|
message = me.errorUpdateVersionOnDisconnect;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
case Asc.c_oAscError.ID.AccessDeny:
|
||||||
|
message = me.errorAccessDeny;
|
||||||
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
message = me.errorDefaultMessage.replace('%1', id);
|
message = me.errorDefaultMessage.replace('%1', id);
|
||||||
break;
|
break;
|
||||||
|
|
|
||||||
|
|
@ -372,6 +372,7 @@ define([
|
||||||
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
||||||
docInfo.put_Token(data.doc.token);
|
docInfo.put_Token(data.doc.token);
|
||||||
docInfo.put_Permissions(_permissions);
|
docInfo.put_Permissions(_permissions);
|
||||||
|
docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.api.asc_registerCallback('asc_onGetEditorPermissions', _.bind(this.onEditorPermissions, this));
|
this.api.asc_registerCallback('asc_onGetEditorPermissions', _.bind(this.onEditorPermissions, this));
|
||||||
|
|
@ -1289,10 +1290,12 @@ define([
|
||||||
}, this);
|
}, this);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (id !== Asc.c_oAscError.ID.ForceSaveTimeout)
|
if (id !== Asc.c_oAscError.ID.ForceSaveTimeout) {
|
||||||
Common.UI.alert(config);
|
if (!Common.Utils.ModalWindow.isVisible() || $('.asc-window.modal.alert[data-value=' + id + ']').length<1)
|
||||||
|
Common.UI.alert(config).$window.attr('data-value', id);
|
||||||
|
}
|
||||||
|
|
||||||
Common.component.Analytics.trackEvent('Internal Error', id.toString());
|
(id!==undefined) && Common.component.Analytics.trackEvent('Internal Error', id.toString());
|
||||||
},
|
},
|
||||||
|
|
||||||
onCoAuthoringDisconnect: function() {
|
onCoAuthoringDisconnect: function() {
|
||||||
|
|
|
||||||
|
|
@ -368,6 +368,8 @@ define([
|
||||||
this.api.asc_registerCallback('asc_onMathTypes', _.bind(this.onApiMathTypes, this));
|
this.api.asc_registerCallback('asc_onMathTypes', _.bind(this.onApiMathTypes, this));
|
||||||
this.api.asc_registerCallback('asc_onContextMenu', _.bind(this.onContextMenu, this));
|
this.api.asc_registerCallback('asc_onContextMenu', _.bind(this.onContextMenu, this));
|
||||||
this.api.asc_registerCallback('asc_onTextLanguage', _.bind(this.onTextLanguage, this));
|
this.api.asc_registerCallback('asc_onTextLanguage', _.bind(this.onTextLanguage, this));
|
||||||
|
Common.NotificationCenter.on('storage:image-load', _.bind(this.openImageFromStorage, this));
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
} else if (this.mode.isRestrictedEdit) {
|
} else if (this.mode.isRestrictedEdit) {
|
||||||
this.api.asc_registerCallback('asc_onCountPages', _.bind(this.onApiCountPagesRestricted, this));
|
this.api.asc_registerCallback('asc_onCountPages', _.bind(this.onApiCountPagesRestricted, this));
|
||||||
}
|
}
|
||||||
|
|
@ -1453,26 +1455,36 @@ define([
|
||||||
}
|
}
|
||||||
})).show();
|
})).show();
|
||||||
} else if (opts === 'storage') {
|
} else if (opts === 'storage') {
|
||||||
if (this.toolbar.mode.canRequestInsertImage) {
|
Common.NotificationCenter.trigger('storage:image-load', 'add');
|
||||||
Common.Gateway.requestInsertImage();
|
|
||||||
} else {
|
|
||||||
(new Common.Views.SelectFileDlg({
|
|
||||||
fileChoiceUrl: this.toolbar.mode.fileChoiceUrl.replace("{fileExt}", "").replace("{documentType}", "ImagesOnly")
|
|
||||||
})).on('selectfile', function(obj, file){
|
|
||||||
me.insertImage(file);
|
|
||||||
}).show();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
insertImage: function(data) {
|
openImageFromStorage: function(type) {
|
||||||
if (data && data.url) {
|
var me = this;
|
||||||
|
if (this.toolbar.mode.canRequestInsertImage) {
|
||||||
|
Common.Gateway.requestInsertImage(type);
|
||||||
|
} else {
|
||||||
|
(new Common.Views.SelectFileDlg({
|
||||||
|
fileChoiceUrl: this.toolbar.mode.fileChoiceUrl.replace("{fileExt}", "").replace("{documentType}", "ImagesOnly")
|
||||||
|
})).on('selectfile', function(obj, file){
|
||||||
|
file && (file.c = type);
|
||||||
|
me.insertImage(file);
|
||||||
|
}).show();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && (!data.c || data.c=='add')) {
|
||||||
this.toolbar.fireEvent('insertimage', this.toolbar);
|
this.toolbar.fireEvent('insertimage', this.toolbar);
|
||||||
this.api.AddImageUrl(data.url, undefined, data.token);// for loading from storage
|
this.api.AddImageUrl(data.url, undefined, data.token);// for loading from storage
|
||||||
Common.component.Analytics.trackEvent('ToolBar', 'Image');
|
Common.component.Analytics.trackEvent('ToolBar', 'Image');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
insertImage: function(data) { // gateway
|
||||||
|
Common.NotificationCenter.trigger('storage:image-insert', data);
|
||||||
|
},
|
||||||
|
|
||||||
onInsertText: function(status) {
|
onInsertText: function(status) {
|
||||||
if ( status == 'begin' ) {
|
if ( status == 'begin' ) {
|
||||||
this._addAutoshape(true, 'textRect');
|
this._addAutoshape(true, 'textRect');
|
||||||
|
|
|
||||||
|
|
@ -60,20 +60,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan=2>
|
<td colspan=2>
|
||||||
<label class="header" id="image-lbl-replace" ><%= scope.textInsert %></label>
|
<div id="image-button-replace" style="width:100%;"></div>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="image-button-from-file" style="width:85px;"><%= scope.textFromFile %></button>
|
|
||||||
</td>
|
|
||||||
<td width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="image-button-from-url" style="width:85px;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="padding-small" colspan=2>
|
<td class="padding-small" colspan=2>
|
||||||
<button type="button" class="btn btn-text-default hidden" id="image-button-edit-object" style="width:100px;"><%= scope.textEdit %></button>
|
<button type="button" class="btn btn-text-default hidden" id="image-button-edit-object" style="width:100%;"><%= scope.textEditObject %></button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -17,11 +17,8 @@
|
||||||
<div id="shape-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
<div id="shape-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||||
<table cols="2" style="width: 100%;">
|
<table cols="2" style="width: 100%;">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="padding-small" width="50%">
|
<td colspan="2" class="padding-small">
|
||||||
<button type="button" class="btn btn-text-default" id="shape-button-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
<div id="shape-button-replace" style="width:100%;"></div>
|
||||||
</td>
|
|
||||||
<td class="padding-small" width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="shape-button-from-url" style="width:90px;float:right;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -17,11 +17,8 @@
|
||||||
<div id="slide-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
<div id="slide-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||||
<table cols="2" style="width: 100%;">
|
<table cols="2" style="width: 100%;">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="padding-small" width="50%">
|
<td colspan="2" class="padding-small">
|
||||||
<button type="button" class="btn btn-text-default" id="slide-button-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
<div id="slide-button-replace" style="width:100%;"></div>
|
||||||
</td>
|
|
||||||
<td class="padding-small" width="50%">
|
|
||||||
<button type="button" class="btn btn-text-default" id="slide-button-from-url" style="width:90px;float:right;"><%= scope.textFromUrl %></button>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -119,7 +119,7 @@ define([
|
||||||
|
|
||||||
value = props.get_SeveralChartTypes();
|
value = props.get_SeveralChartTypes();
|
||||||
if (this._state.SeveralCharts && value) {
|
if (this._state.SeveralCharts && value) {
|
||||||
this.btnChartType.setIconCls('');
|
this.btnChartType.setIconCls('svgicon');
|
||||||
this._state.ChartType = null;
|
this._state.ChartType = null;
|
||||||
} else {
|
} else {
|
||||||
var type = props.getType();
|
var type = props.getType();
|
||||||
|
|
@ -127,9 +127,9 @@ define([
|
||||||
var record = this.mnuChartTypePicker.store.findWhere({type: type});
|
var record = this.mnuChartTypePicker.store.findWhere({type: type});
|
||||||
this.mnuChartTypePicker.selectRecord(record, true);
|
this.mnuChartTypePicker.selectRecord(record, true);
|
||||||
if (record) {
|
if (record) {
|
||||||
this.btnChartType.setIconCls('item-chartlist ' + record.get('iconCls'));
|
this.btnChartType.setIconCls('svgicon ' + 'chart-' + record.get('iconCls'));
|
||||||
} else
|
} else
|
||||||
this.btnChartType.setIconCls('');
|
this.btnChartType.setIconCls('svgicon');
|
||||||
this.updateChartStyles(this.api.asc_getChartPreviews(type));
|
this.updateChartStyles(this.api.asc_getChartPreviews(type));
|
||||||
this._state.ChartType = type;
|
this._state.ChartType = type;
|
||||||
}
|
}
|
||||||
|
|
@ -200,9 +200,9 @@ define([
|
||||||
var me = this;
|
var me = this;
|
||||||
this.btnChartType = new Common.UI.Button({
|
this.btnChartType = new Common.UI.Button({
|
||||||
cls : 'btn-large-dataview',
|
cls : 'btn-large-dataview',
|
||||||
iconCls : 'item-chartlist bar-normal',
|
iconCls : 'svgicon chart-bar-normal',
|
||||||
menu : new Common.UI.Menu({
|
menu : new Common.UI.Menu({
|
||||||
style: 'width: 435px; padding-top: 12px;',
|
style: 'width: 364px; padding-top: 12px;',
|
||||||
items: [
|
items: [
|
||||||
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
|
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
|
||||||
]
|
]
|
||||||
|
|
@ -215,7 +215,7 @@ define([
|
||||||
restoreHeight: 421,
|
restoreHeight: 421,
|
||||||
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
||||||
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
this.btnChartType.render($('#chart-button-type'));
|
this.btnChartType.render($('#chart-button-type'));
|
||||||
|
|
@ -320,7 +320,7 @@ define([
|
||||||
rawData = record;
|
rawData = record;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.btnChartType.setIconCls('item-chartlist ' + rawData.iconCls);
|
this.btnChartType.setIconCls('svgicon ' + 'chart-' + rawData.iconCls);
|
||||||
this._state.ChartType = -1;
|
this._state.ChartType = -1;
|
||||||
|
|
||||||
if (this.api && !this._noApply) {
|
if (this.api && !this._noApply) {
|
||||||
|
|
|
||||||
|
|
@ -2848,7 +2848,12 @@ define([
|
||||||
}),
|
}),
|
||||||
new Common.UI.MenuItem({
|
new Common.UI.MenuItem({
|
||||||
caption : this.textFromUrl
|
caption : this.textFromUrl
|
||||||
}).on('click', _.bind(me.onInsertImageUrl, me, false))
|
}).on('click', _.bind(me.onInsertImageUrl, me, false)),
|
||||||
|
new Common.UI.MenuItem({
|
||||||
|
caption : this.textFromStorage
|
||||||
|
}).on('click', function(item) {
|
||||||
|
Common.NotificationCenter.trigger('storage:image-load', 'change');
|
||||||
|
})
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
|
|
@ -3357,7 +3362,8 @@ define([
|
||||||
menuImgReplace.setVisible(isimage && (pluginGuid===null || pluginGuid===undefined));
|
menuImgReplace.setVisible(isimage && (pluginGuid===null || pluginGuid===undefined));
|
||||||
if (menuImgReplace.isVisible())
|
if (menuImgReplace.isVisible())
|
||||||
menuImgReplace.setDisabled(disabled || pluginGuid===null);
|
menuImgReplace.setDisabled(disabled || pluginGuid===null);
|
||||||
|
menuImgReplace.menu.items[2].setVisible(me.mode.canRequestInsertImage || me.mode.fileChoiceUrl && me.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
|
|
||||||
me.menuImgCrop.setVisible(me.api.asc_canEditCrop());
|
me.menuImgCrop.setVisible(me.api.asc_canEditCrop());
|
||||||
if (me.menuImgCrop.isVisible())
|
if (me.menuImgCrop.isVisible())
|
||||||
me.menuImgCrop.setDisabled(disabled);
|
me.menuImgCrop.setDisabled(disabled);
|
||||||
|
|
@ -3518,7 +3524,7 @@ define([
|
||||||
|
|
||||||
if (!menu) {
|
if (!menu) {
|
||||||
this.placeholderMenuChart = menu = new Common.UI.Menu({
|
this.placeholderMenuChart = menu = new Common.UI.Menu({
|
||||||
style: 'width: 435px;',
|
style: 'width: 364px;',
|
||||||
items: [
|
items: [
|
||||||
{template: _.template('<div id="id-placeholder-menu-chart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
{template: _.template('<div id="id-placeholder-menu-chart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
||||||
]
|
]
|
||||||
|
|
@ -3540,7 +3546,7 @@ define([
|
||||||
// restoreHeight: 421,
|
// restoreHeight: 421,
|
||||||
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
|
||||||
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
|
||||||
});
|
});
|
||||||
picker.on('item:click', function (picker, item, record, e) {
|
picker.on('item:click', function (picker, item, record, e) {
|
||||||
me.editChartClick(record.get('type'), me._state.placeholderObj);
|
me.editChartClick(record.get('type'), me._state.placeholderObj);
|
||||||
|
|
@ -3811,7 +3817,8 @@ define([
|
||||||
txtPrintSelection: 'Print Selection',
|
txtPrintSelection: 'Print Selection',
|
||||||
addToLayoutText: 'Add to Layout',
|
addToLayoutText: 'Add to Layout',
|
||||||
txtResetLayout: 'Reset Slide',
|
txtResetLayout: 'Reset Slide',
|
||||||
mniCustomTable: 'Insert Custom Table'
|
mniCustomTable: 'Insert Custom Table',
|
||||||
|
textFromStorage: 'From Storage'
|
||||||
|
|
||||||
}, PE.Views.DocumentHolder || {}));
|
}, PE.Views.DocumentHolder || {}));
|
||||||
});
|
});
|
||||||
|
|
@ -510,9 +510,13 @@ define([
|
||||||
store: new Common.UI.DataViewStore(this.recent),
|
store: new Common.UI.DataViewStore(this.recent),
|
||||||
itemTemplate: _.template([
|
itemTemplate: _.template([
|
||||||
'<div class="recent-wrap">',
|
'<div class="recent-wrap">',
|
||||||
'<div class="recent-icon"></div>',
|
'<div class="recent-icon"',
|
||||||
'<div class="file-name"><%= Common.Utils.String.htmlEncode(title) %></div>',
|
'<% if ((typeof image !== "undefined") && !_.isEmpty(image)) { %> ',
|
||||||
'<div class="file-info"><%= Common.Utils.String.htmlEncode(folder) %></div>',
|
' style="background-image: url(<%= image %>);background-position: center;"',
|
||||||
|
'<% } %>',
|
||||||
|
'></div>',
|
||||||
|
'<div class="file-name"><% if (typeof title !== "undefined") {%><%= Common.Utils.String.htmlEncode(title || "") %><% } %></div>',
|
||||||
|
'<div class="file-info"><% if (typeof folder !== "undefined") {%><%= Common.Utils.String.htmlEncode(folder || "") %><% } %></div>',
|
||||||
'</div>'
|
'</div>'
|
||||||
].join(''))
|
].join(''))
|
||||||
});
|
});
|
||||||
|
|
@ -564,13 +568,13 @@ define([
|
||||||
'<% _.each(docs, function(item) { %>',
|
'<% _.each(docs, function(item) { %>',
|
||||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||||
'<div class="thumb"',
|
'<div class="thumb"',
|
||||||
'<% if (!_.isEmpty(item.icon)) { ' +
|
'<% if (!_.isEmpty(item.image)) { %> ',
|
||||||
'print(\" style=\'background-image: url(item.icon);\'>\")' +
|
' style="background-image: url(<%= item.image %>);">',
|
||||||
' } else { ' +
|
'<% } else { ' +
|
||||||
'print(\"><svg class=\'btn-doc-format\'><use xlink:href=\'#svg-format-blank\'></use></svg>\")' +
|
'print(\"><svg class=\'btn-doc-format\'><use xlink:href=\'#svg-format-blank\'></use></svg>\")' +
|
||||||
' } %>',
|
' } %>',
|
||||||
'</div>',
|
'</div>',
|
||||||
'<div class="title"><%= item.name %></div>',
|
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||||
'</div>',
|
'</div>',
|
||||||
'<% }) %>',
|
'<% }) %>',
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
|
||||||
|
|
@ -97,9 +97,14 @@ define([
|
||||||
if (this.api) {
|
if (this.api) {
|
||||||
this.api.asc_registerCallback('asc_ChangeCropState', _.bind(this._changeCropState, this));
|
this.api.asc_registerCallback('asc_ChangeCropState', _.bind(this._changeCropState, this));
|
||||||
}
|
}
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function(mode) {
|
||||||
|
this.mode = mode;
|
||||||
|
},
|
||||||
|
|
||||||
updateMetricUnit: function() {
|
updateMetricUnit: function() {
|
||||||
var value = Common.Utils.Metric.fnRecalcFromMM(this._state.Width);
|
var value = Common.Utils.Metric.fnRecalcFromMM(this._state.Width);
|
||||||
this.labelWidth[0].innerHTML = this.textWidth + ': ' + value.toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName();
|
this.labelWidth[0].innerHTML = this.textWidth + ': ' + value.toFixed(2) + ' ' + Common.Utils.Metric.getCurrentMetricName();
|
||||||
|
|
@ -114,15 +119,24 @@ define([
|
||||||
});
|
});
|
||||||
this.lockedControls.push(this.btnOriginalSize);
|
this.lockedControls.push(this.btnOriginalSize);
|
||||||
|
|
||||||
this.btnInsertFromFile = new Common.UI.Button({
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
el: $('#image-button-from-file')
|
parentEl: $('#image-button-replace'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textInsert,
|
||||||
|
style: "width:100%;",
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 194px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
});
|
});
|
||||||
this.lockedControls.push(this.btnInsertFromFile);
|
this.lockedControls.push(this.btnSelectImage);
|
||||||
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
this.btnInsertFromUrl = new Common.UI.Button({
|
this.btnSelectImage.menu.items[2].setVisible(this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
el: $('#image-button-from-url')
|
|
||||||
});
|
|
||||||
this.lockedControls.push(this.btnInsertFromUrl);
|
|
||||||
|
|
||||||
this.btnEditObject = new Common.UI.Button({
|
this.btnEditObject = new Common.UI.Button({
|
||||||
el: $('#image-button-edit-object')
|
el: $('#image-button-edit-object')
|
||||||
|
|
@ -130,14 +144,6 @@ define([
|
||||||
this.lockedControls.push(this.btnEditObject);
|
this.lockedControls.push(this.btnEditObject);
|
||||||
|
|
||||||
this.btnOriginalSize.on('click', _.bind(this.setOriginalSize, this));
|
this.btnOriginalSize.on('click', _.bind(this.setOriginalSize, this));
|
||||||
this.btnInsertFromFile.on('click', _.bind(function(btn){
|
|
||||||
if (this._isFromFile) return;
|
|
||||||
this._isFromFile = true;
|
|
||||||
if (this.api) this.api.ChangeImageFromFile();
|
|
||||||
this.fireEvent('editcomplete', this);
|
|
||||||
this._isFromFile = false;
|
|
||||||
}, this));
|
|
||||||
this.btnInsertFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
this.btnEditObject.on('click', _.bind(function(btn){
|
this.btnEditObject.on('click', _.bind(function(btn){
|
||||||
if (this.api) this.api.asc_startEditCurrentOleObject();
|
if (this.api) this.api.asc_startEditCurrentOleObject();
|
||||||
this.fireEvent('editcomplete', this);
|
this.fireEvent('editcomplete', this);
|
||||||
|
|
@ -228,7 +234,6 @@ define([
|
||||||
this.lockedControls.push(this.btnFlipH);
|
this.lockedControls.push(this.btnFlipH);
|
||||||
|
|
||||||
this.linkAdvanced = $('#image-advanced-link');
|
this.linkAdvanced = $('#image-advanced-link');
|
||||||
this.lblReplace = $('#image-lbl-replace');
|
|
||||||
$(this.el).on('click', '#image-advanced-link', _.bind(this.openAdvancedSettings, this));
|
$(this.el).on('click', '#image-advanced-link', _.bind(this.openAdvancedSettings, this));
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -264,10 +269,8 @@ define([
|
||||||
var pluginGuid = props.asc_getPluginGuid();
|
var pluginGuid = props.asc_getPluginGuid();
|
||||||
value = (pluginGuid !== null && pluginGuid !== undefined); // undefined - only images are selected, null - selected images and ole-objects
|
value = (pluginGuid !== null && pluginGuid !== undefined); // undefined - only images are selected, null - selected images and ole-objects
|
||||||
if (this._state.isOleObject!==value) {
|
if (this._state.isOleObject!==value) {
|
||||||
this.btnInsertFromUrl.setVisible(!value);
|
this.btnSelectImage.setVisible(!value);
|
||||||
this.btnInsertFromFile.setVisible(!value);
|
|
||||||
this.btnEditObject.setVisible(value);
|
this.btnEditObject.setVisible(value);
|
||||||
this.lblReplace.text(value ? this.textEditObject : this.textInsert);
|
|
||||||
this.btnRotate270.setDisabled(value);
|
this.btnRotate270.setDisabled(value);
|
||||||
this.btnRotate90.setDisabled(value);
|
this.btnRotate90.setDisabled(value);
|
||||||
this.btnFlipV.setDisabled(value);
|
this.btnFlipV.setDisabled(value);
|
||||||
|
|
@ -279,8 +282,7 @@ define([
|
||||||
var plugin = PE.getCollection('Common.Collections.Plugins').findWhere({guid: pluginGuid});
|
var plugin = PE.getCollection('Common.Collections.Plugins').findWhere({guid: pluginGuid});
|
||||||
this.btnEditObject.setDisabled(plugin===null || plugin ===undefined || this._locked);
|
this.btnEditObject.setDisabled(plugin===null || plugin ===undefined || this._locked);
|
||||||
} else {
|
} else {
|
||||||
this.btnInsertFromUrl.setDisabled(pluginGuid===null || this._locked);
|
this.btnSelectImage.setDisabled(pluginGuid===null || this._locked);
|
||||||
this.btnInsertFromFile.setDisabled(pluginGuid===null || this._locked);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -303,25 +305,45 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
setImageUrl: function(url, token) {
|
||||||
var me = this;
|
var props = new Asc.asc_CImgProperty();
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
props.put_ImageUrl(url, token);
|
||||||
handler: function(result, value) {
|
this.api.ImgApply(props);
|
||||||
if (result == 'ok') {
|
|
||||||
if (me.api) {
|
|
||||||
var checkUrl = value.replace(/ /g, '');
|
|
||||||
if (!_.isEmpty(checkUrl)) {
|
|
||||||
var props = new Asc.asc_CImgProperty();
|
|
||||||
props.put_ImageUrl(checkUrl);
|
|
||||||
me.api.ImgApply(props);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
me.fireEvent('editcomplete', me);
|
|
||||||
}
|
|
||||||
})).show();
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && data.c=='change') {
|
||||||
|
this.setImageUrl(data.url, data.token);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onImageSelect: function(menu, item) {
|
||||||
|
if (item.value==1) {
|
||||||
|
var me = this;
|
||||||
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
|
handler: function(result, value) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
if (me.api) {
|
||||||
|
var checkUrl = value.replace(/ /g, '');
|
||||||
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.setImageUrl(checkUrl);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
me.fireEvent('editcomplete', me);
|
||||||
|
}
|
||||||
|
})).show();
|
||||||
|
} else if (item.value==2) {
|
||||||
|
Common.NotificationCenter.trigger('storage:image-load', 'change');
|
||||||
|
} else {
|
||||||
|
if (this._isFromFile) return;
|
||||||
|
this._isFromFile = true;
|
||||||
|
if (this.api) this.api.ChangeImageFromFile();
|
||||||
|
this.fireEvent('editcomplete', this);
|
||||||
|
this._isFromFile = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
openAdvancedSettings: function(e) {
|
openAdvancedSettings: function(e) {
|
||||||
if (this.linkAdvanced.hasClass('disabled')) return;
|
if (this.linkAdvanced.hasClass('disabled')) return;
|
||||||
|
|
||||||
|
|
@ -448,7 +470,7 @@ define([
|
||||||
textCrop: 'Crop',
|
textCrop: 'Crop',
|
||||||
textCropFill: 'Fill',
|
textCropFill: 'Fill',
|
||||||
textCropFit: 'Fit',
|
textCropFit: 'Fit',
|
||||||
textFitSlide: 'Fit to Slide'
|
textFitSlide: 'Fit to Slide',
|
||||||
|
textFromStorage: 'From Storage'
|
||||||
}, PE.Views.ImageSettings || {}));
|
}, PE.Views.ImageSettings || {}));
|
||||||
});
|
});
|
||||||
|
|
@ -228,7 +228,9 @@ define([
|
||||||
},
|
},
|
||||||
|
|
||||||
setMode: function(mode) {
|
setMode: function(mode) {
|
||||||
|
this.imageSettings && this.imageSettings.setMode(mode);
|
||||||
|
this.shapeSettings && this.shapeSettings.setMode(mode);
|
||||||
|
this.slideSettings && this.slideSettings.setMode(mode);
|
||||||
},
|
},
|
||||||
|
|
||||||
onBtnMenuClick: function(btn, e) {
|
onBtnMenuClick: function(btn, e) {
|
||||||
|
|
|
||||||
|
|
@ -146,9 +146,14 @@ define([
|
||||||
this.api.asc_setInterfaceDrawImagePlaceShape('shape-texture-img');
|
this.api.asc_setInterfaceDrawImagePlaceShape('shape-texture-img');
|
||||||
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
||||||
}
|
}
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function(mode) {
|
||||||
|
this.mode = mode;
|
||||||
|
},
|
||||||
|
|
||||||
onFillSrcSelect: function(combo, record) {
|
onFillSrcSelect: function(combo, record) {
|
||||||
this.ShowHideElem(record.value);
|
this.ShowHideElem(record.value);
|
||||||
switch (record.value){
|
switch (record.value){
|
||||||
|
|
@ -630,31 +635,48 @@ define([
|
||||||
this.fireEvent('editcomplete', this);
|
this.fireEvent('editcomplete', this);
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
setImageUrl: function(url, token) {
|
||||||
var me = this;
|
if (this.BlipFillType !== null) {
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
var props = new Asc.asc_CShapeProperty();
|
||||||
handler: function(result, value) {
|
var fill = new Asc.asc_CShapeFill();
|
||||||
if (result == 'ok') {
|
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
||||||
if (me.api) {
|
fill.put_fill( new Asc.asc_CFillBlip());
|
||||||
var checkUrl = value.replace(/ /g, '');
|
fill.get_fill().put_type(this.BlipFillType);
|
||||||
if (!_.isEmpty(checkUrl)) {
|
fill.get_fill().put_url(url, token);
|
||||||
if (me.BlipFillType !== null) {
|
|
||||||
var props = new Asc.asc_CShapeProperty();
|
|
||||||
var fill = new Asc.asc_CShapeFill();
|
|
||||||
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
|
||||||
fill.put_fill( new Asc.asc_CFillBlip());
|
|
||||||
fill.get_fill().put_type(me.BlipFillType);
|
|
||||||
fill.get_fill().put_url(checkUrl);
|
|
||||||
|
|
||||||
props.put_fill(fill);
|
props.put_fill(fill);
|
||||||
me.api.ShapeApply(props);
|
this.api.ShapeApply(props);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && data.c=='fill') {
|
||||||
|
this.setImageUrl(data.url, data.token);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onImageSelect: function(menu, item) {
|
||||||
|
if (item.value==1) {
|
||||||
|
var me = this;
|
||||||
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
|
handler: function(result, value) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
if (me.api) {
|
||||||
|
var checkUrl = value.replace(/ /g, '');
|
||||||
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.setImageUrl(checkUrl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
me.fireEvent('editcomplete', me);
|
||||||
}
|
}
|
||||||
me.fireEvent('editcomplete', me);
|
})).show();
|
||||||
}
|
} else if (item.value==2) {
|
||||||
})).show();
|
Common.NotificationCenter.trigger('storage:image-load', 'fill');
|
||||||
|
} else {
|
||||||
|
if (this.api) this.api.ChangeShapeImageFromFile(this.BlipFillType);
|
||||||
|
this.fireEvent('editcomplete', this);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
openAdvancedSettings: function(e) {
|
openAdvancedSettings: function(e) {
|
||||||
|
|
@ -1119,21 +1141,24 @@ define([
|
||||||
});
|
});
|
||||||
this.fillControls.push(this.cmbPattern);
|
this.fillControls.push(this.cmbPattern);
|
||||||
|
|
||||||
this.btnInsertFromFile = new Common.UI.Button({
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
el: $('#shape-button-from-file')
|
parentEl: $('#shape-button-replace'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textSelectImage,
|
||||||
|
style: "width:100%;",
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 194px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
});
|
});
|
||||||
this.fillControls.push(this.btnInsertFromFile);
|
this.fillControls.push(this.btnSelectImage);
|
||||||
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
this.btnInsertFromUrl = new Common.UI.Button({
|
this.btnSelectImage.menu.items[2].setVisible(this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
el: $('#shape-button-from-url')
|
|
||||||
});
|
|
||||||
this.fillControls.push(this.btnInsertFromUrl);
|
|
||||||
|
|
||||||
this.btnInsertFromFile.on('click', _.bind(function(btn){
|
|
||||||
if (this.api) this.api.ChangeShapeImageFromFile(this.BlipFillType);
|
|
||||||
this.fireEvent('editcomplete', this);
|
|
||||||
}, this));
|
|
||||||
this.btnInsertFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
|
|
||||||
this._arrFillType = [
|
this._arrFillType = [
|
||||||
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
||||||
|
|
@ -1712,6 +1737,8 @@ define([
|
||||||
textHint90: 'Rotate 90° Clockwise',
|
textHint90: 'Rotate 90° Clockwise',
|
||||||
textHintFlipV: 'Flip Vertically',
|
textHintFlipV: 'Flip Vertically',
|
||||||
textHintFlipH: 'Flip Horizontally',
|
textHintFlipH: 'Flip Horizontally',
|
||||||
strShadow: 'Show shadow'
|
strShadow: 'Show shadow',
|
||||||
|
textFromStorage: 'From Storage',
|
||||||
|
textSelectImage: 'Select Picture'
|
||||||
}, PE.Views.ShapeSettings || {}));
|
}, PE.Views.ShapeSettings || {}));
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -292,9 +292,14 @@ define([
|
||||||
this.api.SetInterfaceDrawImagePlaceSlide('slide-texture-img');
|
this.api.SetInterfaceDrawImagePlaceSlide('slide-texture-img');
|
||||||
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
this.api.asc_registerCallback('asc_onInitStandartTextures', _.bind(this.onInitStandartTextures, this));
|
||||||
}
|
}
|
||||||
|
Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this));
|
||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setMode: function(mode) {
|
||||||
|
this.mode = mode;
|
||||||
|
},
|
||||||
|
|
||||||
onFillSrcSelect: function(combo, record) {
|
onFillSrcSelect: function(combo, record) {
|
||||||
this.ShowHideElem(record.value);
|
this.ShowHideElem(record.value);
|
||||||
switch (record.value){
|
switch (record.value){
|
||||||
|
|
@ -640,31 +645,48 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
insertFromUrl: function() {
|
setImageUrl: function(url, token) {
|
||||||
var me = this;
|
if (this.BlipFillType !== null) {
|
||||||
(new Common.Views.ImageFromUrlDialog({
|
var props = new Asc.CAscSlideProps();
|
||||||
handler: function(result, value) {
|
var fill = new Asc.asc_CShapeFill();
|
||||||
if (result == 'ok') {
|
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
||||||
if (me.api) {
|
fill.put_fill( new Asc.asc_CFillBlip());
|
||||||
var checkUrl = value.replace(/ /g, '');
|
fill.get_fill().put_type(this.BlipFillType);
|
||||||
if (!_.isEmpty(checkUrl)) {
|
fill.get_fill().put_url(url, token);
|
||||||
if (me.BlipFillType !== null) {
|
|
||||||
var props = new Asc.CAscSlideProps();
|
|
||||||
var fill = new Asc.asc_CShapeFill();
|
|
||||||
fill.put_type(Asc.c_oAscFill.FILL_TYPE_BLIP);
|
|
||||||
fill.put_fill( new Asc.asc_CFillBlip());
|
|
||||||
fill.get_fill().put_type(me.BlipFillType);
|
|
||||||
fill.get_fill().put_url(checkUrl);
|
|
||||||
|
|
||||||
props.put_background(fill);
|
props.put_background(fill);
|
||||||
me.api.SetSlideProps(props);
|
this.api.SetSlideProps(props);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
insertImageFromStorage: function(data) {
|
||||||
|
if (data && data.url && data.c=='slide') {
|
||||||
|
this.setImageUrl(data.url, data.token);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onImageSelect: function(menu, item) {
|
||||||
|
if (item.value==1) {
|
||||||
|
var me = this;
|
||||||
|
(new Common.Views.ImageFromUrlDialog({
|
||||||
|
handler: function(result, value) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
if (me.api) {
|
||||||
|
var checkUrl = value.replace(/ /g, '');
|
||||||
|
if (!_.isEmpty(checkUrl)) {
|
||||||
|
me.setImageUrl(checkUrl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
me.fireEvent('editcomplete', me);
|
||||||
}
|
}
|
||||||
me.fireEvent('editcomplete', me);
|
})).show();
|
||||||
}
|
} else if (item.value==2) {
|
||||||
})).show();
|
Common.NotificationCenter.trigger('storage:image-load', 'slide');
|
||||||
|
} else {
|
||||||
|
if (this.api) this.api.ChangeSlideImageFromFile(this.BlipFillType);
|
||||||
|
this.fireEvent('editcomplete', this);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
createDelayedControls: function() {
|
createDelayedControls: function() {
|
||||||
|
|
@ -692,20 +714,24 @@ define([
|
||||||
this.cmbPattern.on('click', _.bind(this.onPatternSelect, this));
|
this.cmbPattern.on('click', _.bind(this.onPatternSelect, this));
|
||||||
this.FillItems.push(this.cmbPattern);
|
this.FillItems.push(this.cmbPattern);
|
||||||
|
|
||||||
this.btnInsertFromFile = new Common.UI.Button({
|
this.btnSelectImage = new Common.UI.Button({
|
||||||
el: $('#slide-button-from-file')
|
parentEl: $('#slide-button-replace'),
|
||||||
|
cls: 'btn-text-menu-default',
|
||||||
|
caption: this.textSelectImage,
|
||||||
|
style: "width:100%;",
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
style: 'min-width: 194px;',
|
||||||
|
maxHeight: 200,
|
||||||
|
items: [
|
||||||
|
{caption: this.textFromFile, value: 0},
|
||||||
|
{caption: this.textFromUrl, value: 1},
|
||||||
|
{caption: this.textFromStorage, value: 2}
|
||||||
|
]
|
||||||
|
})
|
||||||
});
|
});
|
||||||
this.btnInsertFromFile.on('click', _.bind(function(btn){
|
this.FillItems.push(this.btnSelectImage);
|
||||||
if (this.api) this.api.ChangeSlideImageFromFile(this.BlipFillType);
|
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||||
this.fireEvent('editcomplete', this);
|
this.btnSelectImage.menu.items[2].setVisible(this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1);
|
||||||
}, this));
|
|
||||||
this.FillItems.push(this.btnInsertFromFile);
|
|
||||||
|
|
||||||
this.btnInsertFromUrl = new Common.UI.Button({
|
|
||||||
el: $('#slide-button-from-url')
|
|
||||||
});
|
|
||||||
this.btnInsertFromUrl.on('click', _.bind(this.insertFromUrl, this));
|
|
||||||
this.FillItems.push(this.btnInsertFromUrl);
|
|
||||||
|
|
||||||
this._arrFillType = [
|
this._arrFillType = [
|
||||||
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
{displayValue: this.textStretch, value: Asc.c_oAscFillBlipType.STRETCH},
|
||||||
|
|
@ -1534,6 +1560,8 @@ define([
|
||||||
textGradient: 'Gradient',
|
textGradient: 'Gradient',
|
||||||
textSec: 's',
|
textSec: 's',
|
||||||
strSlideNum: 'Show Slide Number',
|
strSlideNum: 'Show Slide Number',
|
||||||
strDateTime: 'Show Date and Time'
|
strDateTime: 'Show Date and Time',
|
||||||
|
textFromStorage: 'From Storage',
|
||||||
|
textSelectImage: 'Select Picture'
|
||||||
}, PE.Views.SlideSettings || {}));
|
}, PE.Views.SlideSettings || {}));
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1140,7 +1140,7 @@ define([
|
||||||
);
|
);
|
||||||
|
|
||||||
this.btnInsertChart.setMenu( new Common.UI.Menu({
|
this.btnInsertChart.setMenu( new Common.UI.Menu({
|
||||||
style: 'width: 435px;',
|
style: 'width: 364px;',
|
||||||
items: [
|
items: [
|
||||||
{template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
{template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
||||||
]
|
]
|
||||||
|
|
@ -1154,7 +1154,7 @@ define([
|
||||||
restoreHeight: 421,
|
restoreHeight: 421,
|
||||||
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData(true)),
|
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData(true)),
|
||||||
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist"><svg width="40" height="40" class=\"icon\"><use xlink:href=\"#chart-<%= iconCls %>\"></use></svg></div>')
|
||||||
});
|
});
|
||||||
picker.on('item:click', function (picker, item, record, e) {
|
picker.on('item:click', function (picker, item, record, e) {
|
||||||
if (record)
|
if (record)
|
||||||
|
|
|
||||||
|
|
@ -294,6 +294,7 @@
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/otp.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/otp.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
||||||
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
|
||||||
<script>
|
<script>
|
||||||
var svgpoints = document.querySelectorAll('img.inline-svg');
|
var svgpoints = document.querySelectorAll('img.inline-svg');
|
||||||
SVGInjector(svgpoints);
|
SVGInjector(svgpoints);
|
||||||
|
|
|
||||||
|
|
@ -338,6 +338,7 @@
|
||||||
<inline src="resources/img/doc-formats/otp.svg" />
|
<inline src="resources/img/doc-formats/otp.svg" />
|
||||||
<inline src="resources/img/doc-formats/blank.svg" />
|
<inline src="resources/img/doc-formats/blank.svg" />
|
||||||
<inline src="resources/img/toolbar/shapetypes.svg" />
|
<inline src="resources/img/toolbar/shapetypes.svg" />
|
||||||
|
<inline src="resources/img/toolbar/charttypes.svg" />
|
||||||
|
|
||||||
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -258,6 +258,7 @@
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/otp.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/otp.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
|
||||||
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
|
||||||
|
<img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
|
||||||
<script>
|
<script>
|
||||||
var svgpoints = document.querySelectorAll('img.inline-svg');
|
var svgpoints = document.querySelectorAll('img.inline-svg');
|
||||||
SVGInjector(svgpoints);
|
SVGInjector(svgpoints);
|
||||||
|
|
|
||||||
|
|
@ -312,6 +312,7 @@
|
||||||
<inline src="resources/img/doc-formats/otp.svg" />
|
<inline src="resources/img/doc-formats/otp.svg" />
|
||||||
<inline src="resources/img/doc-formats/blank.svg" />
|
<inline src="resources/img/doc-formats/blank.svg" />
|
||||||
<inline src="resources/img/toolbar/shapetypes.svg" />
|
<inline src="resources/img/toolbar/shapetypes.svg" />
|
||||||
|
<inline src="resources/img/toolbar/charttypes.svg" />
|
||||||
|
|
||||||
<div id="viewport"></div>
|
<div id="viewport"></div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1156,6 +1156,7 @@
|
||||||
"PE.Views.DocumentHolder.txtUnderbar": "Bar under text",
|
"PE.Views.DocumentHolder.txtUnderbar": "Bar under text",
|
||||||
"PE.Views.DocumentHolder.txtUngroup": "Ungroup",
|
"PE.Views.DocumentHolder.txtUngroup": "Ungroup",
|
||||||
"PE.Views.DocumentHolder.vertAlignText": "Vertical Alignment",
|
"PE.Views.DocumentHolder.vertAlignText": "Vertical Alignment",
|
||||||
|
"PE.Views.DocumentHolder.textFromStorage": "From Storage",
|
||||||
"PE.Views.DocumentPreview.goToSlideText": "Go to Slide",
|
"PE.Views.DocumentPreview.goToSlideText": "Go to Slide",
|
||||||
"PE.Views.DocumentPreview.slideIndexText": "Slide {0} of {1}",
|
"PE.Views.DocumentPreview.slideIndexText": "Slide {0} of {1}",
|
||||||
"PE.Views.DocumentPreview.txtClose": "Close slideshow",
|
"PE.Views.DocumentPreview.txtClose": "Close slideshow",
|
||||||
|
|
@ -1313,6 +1314,7 @@
|
||||||
"PE.Views.ImageSettings.textRotation": "Rotation",
|
"PE.Views.ImageSettings.textRotation": "Rotation",
|
||||||
"PE.Views.ImageSettings.textSize": "Size",
|
"PE.Views.ImageSettings.textSize": "Size",
|
||||||
"PE.Views.ImageSettings.textWidth": "Width",
|
"PE.Views.ImageSettings.textWidth": "Width",
|
||||||
|
"PE.Views.ImageSettings.textFromStorage": "From Storage",
|
||||||
"PE.Views.ImageSettingsAdvanced.textAlt": "Alternative Text",
|
"PE.Views.ImageSettingsAdvanced.textAlt": "Alternative Text",
|
||||||
"PE.Views.ImageSettingsAdvanced.textAltDescription": "Description",
|
"PE.Views.ImageSettingsAdvanced.textAltDescription": "Description",
|
||||||
"PE.Views.ImageSettingsAdvanced.textAltTip": "The alternative text-based representation of the visual object information, which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the image, autoshape, chart or table.",
|
"PE.Views.ImageSettingsAdvanced.textAltTip": "The alternative text-based representation of the visual object information, which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the image, autoshape, chart or table.",
|
||||||
|
|
@ -1445,6 +1447,8 @@
|
||||||
"PE.Views.ShapeSettings.txtNoBorders": "No Line",
|
"PE.Views.ShapeSettings.txtNoBorders": "No Line",
|
||||||
"PE.Views.ShapeSettings.txtPapyrus": "Papyrus",
|
"PE.Views.ShapeSettings.txtPapyrus": "Papyrus",
|
||||||
"PE.Views.ShapeSettings.txtWood": "Wood",
|
"PE.Views.ShapeSettings.txtWood": "Wood",
|
||||||
|
"PE.Views.ShapeSettings.textFromStorage": "From Storage",
|
||||||
|
"PE.Views.ShapeSettings.textSelectImage": "Select Picture",
|
||||||
"PE.Views.ShapeSettingsAdvanced.strColumns": "Columns",
|
"PE.Views.ShapeSettingsAdvanced.strColumns": "Columns",
|
||||||
"PE.Views.ShapeSettingsAdvanced.strMargins": "Text Padding",
|
"PE.Views.ShapeSettingsAdvanced.strMargins": "Text Padding",
|
||||||
"PE.Views.ShapeSettingsAdvanced.textAlt": "Alternative Text",
|
"PE.Views.ShapeSettingsAdvanced.textAlt": "Alternative Text",
|
||||||
|
|
@ -1572,6 +1576,8 @@
|
||||||
"PE.Views.SlideSettings.txtLeather": "Leather",
|
"PE.Views.SlideSettings.txtLeather": "Leather",
|
||||||
"PE.Views.SlideSettings.txtPapyrus": "Papyrus",
|
"PE.Views.SlideSettings.txtPapyrus": "Papyrus",
|
||||||
"PE.Views.SlideSettings.txtWood": "Wood",
|
"PE.Views.SlideSettings.txtWood": "Wood",
|
||||||
|
"PE.Views.SlideSettings.textFromStorage": "From Storage",
|
||||||
|
"PE.Views.SlideSettings.textSelectImage": "Select Picture",
|
||||||
"PE.Views.SlideshowSettings.textLoop": "Loop continuously until 'Esc' is pressed",
|
"PE.Views.SlideshowSettings.textLoop": "Loop continuously until 'Esc' is pressed",
|
||||||
"PE.Views.SlideshowSettings.textTitle": "Show Settings",
|
"PE.Views.SlideshowSettings.textTitle": "Show Settings",
|
||||||
"PE.Views.SlideSizeSettings.strLandscape": "Landscape",
|
"PE.Views.SlideSizeSettings.strLandscape": "Landscape",
|
||||||
|
|
|
||||||
|
|
@ -949,7 +949,7 @@
|
||||||
"PE.Views.ImageSettings.textEdit": "Muokkaa",
|
"PE.Views.ImageSettings.textEdit": "Muokkaa",
|
||||||
"PE.Views.ImageSettings.textEditObject": "Muokkaa objektia",
|
"PE.Views.ImageSettings.textEditObject": "Muokkaa objektia",
|
||||||
"PE.Views.ImageSettings.textFromFile": "Tiedostosta",
|
"PE.Views.ImageSettings.textFromFile": "Tiedostosta",
|
||||||
"PE.Views.ImageSettings.textFromUrl": "Verkko-osoitteesta",
|
"PE.Views.ImageSettings.textFromUrl": "URL-osoitteesta",
|
||||||
"PE.Views.ImageSettings.textHeight": "Korkeus",
|
"PE.Views.ImageSettings.textHeight": "Korkeus",
|
||||||
"PE.Views.ImageSettings.textInsert": "Korvaa kuva",
|
"PE.Views.ImageSettings.textInsert": "Korvaa kuva",
|
||||||
"PE.Views.ImageSettings.textOriginalSize": "Oletuskoko",
|
"PE.Views.ImageSettings.textOriginalSize": "Oletuskoko",
|
||||||
|
|
@ -1112,7 +1112,7 @@
|
||||||
"PE.Views.SlideSettings.textEmptyPattern": "Ei kuviota",
|
"PE.Views.SlideSettings.textEmptyPattern": "Ei kuviota",
|
||||||
"PE.Views.SlideSettings.textFade": "Häivytys",
|
"PE.Views.SlideSettings.textFade": "Häivytys",
|
||||||
"PE.Views.SlideSettings.textFromFile": "Tiedostosta",
|
"PE.Views.SlideSettings.textFromFile": "Tiedostosta",
|
||||||
"PE.Views.SlideSettings.textFromUrl": "Verkko-osoitteesta",
|
"PE.Views.SlideSettings.textFromUrl": "URL-osoitteesta",
|
||||||
"PE.Views.SlideSettings.textGradient": "Kalteva",
|
"PE.Views.SlideSettings.textGradient": "Kalteva",
|
||||||
"PE.Views.SlideSettings.textGradientFill": "Kalteva täyttö",
|
"PE.Views.SlideSettings.textGradientFill": "Kalteva täyttö",
|
||||||
"PE.Views.SlideSettings.textHorizontalIn": "Sisään vaakasuoraan",
|
"PE.Views.SlideSettings.textHorizontalIn": "Sisään vaakasuoraan",
|
||||||
|
|
@ -1262,7 +1262,7 @@
|
||||||
"PE.Views.TextArtSettings.textDirection": "Suunta",
|
"PE.Views.TextArtSettings.textDirection": "Suunta",
|
||||||
"PE.Views.TextArtSettings.textEmptyPattern": "Ei kuviota",
|
"PE.Views.TextArtSettings.textEmptyPattern": "Ei kuviota",
|
||||||
"PE.Views.TextArtSettings.textFromFile": "Tiedostosta",
|
"PE.Views.TextArtSettings.textFromFile": "Tiedostosta",
|
||||||
"PE.Views.TextArtSettings.textFromUrl": "Verkko-osoitteesta",
|
"PE.Views.TextArtSettings.textFromUrl": "URL-osoitteesta",
|
||||||
"PE.Views.TextArtSettings.textGradient": "Kalteva",
|
"PE.Views.TextArtSettings.textGradient": "Kalteva",
|
||||||
"PE.Views.TextArtSettings.textGradientFill": "Kalteva täyttö",
|
"PE.Views.TextArtSettings.textGradientFill": "Kalteva täyttö",
|
||||||
"PE.Views.TextArtSettings.textImageTexture": "Kuva tai pintarakenne",
|
"PE.Views.TextArtSettings.textImageTexture": "Kuva tai pintarakenne",
|
||||||
|
|
|
||||||
|
|
@ -262,7 +262,9 @@
|
||||||
.thumb {
|
.thumb {
|
||||||
width: 102px;
|
width: 102px;
|
||||||
height: 128px;
|
height: 128px;
|
||||||
}
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
|
||||||
|
|
@ -150,6 +150,7 @@ require([
|
||||||
'AddImage',
|
'AddImage',
|
||||||
'AddLink',
|
'AddLink',
|
||||||
'AddSlide',
|
'AddSlide',
|
||||||
|
'AddOther',
|
||||||
'Common.Controllers.Collaboration'
|
'Common.Controllers.Collaboration'
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
@ -218,6 +219,7 @@ require([
|
||||||
'presentationeditor/mobile/app/controller/add/AddImage',
|
'presentationeditor/mobile/app/controller/add/AddImage',
|
||||||
'presentationeditor/mobile/app/controller/add/AddLink',
|
'presentationeditor/mobile/app/controller/add/AddLink',
|
||||||
'presentationeditor/mobile/app/controller/add/AddSlide',
|
'presentationeditor/mobile/app/controller/add/AddSlide',
|
||||||
|
'presentationeditor/mobile/app/controller/add/AddOther',
|
||||||
'common/mobile/lib/controller/Collaboration'
|
'common/mobile/lib/controller/Collaboration'
|
||||||
|
|
||||||
], function() {
|
], function() {
|
||||||
|
|
|
||||||
|
|
@ -160,6 +160,7 @@ require([
|
||||||
'AddImage',
|
'AddImage',
|
||||||
'AddLink',
|
'AddLink',
|
||||||
'AddSlide',
|
'AddSlide',
|
||||||
|
'AddOther',
|
||||||
'Common.Controllers.Collaboration'
|
'Common.Controllers.Collaboration'
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
@ -228,6 +229,7 @@ require([
|
||||||
'presentationeditor/mobile/app/controller/add/AddImage',
|
'presentationeditor/mobile/app/controller/add/AddImage',
|
||||||
'presentationeditor/mobile/app/controller/add/AddLink',
|
'presentationeditor/mobile/app/controller/add/AddLink',
|
||||||
'presentationeditor/mobile/app/controller/add/AddSlide',
|
'presentationeditor/mobile/app/controller/add/AddSlide',
|
||||||
|
'presentationeditor/mobile/app/controller/add/AddOther',
|
||||||
'common/mobile/lib/controller/Collaboration'
|
'common/mobile/lib/controller/Collaboration'
|
||||||
], function() {
|
], function() {
|
||||||
app.start();
|
app.start();
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,9 @@ define([
|
||||||
_view,
|
_view,
|
||||||
_actionSheets = [],
|
_actionSheets = [],
|
||||||
_isEdit = false,
|
_isEdit = false,
|
||||||
_isPopMenuHidden = false;
|
_isPopMenuHidden = false,
|
||||||
|
_isComments = false,
|
||||||
|
_canViewComments = true;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
models: [],
|
models: [],
|
||||||
|
|
@ -83,10 +85,21 @@ define([
|
||||||
me.api.asc_registerCallback('asc_onDocumentContentReady', _.bind(me.onApiDocumentContentReady, me));
|
me.api.asc_registerCallback('asc_onDocumentContentReady', _.bind(me.onApiDocumentContentReady, me));
|
||||||
Common.NotificationCenter.on('api:disconnect', _.bind(me.onCoAuthoringDisconnect, 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_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) {
|
setMode: function (mode) {
|
||||||
_isEdit = mode.isEdit;
|
_isEdit = mode.isEdit;
|
||||||
|
_canViewComments = mode.canViewComments;
|
||||||
},
|
},
|
||||||
|
|
||||||
// When our application is ready, lets get started
|
// When our application is ready, lets get started
|
||||||
|
|
@ -185,8 +198,8 @@ define([
|
||||||
_view.hideMenu();
|
_view.hideMenu();
|
||||||
|
|
||||||
PE.getController('AddContainer').showModal();
|
PE.getController('AddContainer').showModal();
|
||||||
uiApp.showTab('#add-link');
|
uiApp.showTab('#add-other');
|
||||||
// PE.getController('AddLink').getView('AddLink').showLink();
|
PE.getController('AddOther').getView('AddOther').showPageLink();
|
||||||
} else if ('openlink' == eventName) {
|
} else if ('openlink' == eventName) {
|
||||||
_.some(_stack, function (item) {
|
_.some(_stack, function (item) {
|
||||||
if (item.get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink) {
|
if (item.get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink) {
|
||||||
|
|
@ -194,6 +207,13 @@ define([
|
||||||
return true;
|
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) {
|
} else if ('showActionSheet' == eventName && _actionSheets.length > 0) {
|
||||||
_.delay(function () {
|
_.delay(function () {
|
||||||
_.each(_actionSheets, function (action) {
|
_.each(_actionSheets, function (action) {
|
||||||
|
|
@ -310,6 +330,12 @@ define([
|
||||||
icon: 'icon-copy'
|
icon: 'icon-copy'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (_canViewComments && _isComments && !_isEdit) {
|
||||||
|
arrItems.push({
|
||||||
|
caption: me.menuViewComment,
|
||||||
|
event: 'viewcomment'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (stack.length > 0) {
|
if (stack.length > 0) {
|
||||||
var topObject = stack[stack.length - 1],
|
var topObject = stack[stack.length - 1],
|
||||||
|
|
@ -358,6 +384,21 @@ define([
|
||||||
event: 'addlink'
|
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',
|
menuAddLink: 'Add Link',
|
||||||
menuOpenLink: 'Open Link',
|
menuOpenLink: 'Open Link',
|
||||||
menuMore: 'More',
|
menuMore: 'More',
|
||||||
|
menuViewComment: 'View Comment',
|
||||||
|
menuAddComment: 'Add Comment',
|
||||||
sheetCancel: 'Cancel',
|
sheetCancel: 'Cancel',
|
||||||
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.',
|
errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
|
||||||
|
|
|
||||||
|
|
@ -256,6 +256,7 @@ define([
|
||||||
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
||||||
docInfo.put_Token(data.doc.token);
|
docInfo.put_Token(data.doc.token);
|
||||||
docInfo.put_Permissions(_permissions);
|
docInfo.put_Permissions(_permissions);
|
||||||
|
docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.api.asc_registerCallback('asc_onGetEditorPermissions', _.bind(this.onEditorPermissions, this));
|
this.api.asc_registerCallback('asc_onGetEditorPermissions', _.bind(this.onEditorPermissions, this));
|
||||||
|
|
@ -698,7 +699,10 @@ define([
|
||||||
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
|
||||||
me.appOptions.canUseMailMerge = me.appOptions.canLicense && me.appOptions.canEdit && !me.appOptions.isDesktopApp;
|
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.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.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.canEditStyles = me.appOptions.canLicense && me.appOptions.canEdit;
|
||||||
me.appOptions.canPrint = (me.permissions.print !== false);
|
me.appOptions.canPrint = (me.permissions.print !== false);
|
||||||
|
|
|
||||||
|
|
@ -47,8 +47,6 @@ define([
|
||||||
|
|
||||||
PE.Controllers.AddContainer = Backbone.Controller.extend(_.extend((function() {
|
PE.Controllers.AddContainer = Backbone.Controller.extend(_.extend((function() {
|
||||||
// private
|
// private
|
||||||
var _canAddHyperlink = false,
|
|
||||||
_paragraphLocked = false;
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
models: [],
|
models: [],
|
||||||
|
|
@ -61,8 +59,6 @@ define([
|
||||||
|
|
||||||
setApi: function(api) {
|
setApi: function(api) {
|
||||||
this.api = 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() {
|
onLaunch: function() {
|
||||||
|
|
@ -96,22 +92,16 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textSlide,
|
caption: me.textSlide,
|
||||||
id: 'add-slide',
|
id: 'add-slide',
|
||||||
|
icon: 'icon-add-slide',
|
||||||
layout: PE.getController('AddSlide')
|
layout: PE.getController('AddSlide')
|
||||||
.getView('AddSlide')
|
.getView('AddSlide')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
});
|
});
|
||||||
|
|
||||||
addViews.push({
|
|
||||||
caption: me.textTable,
|
|
||||||
id: 'add-table',
|
|
||||||
layout: PE.getController('AddTable')
|
|
||||||
.getView('AddTable')
|
|
||||||
.rootLayout()
|
|
||||||
});
|
|
||||||
|
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textShape,
|
caption: me.textShape,
|
||||||
id: 'add-shape',
|
id: 'add-shape',
|
||||||
|
icon: 'icon-add-shape',
|
||||||
layout: PE.getController('AddShape')
|
layout: PE.getController('AddShape')
|
||||||
.getView('AddShape')
|
.getView('AddShape')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
|
|
@ -120,19 +110,20 @@ define([
|
||||||
addViews.push({
|
addViews.push({
|
||||||
caption: me.textImage,
|
caption: me.textImage,
|
||||||
id: 'add-image',
|
id: 'add-image',
|
||||||
|
icon: 'icon-add-image',
|
||||||
layout: PE.getController('AddImage')
|
layout: PE.getController('AddImage')
|
||||||
.getView('AddImage')
|
.getView('AddImage')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
});
|
});
|
||||||
|
|
||||||
if (_canAddHyperlink && !_paragraphLocked)
|
addViews.push({
|
||||||
addViews.push({
|
caption: me.textOther,
|
||||||
caption: me.textLink,
|
id: 'add-other',
|
||||||
id: 'add-link',
|
icon: 'icon-add-other',
|
||||||
layout: PE.getController('AddLink')
|
layout: PE.getController('AddOther')
|
||||||
.getView('AddLink')
|
.getView('AddOther')
|
||||||
.rootLayout()
|
.rootLayout()
|
||||||
});
|
});
|
||||||
|
|
||||||
return addViews;
|
return addViews;
|
||||||
},
|
},
|
||||||
|
|
@ -166,7 +157,7 @@ define([
|
||||||
$layoutNavbar
|
$layoutNavbar
|
||||||
.find('.toolbar-inner')
|
.find('.toolbar-inner')
|
||||||
.append(
|
.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
|
$layoutNavbar
|
||||||
|
|
@ -181,7 +172,7 @@ define([
|
||||||
$layoutNavbar
|
$layoutNavbar
|
||||||
.find('.buttons-row')
|
.find('.buttons-row')
|
||||||
.append(
|
.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 = $(
|
var $layoutPages = $(
|
||||||
'<div class="pages">' +
|
'<div class="pages">' +
|
||||||
'<div class="page" data-page="index">' +
|
'<div class="page" data-page="index">' +
|
||||||
'<div class="page-content">' +
|
'<div class="page-content tabs">' +
|
||||||
'<div class="tabs-animated-wrap">' +
|
|
||||||
'<div class="tabs"></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
@ -264,30 +252,19 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
me.rootView = uiApp.addView('.add-root-view', {
|
me.rootView = uiApp.addView('.add-root-view', {
|
||||||
dynamicNavbar: true
|
dynamicNavbar: true,
|
||||||
|
domCache: true
|
||||||
});
|
});
|
||||||
|
|
||||||
Common.NotificationCenter.trigger('addcontainer:show');
|
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',
|
textSlide: 'Slide',
|
||||||
textTable: 'Table',
|
textTable: 'Table',
|
||||||
textShape: 'Shape',
|
textShape: 'Shape',
|
||||||
textImage: 'Image',
|
textImage: 'Image',
|
||||||
textLink: 'Link'
|
textLink: 'Link',
|
||||||
|
textOther: 'Other'
|
||||||
}
|
}
|
||||||
})(), PE.Controllers.AddContainer || {}))
|
})(), PE.Controllers.AddContainer || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -41,7 +41,7 @@
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'core',
|
'core',
|
||||||
'presentationeditor/mobile/app/view/add/AddLink'
|
'presentationeditor/mobile/app/view/add/AddOther'
|
||||||
], function (core) {
|
], function (core) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
|
@ -63,16 +63,15 @@ define([
|
||||||
models: [],
|
models: [],
|
||||||
collections: [],
|
collections: [],
|
||||||
views: [
|
views: [
|
||||||
'AddLink'
|
'AddOther'
|
||||||
],
|
],
|
||||||
|
|
||||||
initialize: function () {
|
initialize: function () {
|
||||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
|
||||||
Common.NotificationCenter.on('addcategory:show', _.bind(this.categoryShow, this));
|
|
||||||
|
|
||||||
this.addListeners({
|
this.addListeners({
|
||||||
'AddLink': {
|
'AddOther': {
|
||||||
'page:show' : this.onPageShow
|
'category:show': this.categoryShow,
|
||||||
|
'page:show' : this.onPageShow
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -91,19 +90,13 @@ define([
|
||||||
me.api = api;
|
me.api = api;
|
||||||
},
|
},
|
||||||
|
|
||||||
onLaunch: function () {
|
|
||||||
this.createView('AddLink').render();
|
|
||||||
},
|
|
||||||
|
|
||||||
initEvents: function () {
|
initEvents: function () {
|
||||||
var me = this;
|
var me = this;
|
||||||
$('#add-link-insert').single('click', _.buffered(me.onInsertLink, 100, me));
|
$('#add-link-insert').single('click', _.buffered(me.onInsertLink, 100, me));
|
||||||
},
|
},
|
||||||
|
|
||||||
categoryShow: function (e) {
|
categoryShow: function (view, pageId) {
|
||||||
var $target = $(e.currentTarget);
|
if (pageId === '#addother-insert-link') {
|
||||||
|
|
||||||
if ($target && $target.prop('id') === 'add-link') {
|
|
||||||
this._linkType = c_oHyperlinkType.WebLink;
|
this._linkType = c_oHyperlinkType.WebLink;
|
||||||
this._slideLink = this._slideNum = 0;
|
this._slideLink = this._slideNum = 0;
|
||||||
var text = this.api.can_AddHyperlink();
|
var text = this.api.can_AddHyperlink();
|
||||||
|
|
@ -112,6 +105,7 @@ define([
|
||||||
$('#add-link-display').toggleClass('disabled', text === null);
|
$('#add-link-display').toggleClass('disabled', text === null);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.initEvents();
|
||||||
this.initSettings();
|
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([
|
define([
|
||||||
'core',
|
'core',
|
||||||
'presentationeditor/mobile/app/view/add/AddTable'
|
|
||||||
], function (core) {
|
], function (core) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
|
@ -56,7 +55,6 @@ define([
|
||||||
],
|
],
|
||||||
|
|
||||||
initialize: function () {
|
initialize: function () {
|
||||||
Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
|
|
||||||
this._styles = [];
|
this._styles = [];
|
||||||
this._initDefaultStyles = false;
|
this._initDefaultStyles = false;
|
||||||
},
|
},
|
||||||
|
|
@ -66,13 +64,9 @@ define([
|
||||||
me.api = api;
|
me.api = api;
|
||||||
},
|
},
|
||||||
|
|
||||||
onLaunch: function () {
|
|
||||||
this.createView('AddTable').render();
|
|
||||||
},
|
|
||||||
|
|
||||||
initEvents: function () {
|
initEvents: function () {
|
||||||
var me = this;
|
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) {
|
onStyleClick: function (e) {
|
||||||
|
|
|
||||||
|
|
@ -230,10 +230,7 @@ define([
|
||||||
var $layoutPages = $(
|
var $layoutPages = $(
|
||||||
'<div class="pages">' +
|
'<div class="pages">' +
|
||||||
'<div class="page" data-page="index">' +
|
'<div class="page" data-page="index">' +
|
||||||
'<div class="page-content">' +
|
'<div class="page-content tabs">' +
|
||||||
'<div class="tabs-animated-wrap">' +
|
|
||||||
'<div class="tabs"></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,92 @@
|
||||||
<!-- Root view -->
|
<!-- 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">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -61,6 +148,8 @@
|
||||||
</ul>
|
</ul>
|
||||||
<% } %>
|
<% } %>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Link Type view -->
|
<!-- 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>
|
</div>
|
||||||
<div class="page" data-page="edit-chart-style">
|
<div class="page" data-page="edit-chart-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
<div id="tab-chart-type" class="page-content tab active dataview chart-types">
|
||||||
<% _.each(types, function(row) { %>
|
<% _.each(types, function(row) { %>
|
||||||
<ul class="row">
|
<ul class="row">
|
||||||
|
|
@ -144,7 +143,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
<% }); %>
|
<% }); %>
|
||||||
</div>
|
</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-->
|
<!--Styles-->
|
||||||
</div>
|
</div>
|
||||||
<div id="tab-chart-fill" class="page-content tab">
|
<div id="tab-chart-fill" class="page-content tab">
|
||||||
|
|
@ -180,7 +179,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -162,8 +162,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page" data-page="edit-shape-style">
|
<div class="page" data-page="edit-shape-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-shape-fill" class="page-content tab active">
|
<div id="tab-shape-fill" class="page-content tab active">
|
||||||
<!--Fill colors-->
|
<!--Fill colors-->
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -216,7 +215,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -110,8 +110,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page" data-page="edit-table-style">
|
<div class="page" data-page="edit-table-style">
|
||||||
<div class="tabs-animated-wrap">
|
<div class="page-content tabs" style="padding-top: 0;">
|
||||||
<div class="tabs">
|
|
||||||
<div id="tab-table-style" class="page-content tab active">
|
<div id="tab-table-style" class="page-content tab active">
|
||||||
<div class="list-block">
|
<div class="list-block">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -191,7 +190,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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.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.textCustomColors": "Custom Colors",
|
||||||
"Common.UI.ThemeColorPalette.textStandartColors": "Standard Colors",
|
"Common.UI.ThemeColorPalette.textStandartColors": "Standard Colors",
|
||||||
"Common.UI.ThemeColorPalette.textThemeColors": "Theme Colors",
|
"Common.UI.ThemeColorPalette.textThemeColors": "Theme Colors",
|
||||||
|
|
@ -10,11 +21,17 @@
|
||||||
"Common.Views.Collaboration.textEditUsers": "Users",
|
"Common.Views.Collaboration.textEditUsers": "Users",
|
||||||
"Common.Views.Collaboration.textNoComments": "This presentation doesn't contain comments",
|
"Common.Views.Collaboration.textNoComments": "This presentation doesn't contain comments",
|
||||||
"Common.Views.Collaboration.textСomments": "Сomments",
|
"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.textImage": "Image",
|
||||||
"PE.Controllers.AddContainer.textLink": "Link",
|
"PE.Controllers.AddContainer.textLink": "Link",
|
||||||
"PE.Controllers.AddContainer.textShape": "Shape",
|
"PE.Controllers.AddContainer.textShape": "Shape",
|
||||||
"PE.Controllers.AddContainer.textSlide": "Slide",
|
"PE.Controllers.AddContainer.textSlide": "Slide",
|
||||||
"PE.Controllers.AddContainer.textTable": "Table",
|
"PE.Controllers.AddContainer.textTable": "Table",
|
||||||
|
"PE.Controllers.AddContainer.textOther": "Other",
|
||||||
"PE.Controllers.AddImage.textEmptyImgUrl": "You need to specify image URL.",
|
"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.AddImage.txtNotUrl": "This field should be a URL in the format 'http://www.example.com'",
|
||||||
"PE.Controllers.AddLink.textDefault": "Selected text",
|
"PE.Controllers.AddLink.textDefault": "Selected text",
|
||||||
|
|
@ -31,6 +48,10 @@
|
||||||
"PE.Controllers.AddTable.textRows": "Rows",
|
"PE.Controllers.AddTable.textRows": "Rows",
|
||||||
"PE.Controllers.AddTable.textTableSize": "Table Size",
|
"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.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.menuAddLink": "Add Link",
|
||||||
"PE.Controllers.DocumentHolder.menuCopy": "Copy",
|
"PE.Controllers.DocumentHolder.menuCopy": "Copy",
|
||||||
"PE.Controllers.DocumentHolder.menuCut": "Cut",
|
"PE.Controllers.DocumentHolder.menuCut": "Cut",
|
||||||
|
|
@ -39,6 +60,8 @@
|
||||||
"PE.Controllers.DocumentHolder.menuMore": "More",
|
"PE.Controllers.DocumentHolder.menuMore": "More",
|
||||||
"PE.Controllers.DocumentHolder.menuOpenLink": "Open Link",
|
"PE.Controllers.DocumentHolder.menuOpenLink": "Open Link",
|
||||||
"PE.Controllers.DocumentHolder.menuPaste": "Paste",
|
"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.sheetCancel": "Cancel",
|
||||||
"PE.Controllers.DocumentHolder.textCopyCutPasteActions": "Copy, Cut and Paste Actions",
|
"PE.Controllers.DocumentHolder.textCopyCutPasteActions": "Copy, Cut and Paste Actions",
|
||||||
"PE.Controllers.DocumentHolder.textDoNotShowAgain": "Do not show again",
|
"PE.Controllers.DocumentHolder.textDoNotShowAgain": "Do not show again",
|
||||||
|
|
@ -258,6 +281,24 @@
|
||||||
"PE.Views.AddLink.textNumber": "Slide Number",
|
"PE.Views.AddLink.textNumber": "Slide Number",
|
||||||
"PE.Views.AddLink.textPrev": "Previous Slide",
|
"PE.Views.AddLink.textPrev": "Previous Slide",
|
||||||
"PE.Views.AddLink.textTip": "Screen Tip",
|
"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.textAddCustomColor": "Add Custom Color",
|
||||||
"PE.Views.EditChart.textAlign": "Align",
|
"PE.Views.EditChart.textAlign": "Align",
|
||||||
"PE.Views.EditChart.textAlignBottom": "Align Bottom",
|
"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 {
|
.settings .popover-inner {
|
||||||
height: 400px;
|
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 {
|
.dataview.page-content {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
@ -6395,6 +6403,9 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
}
|
}
|
||||||
|
.page-change {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
.page-change .block-description {
|
.page-change .block-description {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
|
|
@ -6425,28 +6436,51 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
}
|
}
|
||||||
.page-change .block-btn,
|
.page-change .block-btn,
|
||||||
.page-change .content-block.block-btn:first-child {
|
.page-change .content-block.block-btn:first-child {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
margin: 26px 0;
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
.page-change .block-btn #btn-next-change,
|
|
||||||
.page-change .content-block.block-btn:first-child #btn-next-change,
|
|
||||||
.page-change .block-btn #btn-reject-change,
|
.page-change .block-btn #btn-reject-change,
|
||||||
.page-change .content-block.block-btn:first-child #btn-reject-change {
|
.page-change .content-block.block-btn:first-child #btn-reject-change {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
.page-change .block-btn #btn-goto-change,
|
.page-change .block-btn #btn-goto-change,
|
||||||
.page-change .content-block.block-btn:first-child #btn-goto-change {
|
.page-change .content-block.block-btn:first-child #btn-goto-change {
|
||||||
margin-right: 20px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.page-change .block-btn .right-buttons,
|
.page-change .block-btn .change-buttons,
|
||||||
.page-change .content-block.block-btn:first-child .right-buttons {
|
.page-change .content-block.block-btn:first-child .change-buttons,
|
||||||
|
.page-change .block-btn .accept-reject,
|
||||||
|
.page-change .content-block.block-btn:first-child .accept-reject {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.page-change .block-btn .next-prev,
|
||||||
|
.page-change .content-block.block-btn:first-child .next-prev {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.page-change .block-btn .next-prev .link,
|
||||||
|
.page-change .content-block.block-btn:first-child .next-prev .link {
|
||||||
|
width: 44px;
|
||||||
|
}
|
||||||
.page-change .block-btn .link,
|
.page-change .block-btn .link,
|
||||||
.page-change .content-block.block-btn:first-child .link {
|
.page-change .content-block.block-btn:first-child .link {
|
||||||
display: inline-block;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 17px;
|
||||||
|
height: 44px;
|
||||||
|
min-width: 44px;
|
||||||
|
}
|
||||||
|
.page-change #no-changes {
|
||||||
|
padding: 16px;
|
||||||
}
|
}
|
||||||
.navbar .center-collaboration {
|
.navbar .center-collaboration {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -6459,6 +6493,13 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-collaboration .page-content .list-block:first-child {
|
.container-collaboration .page-content .list-block:first-child {
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
}
|
}
|
||||||
|
.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-title {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-subtitle {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #8e8e93;
|
||||||
|
}
|
||||||
#user-list .item-content {
|
#user-list .item-content {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -6482,15 +6523,97 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
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;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
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;
|
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;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6498,15 +6621,43 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-comments .comment-date,
|
.page-comments .comment-date,
|
||||||
.page-comments .reply-date {
|
.add-comment .comment-date,
|
||||||
font-size: 12px;
|
.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;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-text,
|
.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;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6514,13 +6665,47 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
padding-right: 15px;
|
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;
|
margin-top: 15px;
|
||||||
|
padding-right: 16px;
|
||||||
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
.page-comments .reply-item .user-name {
|
.page-comments .reply-item .header-reply,
|
||||||
padding-top: 16px;
|
.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: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
@ -6535,17 +6720,298 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
-webkit-transform-origin: 50% 100%;
|
-webkit-transform-origin: 50% 100%;
|
||||||
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;
|
color: #aa5252;
|
||||||
border-left: 1px solid #aa5252;
|
border-left: 1px solid #aa5252;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
padding-right: 16px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 15px;
|
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.popup .list-block ul.list-reply:last-child:after,
|
||||||
.settings.popover .list-block ul.list-reply:last-child:after {
|
.settings.popover .list-block ul.list-reply:last-child:after {
|
||||||
display: none;
|
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 {
|
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
@ -6775,12 +7241,14 @@ i.icon.icon-in-indent {
|
||||||
background-color: #aa5252;
|
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");
|
-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;
|
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%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");
|
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;
|
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%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");
|
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");
|
||||||
|
|
@ -7013,6 +7481,11 @@ i.icon.icon-collaboration {
|
||||||
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%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fg%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%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||||
}
|
}
|
||||||
|
i.icon.icon-users {
|
||||||
|
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%22M16%207C16%209.34102%2015.4162%2011.1346%2014.6143%2012.3121C13.8071%2013.4974%2012.8337%2014%2012%2014C11.1663%2014%2010.1929%2013.4974%209.38574%2012.3121C8.5838%2011.1346%208%209.34102%208%207C8%204.61508%209.97853%203%2012%203C14.0215%203%2016%204.61508%2016%207ZM15.1891%2013.2201C14.2865%2014.375%2013.1451%2015%2012%2015C10.8549%2015%209.71347%2014.375%208.81092%2013.2201C7.40473%2013.7844%206.21268%2014.3488%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.7873%2014.3488%2016.5953%2013.7844%2015.1891%2013.2201ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
|
||||||
|
}
|
||||||
i.icon.icon-app-settings {
|
i.icon.icon-app-settings {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -7033,6 +7506,71 @@ 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%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 {
|
.label-switch input[type="checkbox"]:checked + .checkbox {
|
||||||
background: #aa5252;
|
background: #aa5252;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue