File widgets/pie-chart/pie-chart.php

  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 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

<?php

namespace SIW\Widgets;

use SIW\Elements\Pie_Chart as Element_Pie_Chart;
use SIW\HTML;

/**
 * Widget met grafiek
 *
 * @copyright 2019 SIW Internationale Vrijwilligersprojecten
 * @since     3.0.0
 * 
 * @widget_data
 * Widget Name: SIW: Grafiek
 * Description: Toont grafiek.
 * Author: SIW Internationale Vrijwilligersprojecten
 * Author URI: https://www.siw.nl
 */
class Pie_Chart extends Widget {

    /**
     * {@inheritDoc}
     *
     * @var string
     */
    protected $widget_id = 'pie_chart';

    /**
     * {@inheritDoc}
     *
     * @var string
     */
    protected $widget_dashicon = 'chart-pie';

    /**
     * {@inheritDoc}
     */
    protected function set_widget_properties() {
        $this->widget_name = __( 'Taartgrafiek', 'siw' );
        $this->widget_description = __( 'Toont taartgrafiek', 'siw' );
    }

    /**
     * {@inheritDoc}
     */
    public function get_widget_form() {
        $widget_form = [
            'title' => [
                'type'      => 'text',
                'label'     => __( 'Titel', 'siw'),
            ],
            'intro' => [
                'type'           => 'tinymce',
                'label'          => __( 'Intro', 'siw' ),
                'rows'           => 10,
                'default_editor' => 'html',
            ],
            'show_explanation' => [
                'type'          => 'checkbox',
                'label'         => __( 'Toon lijst met toelichting', 'siw' ),
                'default'       => false,
                'state_emitter' => [
                    'callback'    => 'conditional',
                    'args'        => [
                        'explanation[show]: val',
                        'explanation[hide]: ! val'
                    ],
                ],
            ],
            'series' => [
                'type'          => 'repeater',
                'label'         => __( 'Data' , 'siw' ),
                'item_name'     => __( 'Datapunt', 'siw' ),
                'item_label'    => [
                    'selector'     => "[id*='label']",
                    'update_event' => 'change',
                    'value_method' => 'val'
                ],
                'fields' => [
                    'label' => [
                        'type'  => 'text',
                        'label' => __( 'Label', 'siw' )
                    ],
                    'value' => [
                        'type'    => 'number',
                        'label'   => __( 'Waarde', 'siw' ),
                    ],
                    'explanation' => [
                        'type'           => 'tinymce',
                        'label'          => __( 'Toelichting', 'siw' ),
                        'rows'           => 10,
                        'default_editor' => 'html',
                        'state_handler' => [
                            'explanation[show]' => [ 'show' ],
                            'explanation[hide]' => [ 'hide' ],
                        ],
                    ]
                ]
            ],
        ];
        return $widget_form;
    }

    /**
     * {@inheritDoc}
     */
    protected function get_content( array $instance, array $args, array $template_vars, string $css_name ) { 
        $content = '';
        if ( isset( $instance['intro'] ) ) {
            $content .= wpautop( wp_kses_post( $instance['intro'] ) );
        }
        $chart = new Element_Pie_Chart();
        $content .= $chart->generate( $instance['series'] ); //TODO: check of dit series wel gevuld is

        if ( $instance['show_explanation'] ) {
            $explanation = array_map(
                function( $data ) {
                    return '<b>' . $data['label'] . '</b>' . wpautop( $data['explanation'] );
                }, 
                $instance['series']
            );
            $content .= HTML::generate_list( $explanation );
        }

        return $content;
    }
}

Namespaces

Classes

Functions