* Render progress widget output in the editor.

[500] Fix | Delete

*

[501] Fix | Delete

* Written as a Backbone JavaScript template and used to generate the live preview.

[502] Fix | Delete

*

[503] Fix | Delete

* @since 2.9.0

[504] Fix | Delete

* @access protected

[505] Fix | Delete

*/

[506] Fix | Delete

protected function content_template() {

[507] Fix | Delete

?>

[508] Fix | Delete

<#

[509] Fix | Delete

if ( '' === settings.title && '' === settings.percent.size ) {

[510] Fix | Delete

return;

[511] Fix | Delete

}

[512] Fix | Delete

[513] Fix | Delete

const title_tag = elementor.helpers.validateHTMLTag( settings.title_tag );

[514] Fix | Delete

const progressbar_id = 'elementor-progress-bar-<?php echo esc_attr( $this->get_id() ); ?>';

[515] Fix | Delete

[516] Fix | Delete

let progress_percentage = 0;

[517] Fix | Delete

if ( ! isNaN( settings.percent.size ) ) {

[518] Fix | Delete

progress_percentage = 100 < settings.percent.size ? 100 : settings.percent.size;

[519] Fix | Delete

}

[520] Fix | Delete

[521] Fix | Delete

if ( settings.title ) {

[522] Fix | Delete

[523] Fix | Delete

if ( 'yes' === settings.title_display ) {

[524] Fix | Delete

[525] Fix | Delete

view.addRenderAttribute(

[526] Fix | Delete

'title',

[527] Fix | Delete

{

[528] Fix | Delete

'class': 'elementor-title',

[529] Fix | Delete

'id': progressbar_id,

[530] Fix | Delete

}

[531] Fix | Delete

);

[532] Fix | Delete

[533] Fix | Delete

view.addInlineEditingAttributes( 'title' );

[534] Fix | Delete

[535] Fix | Delete

view.addRenderAttribute( 'progressWrapper', 'aria-labelledby', progressbar_id );

[536] Fix | Delete

[537] Fix | Delete

} else {

[538] Fix | Delete

[539] Fix | Delete

view.addRenderAttribute( 'progressWrapper', 'aria-label', settings.title );

[540] Fix | Delete

[541] Fix | Delete

}

[542] Fix | Delete

}

[543] Fix | Delete

[544] Fix | Delete

view.addRenderAttribute(

[545] Fix | Delete

'progressWrapper',

[546] Fix | Delete

{

[547] Fix | Delete

'class': [ 'elementor-progress-wrapper', 'progress-' + settings.progress_type ],

[548] Fix | Delete

'role': 'progressbar',

[549] Fix | Delete

'aria-valuemin': '0',

[550] Fix | Delete

'aria-valuemax': '100',

[551] Fix | Delete

'aria-valuenow': progress_percentage,

[552] Fix | Delete

}

[553] Fix | Delete

);

[554] Fix | Delete

[555] Fix | Delete

if ( '' !== settings.inner_text ) {

[556] Fix | Delete

view.addRenderAttribute( 'progressWrapper', 'aria-valuetext', progress_percentage + '% (' + settings.inner_text + ')' );

[557] Fix | Delete

}

[558] Fix | Delete

[559] Fix | Delete

view.addRenderAttribute( 'inner_text', 'class', 'elementor-progress-text' );

[560] Fix | Delete

[561] Fix | Delete

view.addInlineEditingAttributes( 'inner_text' );

[562] Fix | Delete

#>

[563] Fix | Delete

<# if ( settings.title && 'yes' === settings.title_display ) { #>

[564] Fix | Delete

<{{ title_tag }} {{{ view.getRenderAttributeString( 'title' ) }}}>{{ settings.title }}</{{ title_tag }}>

[565] Fix | Delete

<# } #>

[566] Fix | Delete

<div {{{ view.getRenderAttributeString( 'progressWrapper' ) }}}>

[567] Fix | Delete

<div class="elementor-progress-bar" data-max="{{ progress_percentage }}">

[568] Fix | Delete

<span {{{ view.getRenderAttributeString( 'inner_text' ) }}}>{{ settings.inner_text }}</span>

[569] Fix | Delete

<# if ( 'show' === settings.display_percentage ) { #>

[570] Fix | Delete

<span class="elementor-progress-percentage">{{{ progress_percentage }}}%</span>

[571] Fix | Delete

<# } #>

[572] Fix | Delete

</div>

[573] Fix | Delete

</div>

[574] Fix | Delete

<?php

[575] Fix | Delete

}

[576] Fix | Delete

}

[577] Fix | Delete

[578] Fix | Delete