@innovastudio/contentbuilder 1.4.17 → 1.4.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
@@ -16151,7 +16151,12 @@ const prepareSvgIcons = builder => {
|
|
16151
16151
|
<symbol viewBox="0 0 512 512" id="ion-ios-minus-empty"><path d="M384 265H128v-17h256v17z"></path></symbol>
|
16152
16152
|
<symbol viewBox="0 0 512 512" id="ion-eye"><path d="M256 128c-81.9 0-145.7 48.8-224 128 67.4 67.7 124 128 224 128 99.9 0 173.4-76.4 224-126.6C428.2 198.6 354.8 128 256 128zm0 219.3c-49.4 0-89.6-41-89.6-91.3 0-50.4 40.2-91.3 89.6-91.3s89.6 41 89.6 91.3c0 50.4-40.2 91.3-89.6 91.3z"></path><path d="M256 224c0-7.9 2.9-15.1 7.6-20.7-2.5-.4-5-.6-7.6-.6-28.8 0-52.3 23.9-52.3 53.3s23.5 53.3 52.3 53.3 52.3-23.9 52.3-53.3c0-2.3-.2-4.6-.4-6.9-5.5 4.3-12.3 6.9-19.8 6.9-17.8 0-32.1-14.3-32.1-32z"></path></symbol>
|
16153
16153
|
<symbol viewBox="0 0 512 512" id="ion-reply"><path d="M448 400s-36.8-208-224-208v-80L64 256l160 134.4v-92.3c101.6 0 171 8.9 224 101.9z"></path></symbol>
|
16154
|
-
|
16154
|
+
<symbol viewBox="0 0 512 512" id="ion-ios-folder-outline">
|
16155
|
+
<path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z"/>
|
16156
|
+
</symbol>
|
16157
|
+
<symbol viewBox="0 0 512 512" id="ion-ios-cloud-outline">
|
16158
|
+
<path d="M399.3 232.8c0-1.2.2-2.4.2-3.6 0-64.3-52.8-117.2-116.8-117.2-46.1 0-85.8 27.9-104.4 67-8.1-4.1-17.1-6.4-26.8-6.4-29.6 0-54.1 23.7-58.9 52C57.4 236.8 32 268.8 32 308.4c0 49.8 40.1 91.6 89.6 91.6H398c45 0 82-38.9 82-84.3 0-45.6-35.4-82.8-80.7-82.9zm-1.8 150.8l-3.2.4H122.4c-40.9 0-74.2-34.9-74.2-76.1 0-31.9 20.2-58.4 50.2-68.8l8.4-3 1.5-8.8c3.6-21.6 22.1-39.3 43.9-39.3 6.9 0 13.7 1.6 19.9 4.8l13.5 6.8 6.5-13.7c16.6-34.9 52.1-58.2 90.4-58.2 55.3 0 100.9 44.1 100.9 99.7 0 13.3-.2 20.3-.2 20.3l15.2.1c36.7.5 65.6 30.5 65.6 67.4 0 36.9-29.8 68.2-66.5 68.4z"/>
|
16159
|
+
</symbol>
|
16155
16160
|
<symbol viewBox="0 0 512 512" id="ion-wrench"><path d="M461.9 114.9l-56.5 56.7-55.1-10-9.9-55.1 56.5-56.7c-12.7-12.7-30.8-18.5-44.2-17.8-13.5.7-42.3 8.3-64.6 32-21.6 22.8-44.3 65.3-24.2 112.5 2.4 5.7 5.1 13.2-2.9 21.2-8.1 8-215 202.8-215 202.8-19.4 16.7-18 47.6-.1 65.6 18.2 17.9 48.9 19 65.6-.3 0 0 193.2-205.8 202.7-215.1 8.5-8.3 16.1-5.5 21.2-2.9 35.6 18.4 86.3 2.4 112.6-23.9 26.3-26.3 31.1-51.7 31.9-64.7.8-12.9-3.7-30-18-44.3zM91.3 443.2c-6.3 6.2-16.5 6.2-22.7 0-6.2-6.3-6.2-16.5 0-22.7 6.3-6.2 16.5-6.2 22.7 0 6.2 6.3 6.2 16.5 0 22.7z"></path></symbol>
|
16156
16161
|
<symbol viewBox="0 0 512 512" id="ion-more"><path d="M113.7 304C86.2 304 64 282.6 64 256c0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48zM256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48 27.5 0 49.7 21.5 49.7 48 0 26.6-22.2 48-49.7 48zM398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"></path></symbol>
|
16157
16162
|
<symbol viewBox="0 0 512 512" id="ion-code-working"><circle cx="184.166" cy="256.166" r="24"></circle><circle cx="256.166" cy="256.166" r="24"></circle><circle cx="328.166" cy="256.166" r="24"></circle><g><path d="M168 392a23.929 23.929 0 0 1-16.971-7.029l-112-112c-9.373-9.373-9.373-24.569 0-33.941l112-112c9.373-9.372 24.568-9.372 33.941 0 9.371 9.372 9.371 24.568 0 33.941L89.941 256l95.029 95.029c9.371 9.372 9.371 24.568 0 33.941A23.925 23.925 0 0 1 168 392zM344 392a23.929 23.929 0 0 0 16.971-7.029l112-112c9.373-9.373 9.373-24.569 0-33.941l-112-112c-9.373-9.372-24.568-9.372-33.941 0-9.371 9.372-9.371 24.568 0 33.941L422.059 256l-95.029 95.029c-9.371 9.372-9.371 24.568 0 33.941A23.925 23.925 0 0 0 344 392z"></path></g></symbol>
|
@@ -16230,7 +16235,26 @@ const prepareSvgIcons = builder => {
|
|
16230
16235
|
<path d="M270 407.7V104.4L175.3 192H71v128h104.3zm56.3-52.1c20.5-27.8 32.8-62.3 32.8-99.6 0-37.4-12.3-71.8-32.8-99.6l-20.4 15.3c17.4 23.6 27.8 52.7 27.8 84.3 0 31.6-10.4 60.7-27.8 84.3l20.4 15.3zm66.5 46c30-40.7 48-91 48-145.6s-18-104.9-48-145.6l-20.4 15.3c26.9 36.4 43 81.4 43 130.3 0 48.9-16.1 93.8-43 130.3l20.4 15.3z"/>
|
16231
16236
|
</symbol>
|
16232
16237
|
|
16238
|
+
<symbol id="icon-list-search" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
16239
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
16240
|
+
<path d="M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
|
16241
|
+
<path d="M18.5 18.5l2.5 2.5"></path>
|
16242
|
+
<path d="M4 6h16"></path>
|
16243
|
+
<path d="M4 12h4"></path>
|
16244
|
+
<path d="M4 18h4"></path>
|
16245
|
+
</symbol>
|
16246
|
+
<symbol id="icon-folder" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
16247
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
16248
|
+
<path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>
|
16249
|
+
</symbol>
|
16250
|
+
<symbol id="icon-folder-media" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
16251
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
16252
|
+
<path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>
|
16233
16253
|
|
16254
|
+
<path d="M12 20h-5a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v5"></path>
|
16255
|
+
<path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l4 4"></path>
|
16256
|
+
<path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>
|
16257
|
+
</symbol>
|
16234
16258
|
|
16235
16259
|
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
16236
16260
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
@@ -49783,7 +49807,10 @@ class Image$1 {
|
|
49783
49807
|
<label for="inpImageLinkSource" style="display:block">${util.out('Source')}:</label>
|
49784
49808
|
<div class="image-src">
|
49785
49809
|
<input id="inpImageLinkSource" class="input-src" type="text"/>
|
49786
|
-
<button title="${util.out('Select')}" class="input-select" style="flex:none;"
|
49810
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;">
|
49811
|
+
${this.builder.opts.selectIcon}
|
49812
|
+
</button>
|
49813
|
+
|
49787
49814
|
<div class="image-larger1" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
49788
49815
|
<form class="form-upload-larger" target="frameTargetImageUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="border-radius:1px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;">
|
49789
49816
|
<input id="hidRefId1" name="hidRefId" type="hidden" value="" />
|
@@ -49801,7 +49828,12 @@ class Image$1 {
|
|
49801
49828
|
<label for="inpImageLinkLink" style="margin-top:14px;display:block">${util.out('Link')}:</label>
|
49802
49829
|
<div class="image-link">
|
49803
49830
|
<input id="inpImageLinkLink" class="input-link" type="text" style="width:100%;border-top: none;"/>
|
49804
|
-
<button title="${util.out('Select')}" class="input-select2" style="flex:none;"
|
49831
|
+
<button title="${util.out('Select')}" class="input-select2" style="flex:none;">
|
49832
|
+
${this.builder.opts.selectIcon}
|
49833
|
+
</button>
|
49834
|
+
|
49835
|
+
<button title="${util.out(this.builder.opts.otherSelectCaption)}" class="input-select-other" style="display:none;width:50px">${this.builder.opts.otherSelectIcon}</button>
|
49836
|
+
|
49805
49837
|
<div class="image-larger2" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
49806
49838
|
<form class="form-upload-larger" target="frameTargetImageUpload" method="post" action="${this.builder.opts.fileHandler ? this.builder.opts.fileHandler : this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="border-radius:1px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;">
|
49807
49839
|
<input id="hidRefId2" name="hidRefId" type="hidden" value="" />
|
@@ -50064,6 +50096,43 @@ class Image$1 {
|
|
50064
50096
|
|
50065
50097
|
let modalImageLink = builderStuff.querySelector('.imagelink');
|
50066
50098
|
|
50099
|
+
if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect) {
|
50100
|
+
modalImageLink.querySelector('.input-select-other').style.display = 'block';
|
50101
|
+
const inputSelectOther = modalImageLink.querySelector('.input-select-other');
|
50102
|
+
if (inputSelectOther) dom.addEventListener(inputSelectOther, 'click', e => {
|
50103
|
+
if (this.builder.opts.onOtherSelectClick) {
|
50104
|
+
this.builder.opts.onOtherSelectClick({
|
50105
|
+
targetInput: modalImageLink.querySelector('.input-link'),
|
50106
|
+
theTrigger: modalImageLink.querySelector('.input-select-other')
|
50107
|
+
});
|
50108
|
+
} else {
|
50109
|
+
let modalFileSelect = builderStuff.querySelector('.is-modal.fileselect');
|
50110
|
+
|
50111
|
+
if (this.builder.opts.assetRefresh) {
|
50112
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
50113
|
+
this.builder.opts.assetRefresh = false;
|
50114
|
+
}
|
50115
|
+
|
50116
|
+
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
50117
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
50118
|
+
}
|
50119
|
+
|
50120
|
+
util.showModal(modalFileSelect, false, () => {
|
50121
|
+
inputSelectOther.removeAttribute('data-focus');
|
50122
|
+
inputSelectOther.focus();
|
50123
|
+
}, false);
|
50124
|
+
inputSelectOther.setAttribute('data-focus', true);
|
50125
|
+
}
|
50126
|
+
|
50127
|
+
this.builder.targetInput = modalImageLink.querySelector('.input-link'); // used by selectAsset() (see contentbuilder.js)
|
50128
|
+
|
50129
|
+
this.builder.targetCallback = null;
|
50130
|
+
this.builder.targetAssetType = 'all';
|
50131
|
+
e.preventDefault();
|
50132
|
+
e.stopImmediatePropagation();
|
50133
|
+
});
|
50134
|
+
}
|
50135
|
+
|
50067
50136
|
if (this.builder.opts.largerImageHandler === '' && !this.builder.opts.onLargerImageUpload) {
|
50068
50137
|
modalImageLink.querySelector('.image-larger1').style.display = 'none';
|
50069
50138
|
modalImageLink.querySelector('.image-larger2').style.display = 'none';
|
@@ -52732,8 +52801,12 @@ class Hyperlink {
|
|
52732
52801
|
<label for="inpCreateLinkUrl">${util.out('Link')}:</label>
|
52733
52802
|
<div class="link-src">
|
52734
52803
|
<input id="inpCreateLinkUrl" class="input-url" type="text"/>
|
52735
|
-
<button title="${util.out('Select')}" class="input-select"
|
52736
|
-
|
52804
|
+
<button title="${util.out('Select')}" class="input-select">
|
52805
|
+
${this.builder.opts.selectIcon}
|
52806
|
+
</button>
|
52807
|
+
<button title="${util.out(this.builder.opts.otherSelectCaption)}" class="input-select-other" style="display:none;width:50px">
|
52808
|
+
${this.builder.opts.otherSelectIcon}
|
52809
|
+
</button>
|
52737
52810
|
<div class="div-anyfile-upload" style="position: relative; flex: 0 0 auto; width: 43px; height: 43px; box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
52738
52811
|
<form class="form-upload-larger" target="frameTargetAnyfileUpload" method="post" action="${this.builder.opts.fileHandler}" enctype="multipart/form-data" style="overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1px;display:flex;align-items: center;justify-content: center;">
|
52739
52812
|
<input class="input-anyfile-customval" name="hidRefId" type="hidden" value="${this.builder.customval}" />
|
@@ -53230,6 +53303,43 @@ class Hyperlink {
|
|
53230
53303
|
var text = dom.getSelected();
|
53231
53304
|
let modal = this.builderStuff.querySelector('.is-modal.createlink');
|
53232
53305
|
|
53306
|
+
if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
|
53307
|
+
modal.querySelector('.input-select-other').style.display = 'block';
|
53308
|
+
let inputSelectOther = modal.querySelector('.input-select-other');
|
53309
|
+
dom.addEventListener(inputSelectOther, 'click', e => {
|
53310
|
+
if (this.builder.opts.onOtherSelectClick) {
|
53311
|
+
this.builder.opts.onOtherSelectClick({
|
53312
|
+
targetInput: modal.querySelector('.input-url'),
|
53313
|
+
theTrigger: modal.querySelector('.input-select-other')
|
53314
|
+
});
|
53315
|
+
} else {
|
53316
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
|
53317
|
+
|
53318
|
+
if (this.builder.opts.assetRefresh) {
|
53319
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
53320
|
+
this.builder.opts.assetRefresh = false;
|
53321
|
+
}
|
53322
|
+
|
53323
|
+
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
53324
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
53325
|
+
}
|
53326
|
+
|
53327
|
+
util.showModal(modalFileSelect, false, () => {
|
53328
|
+
inputSelectOther.removeAttribute('data-focus');
|
53329
|
+
inputSelectOther.focus();
|
53330
|
+
}, false);
|
53331
|
+
inputSelectOther.setAttribute('data-focus', true);
|
53332
|
+
}
|
53333
|
+
|
53334
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
53335
|
+
|
53336
|
+
this.builder.targetCallback = null;
|
53337
|
+
this.builder.targetAssetType = 'all';
|
53338
|
+
e.preventDefault();
|
53339
|
+
e.stopImmediatePropagation();
|
53340
|
+
});
|
53341
|
+
}
|
53342
|
+
|
53233
53343
|
if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
|
53234
53344
|
modal.querySelector('.input-select').style.display = 'block'; // modal.querySelector('.input-url').style.width = '444px';
|
53235
53345
|
|
@@ -54856,7 +54966,9 @@ class Video {
|
|
54856
54966
|
<label for="inpVideoLinkSource" style="display:block">${util.out('Source')}:</label>
|
54857
54967
|
<div class="video-url">
|
54858
54968
|
<input id="inpVideoLinkSource" class="input-url" type="text"/>
|
54859
|
-
<button title="${util.out('Select')}" class="input-select" style="flex:none;"
|
54969
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;">
|
54970
|
+
${this.builder.opts.selectIcon}
|
54971
|
+
</button>
|
54860
54972
|
<div class="video-larger1 input-upload" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
54861
54973
|
<form class="form-upload-larger" target="frameTargetVideoUpload" method="post" action="${this.builder.opts.videoHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
|
54862
54974
|
<input id="hidRefId5" name="hidRefId" type="hidden" value="" />
|
@@ -55103,7 +55215,9 @@ class Audio {
|
|
55103
55215
|
<label for="inpAudioLinkSource" style="display:block">${util.out('Source')}:</label>
|
55104
55216
|
<div class="audio-url">
|
55105
55217
|
<input id="inpAudioLinkSource" class="input-url" type="text"/>
|
55106
|
-
<button title="${util.out('Select')}" class="input-select" style="flex:none;"
|
55218
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;">
|
55219
|
+
${this.builder.opts.selectIcon}
|
55220
|
+
</button>
|
55107
55221
|
<div class="audio-file-upload input-upload" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
55108
55222
|
<form class="form-upload-larger" target="frameTargetAudioUpload" method="post" action="${this.builder.opts.audioHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
|
55109
55223
|
<input id="hidRefAudio" name="hidRefId" type="hidden" value="" />
|
@@ -57455,7 +57569,9 @@ class RowTool {
|
|
57455
57569
|
<svg class="is-icon-flex"><use xlink:href="#ion-image"></use></svg>
|
57456
57570
|
<span>${util.out('Image')}</span>
|
57457
57571
|
</button>
|
57458
|
-
<button title="${util.out('Select')}" class="input-select"
|
57572
|
+
<button title="${util.out('Select')}" class="input-select">
|
57573
|
+
${this.builder.opts.selectIcon}
|
57574
|
+
</button>
|
57459
57575
|
<button title="${util.out('Remove')}" class="input-row-bgremove"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>
|
57460
57576
|
<button title="${util.out('Adjust')}" class="input-row-bgimageadjust" style="width:40px"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button>
|
57461
57577
|
</div>
|
@@ -58679,7 +58795,7 @@ class ColumnTool {
|
|
58679
58795
|
<svg class="is-icon-flex"><use xlink:href="#ion-image"></use></svg>
|
58680
58796
|
<span>${util.out('Image')}</span>
|
58681
58797
|
</button>
|
58682
|
-
<button title="${util.out('Select')}" class="input-select"
|
58798
|
+
<button title="${util.out('Select')}" class="input-select">${this.builder.opts.selectIcon}</button>
|
58683
58799
|
<button title="${util.out('Remove')}" class="input-cell-bgremove"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>
|
58684
58800
|
<button title="${util.out('Adjust')}" class="input-cell-bgimageadjust" style="width:40px"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button>
|
58685
58801
|
</div>
|
@@ -58846,7 +58962,12 @@ class ColumnTool {
|
|
58846
58962
|
<input id="inpCellLinkSource" class="input-src" type="text" style="height:38px;">
|
58847
58963
|
<!--<button title="${util.out('Clear')}" class="input-clear"><svg class="is-icon-flex"><use xlink:href="#ion-ios-close-empty"></use></svg></button>
|
58848
58964
|
</div>-->
|
58849
|
-
<button title="${util.out('Select')}" class="input-select" style="flex:none;width:40px;height:38px;"
|
58965
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;width:40px;height:38px;">${this.builder.opts.selectIcon}</button>
|
58966
|
+
|
58967
|
+
<button title="${util.out(this.builder.opts.otherSelectCaption)}" class="input-select-other" style="display:none;width:40px;height:38px;">
|
58968
|
+
${this.builder.opts.otherSelectIcon}
|
58969
|
+
</button>
|
58970
|
+
|
58850
58971
|
<div class="image-larger4" style="position: relative; flex: 0 0 auto; width: 40px; height: 38px; box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
58851
58972
|
<form class="form-upload-larger" target="frameTargetLinkUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1px;display:flex;align-items: center;justify-content: center;">
|
58852
58973
|
<input id="hidRefId4" name="hidRefId" type="hidden" value="">
|
@@ -60256,6 +60377,46 @@ class ColumnTool {
|
|
60256
60377
|
});
|
60257
60378
|
}); // Click to Open Image Select Dialog (.is-modal.columnsettings)
|
60258
60379
|
|
60380
|
+
if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
|
60381
|
+
this.cellSettings.querySelector('.input-select-other').style.display = 'flex';
|
60382
|
+
let inputSelectOther = this.cellSettings.querySelector('.input-select-other');
|
60383
|
+
dom.addEventListener(inputSelectOther, 'click', e => {
|
60384
|
+
if (this.builder.opts.onOtherSelectClick) {
|
60385
|
+
this.builder.opts.onOtherSelectClick({
|
60386
|
+
targetInput: this.cellSettings.querySelector('.input-src'),
|
60387
|
+
theTrigger: this.cellSettings.querySelector('.input-select-other')
|
60388
|
+
});
|
60389
|
+
} else {
|
60390
|
+
let modalFileSelect = builderStuff.querySelector('.is-modal.fileselect');
|
60391
|
+
|
60392
|
+
if (this.builder.opts.assetRefresh) {
|
60393
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
60394
|
+
this.builder.opts.assetRefresh = false;
|
60395
|
+
}
|
60396
|
+
|
60397
|
+
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
60398
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
60399
|
+
}
|
60400
|
+
|
60401
|
+
util.showModal(modalFileSelect, false, () => {
|
60402
|
+
inputSelectOther.removeAttribute('data-focus');
|
60403
|
+
inputSelectOther.focus();
|
60404
|
+
}, false);
|
60405
|
+
inputSelectOther.setAttribute('data-focus', true);
|
60406
|
+
}
|
60407
|
+
|
60408
|
+
this.builder.targetInput = this.cellSettings.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
|
60409
|
+
|
60410
|
+
this.builder.targetCallback = () => {
|
60411
|
+
this.applyClick();
|
60412
|
+
};
|
60413
|
+
|
60414
|
+
this.builder.targetAssetType = 'all';
|
60415
|
+
e.preventDefault();
|
60416
|
+
e.stopImmediatePropagation();
|
60417
|
+
});
|
60418
|
+
}
|
60419
|
+
|
60259
60420
|
if (this.builder.opts.largerImageHandler === '' && !this.builder.opts.onLargerImageUpload) {
|
60260
60421
|
this.cellSettings.querySelector('.image-larger4').style.display = 'none';
|
60261
60422
|
}
|
@@ -68630,7 +68791,10 @@ class Rte {
|
|
68630
68791
|
</div>
|
68631
68792
|
</div>
|
68632
68793
|
<label for="inpInsertImageSrc" style="margin:10px 0 5px;display:block;">${util.out('Or Specify Image Source')}:</label>
|
68633
|
-
${(this.builder.opts.onImageSelectClick + '').replace(/\s/g, '') !== 'function(){}' || this.builder.opts.imageselect !== '' ? `<div class="image-src" style="margin-bottom: 12px;"><input id="inpInsertImageSrc" class="input-src" type="text" placeholder="${util.out('Source')}"
|
68794
|
+
${(this.builder.opts.onImageSelectClick + '').replace(/\s/g, '') !== 'function(){}' || this.builder.opts.imageselect !== '' ? `<div class="image-src" style="margin-bottom: 12px;"><input id="inpInsertImageSrc" class="input-src" type="text" placeholder="${util.out('Source')}">
|
68795
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;">
|
68796
|
+
${this.builder.opts.selectIcon}
|
68797
|
+
</button></div>` : `<div class="image-src" style="margin-bottom: 12px;"><input id="inpInsertImageSrc" class="input-src" type="text" placeholder="${util.out('Source')}"></div>`}
|
68634
68798
|
<div style="text-align:right">
|
68635
68799
|
<button title="${util.out('Cancel')}" class="input-cancel classic-secondary">${util.out('Cancel')}</button>
|
68636
68800
|
<button title="${util.out('Ok')}" class="input-ok classic-primary">${util.out('Ok')}</button>
|
@@ -76511,7 +76675,9 @@ class MediaPicker {
|
|
76511
76675
|
<label for="inpMediaSource" style="display:block">${util.out('Source')}:</label>
|
76512
76676
|
<div class="image-src">
|
76513
76677
|
<input id="inpMediaSource" class="input-src" type="text">
|
76514
|
-
<button title="${util.out('Select')}" class="input-select" style="flex:none;"
|
76678
|
+
<button title="${util.out('Select')}" class="input-select" style="flex:none;">
|
76679
|
+
${this.builder.opts.selectIcon}
|
76680
|
+
</button>
|
76515
76681
|
<div class="input-upload" style="position: relative; flex: 0 0 auto;box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
76516
76682
|
<form class="form-upload-larger" target="frameTarget${this.id}" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;display:flex;justify-content: center;align-items: center;top:0;left:0;width:100%;height:100%;">
|
76517
76683
|
<input name="hidRefId" class="input-ref-id" type="hidden" value="">
|
@@ -77285,6 +77451,13 @@ class ContentBuilder {
|
|
77285
77451
|
audioSelect: '',
|
77286
77452
|
mediaSelect: '',
|
77287
77453
|
// NEW: for image & video
|
77454
|
+
// selectIcon: '<svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg>',
|
77455
|
+
selectIcon: '<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',
|
77456
|
+
// NEW: for any other file select. Will be visible on hyperlink dialog, image dialog (image link), and Column Settings dialog (on Click tab)
|
77457
|
+
otherSelect: '',
|
77458
|
+
otherSelectCaption: 'Select Document',
|
77459
|
+
// otherSelectIcon: '<svg class="is-icon-flex"><use xlink:href="#ion-ios-folder-outline"></use></svg>',
|
77460
|
+
otherSelectIcon: '<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',
|
77288
77461
|
imageSelectWidth: '1024px',
|
77289
77462
|
imageSelectHeight: '80vh',
|
77290
77463
|
fileSelectWidth: '1024px',
|