Edit File by line

if (percent > 100) {

[500] Fix | Delete

percent = 100;

[501] Fix | Delete

}

[502] Fix | Delete

classes.push('with-chart');

[503] Fix | Delete

}

[504] Fix | Delete

if (w == 1) {

[505] Fix | Delete

w = 2;

[506] Fix | Delete

}

[507] Fix | Delete

if (args.overlap_image_feature) {

[508] Fix | Delete

const img = constructor.setEditableImage(createElement('img'),'overlap_image_feature','overlap_image_width','overlap_image_height',args);

[509] Fix | Delete

if (!isEmpty) {

[510] Fix | Delete

classes.push('with-overlay-image');

[511] Fix | Delete

}

[512] Fix | Delete

featureImage.appendChild(img);

[513] Fix | Delete

}

[514] Fix | Delete

if (args.circle_size_feature === 'custom' && customSize) {

[515] Fix | Delete

chart.style.width = chart.style.height = customSize + 'px';

[516] Fix | Delete

}

[517] Fix | Delete

[518] Fix | Delete

if (!isEmpty) {

[519] Fix | Delete

const r = 'calc(50% - ' + w / 2 + 'px)',

[520] Fix | Delete

svg = createElementNS('', 'tf_abs tf_w tf_h');

[521] Fix | Delete

[522] Fix | Delete

svg.append(createElementNS('circle',{class:'tb_feature_fill',r:r,cx:'50%',cy:'50%','stroke-width':w}), createElementNS('circle',{class:'tb_feature_stroke',r:r,cx:'50%',cy:'50%','stroke-width':w,'stroke-dasharray':'0,10000',stroke:api.Helper.toRGBA(args.circle_color_feature),'data-progress':percent}));

[523] Fix | Delete

if (insetColor !== '' && type !== 'image_icon') {

[524] Fix | Delete

const r2 = w > 1 ? (w - 1) : 0;

[525] Fix | Delete

svg.appendChild(createElementNS('circle',{class:'tb_feature_bg','stroke-width':w,cx:'50%',cy:'50%',fill:insetColor,r: 'calc(50% - ' + r2 + 'px)'}));

[526] Fix | Delete

}

[527] Fix | Delete

chart.appendChild(svg);

[528] Fix | Delete

}

[529] Fix | Delete

[530] Fix | Delete

if (icon || args.image_feature) {

[531] Fix | Delete

let iconItem;

[532] Fix | Delete

if (type === 'icon' && icon) {

[533] Fix | Delete

iconItem = createElement('em','module-feature-icon tf_rel');

[534] Fix | Delete

if (color !== '') {

[535] Fix | Delete

iconItem.style.color = color;

[536] Fix | Delete

}

[537] Fix | Delete

iconItem.appendChild(icon);

[538] Fix | Delete

} else if (type !== 'icon' && args.image_feature) {

[539] Fix | Delete

iconItem = new Image();

[540] Fix | Delete

iconItem.src = args.image_feature;

[541] Fix | Delete

iconItem.style.width = iconItem.style.height = 'calc(100% - ' + (w * 2) + 'px)';

[542] Fix | Delete

}

[543] Fix | Delete

if (iconItem) {

[544] Fix | Delete

chartCircle.appendChild(iconItem);

[545] Fix | Delete

}

[546] Fix | Delete

}

[547] Fix | Delete

[548] Fix | Delete

chart.appendChild(chartCircle);

[549] Fix | Delete

[550] Fix | Delete

if (type === 'both' && icon) {

[551] Fix | Delete

const iconWrap = createElement('span', 'module-feature-icon-wrap tf_abs'),

[552] Fix | Delete

featureIcon = createElement('span','module-feature-icon tf_inline_b'),

[553] Fix | Delete

pos = args.icon_position?? '';

[554] Fix | Delete

if (pos !== '') {

[555] Fix | Delete

iconWrap.style.transform = 'rotate(' + pos + 'deg)';

[556] Fix | Delete

featureIcon.style.transform = 'translateY(-50%) rotate(-' + pos + 'deg)';

[557] Fix | Delete

}

[558] Fix | Delete

if (color !== '') {

[559] Fix | Delete

featureIcon.style.color = color;

[560] Fix | Delete

}

[561] Fix | Delete

if (insetColor !== '') {

[562] Fix | Delete

featureIcon.style.backgroundColor = insetColor;

[563] Fix | Delete

}

[564] Fix | Delete

featureIcon.appendChild(icon);

[565] Fix | Delete

iconWrap.appendChild(featureIcon);

[566] Fix | Delete

chart.appendChild(iconWrap);

[567] Fix | Delete

}

[568] Fix | Delete

[569] Fix | Delete

if (args.link_feature) {

[570] Fix | Delete

const link = createElement('a');

[571] Fix | Delete

link.href = args.link_feature;

[572] Fix | Delete

link.appendChild(chart);

[573] Fix | Delete

featureImage.appendChild(link);

[574] Fix | Delete

} else {

[575] Fix | Delete

featureImage.appendChild(chart);

[576] Fix | Delete

}

[577] Fix | Delete

[578] Fix | Delete

if (args.title_feature) {

[579] Fix | Delete

const title = createElement(args.title_tag,'module-feature-title');

[580] Fix | Delete

if (args.link_feature) {

[581] Fix | Delete

title.appendChild(constructor._setEditableContent(createElement('a'),{class:'title_feature',href:args.link_feature},args.title_feature));

[582] Fix | Delete

} else {

[583] Fix | Delete

constructor._setEditableContent(title,'title_feature',args.title_feature);

[584] Fix | Delete

}

[585] Fix | Delete

content.appendChild(title);

[586] Fix | Delete

}

[587] Fix | Delete

[588] Fix | Delete

constructor._setEditableContent(text,'content_feature','',1);

[589] Fix | Delete

if(html){

[590] Fix | Delete

text.innerHTML=this.shortcodeToHTML(html).content;

[591] Fix | Delete

}

[592] Fix | Delete

content.appendChild(text);

[593] Fix | Delete

[594] Fix | Delete

if (args.circle_size_feature) {

[595] Fix | Delete

classes.push('size-' + args.circle_size_feature);

[596] Fix | Delete

}

[597] Fix | Delete

if (args.css_feature) {

[598] Fix | Delete

classes.push(args.css_feature);

[599] Fix | Delete

}

[600] Fix | Delete

module.className = classes.join(' ');

[601] Fix | Delete

module.dataset.layoutMobile = args.layout_mobile;

[602] Fix | Delete

module.dataset.layoutDesktop = layoutFeature;

[603] Fix | Delete

if (args.mod_title_feature) {

[604] Fix | Delete

module.appendChild(constructor.getModuleTitle(args.mod_title_feature,'mod_title_feature'));

[605] Fix | Delete

}

[606] Fix | Delete

module.append(featureImage, content);

[607] Fix | Delete

return module;

[608] Fix | Delete

}

[609] Fix | Delete

};

[610] Fix | Delete

})(tb_app);

[611] Fix | Delete