1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114
<?php
namespace SIW\Widgets;
use SIW\Elements;
class Infobox extends Widget {
protected $widget_id ='infobox';
protected $widget_dashicon = 'align-right';
protected function set_widget_properties() {
$this->widget_name = __( 'Infobox', 'siw');
$this->widget_description = __( 'Toont infoboxes met icon', 'siw' );
}
public function get_widget_form() {
$widget_form = [
'title' => [
'type' => 'text',
'label' => __( 'Titel', 'siw'),
],
'intro' => [
'type' => 'tinymce',
'label' => __( 'Intro', 'siw' ),
'rows' => 10,
'default_editor' => 'html',
],
'infoboxes' => [
'type' => 'repeater',
'label' => __( 'Infoboxes' , 'siw' ),
'item_name' => __( 'Infobox', 'siw' ),
'item_label' => [
'selector' => "[id*='title']",
'update_event' => 'change',
'value_method' => 'val'
],
'fields' => [
'icon' => [
'type' => 'icon',
'label' => __( 'Icoon', 'siw' ),
],
'title' => [
'type' => 'text',
'label' => __( 'Titel', 'siw' )
],
'content' => [
'type' => 'tinymce',
'label' => __( 'Inhoud', 'siw' ),
'rows' => 10,
'default_editor' => 'html',
],
],
],
];
return $widget_form;
}
public function get_content( array $instance, array $args, array $template_vars, string $css_name ) {
ob_start();
?>
<?php
if ( isset( $instance['intro'] ) ) {
echo wp_kses_post( $instance['intro'] );
}
foreach ( $instance['infoboxes'] as $infobox ) : ?>
<div class="row header">
<div class="icon ">
<?php echo Elements::generate_icon( $infobox['icon'], 3, 'circle');?>
</div>
<div class="title">
<h4><?php echo esc_html( $infobox['title'] );?></h4>
</div>
</div>
<div class="row">
<div class="content col-md-12">
<?php echo wpautop( wp_kses_post( $infobox['content'] ) );?>
</div>
</div>
<?php endforeach;
$content = ob_get_clean();
return $content;
}
}