0, 'max' => 100, 'value' => isset($value['size']) ? $value['size'] : $value, 'text' => ($show_percents == 'yes' ? true : false), 'round' => ($round == 'yes' ? true : false), 'circle' => ($circle == 'yes' ? true : false), 'padding' => isset($padding['size']) ? $padding['size'] : $padding, 'radius' => ($widget_width['size'] / 2), 'thickness' => isset($thickness['size']) ? $thickness['size'] : $thickness, 'bg' => $background_color, 'color' => $line_color ]; $this->add_render_attribute( 'widget', [ 'class' => [ 'stratum-circle-progress-bar' ] ] ); $this->add_render_attribute( 'wrapper', [ 'class' => 'stratum-circle-progress-bar__wrapper', 'data-options' => json_encode( $options ) ] ); //-----------/PHP----------- } //-----------JS (BACKBONE)----------- elseif ( $type == 'js' ) { ?> <# const options = { min: 0, max: 100, value: (settings.value.size != '' ? settings.value.size : 0), text: (settings.show_percents == 'yes' ? true : false), round: (settings.round == 'yes' ? true : false), circle: (settings.circle == 'yes' ? true : false), padding: settings.padding.size, radius: (settings.widget_width.size / 2), thickness: settings.thickness.size, bg: settings.background_color, color: settings.line_color }; view.addRenderAttribute( 'widget', { 'class': [ 'stratum-circle-progress-bar' ] } ); view.addRenderAttribute( 'wrapper', { 'class': [ 'stratum-circle-progress-bar__wrapper' ], 'data-options': JSON.stringify(options), } ); #> get_render_attribute_string( 'widget' ) : "{{{ view.getRenderAttributeString( 'widget' ) }}}"; $attr_wrapper = ($type == 'php') ? $this->get_render_attribute_string( 'wrapper' ): "{{{ view.getRenderAttributeString( 'wrapper' ) }}}"; ?>

> <# if ( settings.show_percents == '' && settings.text != '' ) { #> <# } #>