TbExtendedGridView.php

Go to the documentation of this file.

<?php
Yii::import('booster.widgets.TbGridView');

class TbExtendedGridView extends TbGridView {
        
        public $fixedHeader = false;

        public $headerOffset = 0;

        public $template = "{summary}\n{items}\n{pager}\n{extendedSummary}";

        public $extendedSummary = array();

        public $extendedSummaryCssClass = 'extended-summary';

        public $extendedSummaryOptions = array();

        public $componentsAfterAjaxUpdate = array();

        public $componentsReadyScripts = array();

        public $chartOptions = array();

        public $sortableRows = false;

        public $sortableAttribute = 'sort_order';

        public $sortableAjaxSave = false;

        public $sortableAction;

        public $afterSortableUpdate;

        public $selectableCells = false;

        public $selectableCellsFilter = 'td';

        public $afterSelectableCells;
        public $bulkActions = array();

        public $bulkActionAlign = 'right';

        protected $bulk;

        protected $displayExtendedSummary;
        protected $displayChart;

        protected $extendedSummaryTypes = array();

        protected $extendedSummaryOperations = array(
                'TbSumOperation',
                'TbCountOfTypeOperation',
                'TbPercentOfTypeOperation',
                'TbPercentOfTypeEasyPieOperation',
                'TbPercentOfTypeGooglePieOperation'
        );

        public function init(){

                if (preg_match(
                        '/extendedsummary/i',
                        $this->template
                ) && !empty($this->extendedSummary) && isset($this->extendedSummary['columns'])
                ) {
                        $this->template .= "\n{extendedSummaryContent}";
                        $this->displayExtendedSummary = true;
                }
                if (!empty($this->chartOptions) && @$this->chartOptions['data'] && $this->dataProvider->getItemCount()) {
                        $this->displayChart = true;
                }
                if ($this->bulkActions !== array() && isset($this->bulkActions['actionButtons'])) {
                        if (!isset($this->bulkActions['class'])) {
                                $this->bulkActions['class'] = 'booster.widgets.TbBulkActions';
                        }

                        $this->bulk = Yii::createComponent($this->bulkActions, $this);
                        $this->bulk->init();
                }
                // if(isset($this->bulkActions['selectableEqualsChecked']) && $this->bulkActions['selectableEqualsChecked'] === true) {
                        $this->selectionChanged = 'js:function(id) {
                                $("#"+id+" input[type=checkbox]").change();
                        }';
                // }
                parent::init();
        }

        public function renderContent()
        {
                parent::renderContent();
                $this->registerCustomClientScript();
        }

        public function renderKeys()
        {
                $data = $this->dataProvider->getData();
                
                if (!$this->sortableRows || (isset($data[0]) && !isset($data[0]->attributes[(string)$this->sortableAttribute]))) {
                        parent::renderKeys();
                }

                echo CHtml::openTag(
                        'div',
                        array(
                                'class' => 'keys',
                                'style' => 'display:none',
                                'title' => Yii::app()->getRequest()->getUrl(),
                        )
                );
                foreach ($data as $d) {
                        echo CHtml::tag(
                                'span',
                                array('data-order' => $this->getAttribute($d, $this->sortableAttribute)),
                                CHtml::encode($this->getPrimaryKey($d))
                        );
                }
                echo "</div>\n";
                return true;
        }

        protected function getAttribute($data, $attribute)
        {
                if ($this->dataProvider instanceof CActiveDataProvider && $data->hasAttribute($attribute)) {
                        return $data->{$attribute};
                }

                if ($this->dataProvider instanceof CArrayDataProvider || $this->dataProvider instanceof CSqlDataProvider) {
                        if (is_object($data) && isset($data->{$attribute})) {
                                return $data->{$attribute};
                        }
                        if (isset($data[$attribute])) {
                                return $data[$attribute];
                        }
                }
                return null;
        }

        protected function getPrimaryKey($data)
        {
                if ($this->dataProvider instanceof CActiveDataProvider) {
                        $key = $this->dataProvider->keyAttribute === null ? $data->getPrimaryKey() : $data->{$this->dataProvider->keyAttribute};
                        return is_array($key) ? implode(',', $key) : $key;
                }
                if (($this->dataProvider instanceof CArrayDataProvider || $this->dataProvider instanceof CSqlDataProvider) && !empty($this->dataProvider->keyField)) {
                        return is_object($data) ? $data->{$this->dataProvider->keyField}
                                : $data[$this->dataProvider->keyField];
                }

                return null;
        }

        public function renderTableHeader() {
                
                $this->renderChart();
                parent::renderTableHeader();
        }

        public function renderTableFooter()
        {
                $hasFilter = $this->filter !== null && $this->filterPosition === self::FILTER_POS_FOOTER;

                $hasFooter = $this->getHasFooter();
                if ($this->bulk !== null || $hasFilter || $hasFooter) {
                        echo "<tfoot>\n";
                        if ($hasFooter) {
                                echo "<tr>\n";
                                foreach ($this->columns as $column) {
                                        $column->renderFooterCell();
                                }
                                echo "</tr>\n";
                        }
                        if ($hasFilter) {
                                $this->renderFilter();
                        }

                        if ($this->bulk !== null) {
                                $this->renderBulkActions();
                        }
                        echo "</tfoot>\n";
                }
        }

        public function renderBulkActions() {
                
        Booster::getBooster()->registerAssetJs('jquery.saveselection.gridview.js');
        $this->componentsAfterAjaxUpdate[] = "$.fn.yiiGridView.afterUpdateGrid('".$this->id."');";
                echo '<tr><td colspan="' . count($this->columns) . '">';
                $this->bulk->renderButtons();
                echo '</td></tr>';
        }


        public function renderChart() {
                
                if (!$this->displayChart || $this->dataProvider->getItemCount() <= 0) {
                        return;
                }

                if (!isset($this->chartOptions['data']['series'])) {
                        throw new CException(Yii::t(
                                'zii',
                                'You need to set the "series" attribute in order to render a chart'
                        ));
                }

                $configSeries = $this->chartOptions['data']['series'];
                if (!is_array($configSeries)) {
                        throw new CException(Yii::t('zii', '"chartOptions.series" is expected to be an array.'));
                }


                if (!isset($this->chartOptions['config'])) {
                        $this->chartOptions['config'] = array();
                }

                // ****************************************
                // render switch buttons
                $buttons = Yii::createComponent(
                        array(
                                'class' => 'booster.widgets.TbButtonGroup',
                                'toggle' => 'radio',
                                'buttons' => array(
                                        array(
                                                'label' => Yii::t('zii', 'Grid'),
                                                'url' => '#',
                                                'htmlOptions' => array('class' => 'active ' . $this->getId() . '-grid-control grid')
                                        ),
                                        array(
                                                'label' => Yii::t('zii', 'Chart'),
                                                'url' => '#',
                                                'htmlOptions' => array('class' => $this->getId() . '-grid-control chart')
                                        ),
                                ),
                                'htmlOptions' => array('style' => 'margin-bottom:5px')
                        )
                );
                echo '<div>';
                $buttons->init();
                $buttons->run();
                echo '</div>';

                $chartId = preg_replace('[-\\ ?]', '_', 'exgvwChart' . $this->getId()); // cleaning out most possible characters invalid as javascript variable identifiers.

                $this->componentsReadyScripts[] = '$(document).on("click",".' . $this->getId() . '-grid-control", function() {
                        $(this).parent().find("input[type=\"radio\"]").parent().toggleClass("active");
                        if ($(this).hasClass("grid") && $("#' . $this->getId() . ' #' . $chartId . '").is(":visible"))
                        {
                                $("#' . $this->getId() . ' #' . $chartId . '").hide();
                                $("#' . $this->getId() . ' table.items").show();
                        }
                        if ($(this).hasClass("chart") && $("#' . $this->getId() . ' table.items").is(":visible"))
                        {
                                $("#' . $this->getId() . ' table.items").hide();
                                $("#' . $this->getId() . ' #' . $chartId . '").show();
                        }
                        return false;
                });';
                
                $this->componentsAfterAjaxUpdate[] = '
                        if($("label.grid.'.$this->getId().'-grid-control").hasClass("active")) {
                                $("#' . $this->getId() . ' #' . $chartId . '").hide();
                                $("#' . $this->getId() . ' table.items").show();
                        } else {
                                $("#' . $this->getId() . ' table.items").hide();
                                $("#' . $this->getId() . ' #' . $chartId . '").show();
                        }
                ';
                // end switch buttons
                // ****************************************

                // render Chart
                // chart options
                $data = $this->dataProvider->getData();
                $count = count($data);
                $seriesData = array();
                $cnt = 0;
                foreach ($configSeries as $set) {
                        $seriesData[$cnt] = array('name' => isset($set['name']) ? $set['name'] : null, 'data' => array());

                        for ($row = 0; $row < $count; ++$row) {
                                $column = $this->getColumnByName($set['attribute']);
                                if (!is_null($column) && $column->value !== null) {
                                        $seriesData[$cnt]['data'][] = $this->evaluateExpression(
                                                $column->value,
                                                array('data' => $data[$row], 'row' => $row)
                                        );
                                } else {
                                        $value = CHtml::value($data[$row], $set['attribute']);
                                        $seriesData[$cnt]['data'][] = is_numeric($value) ? (float)$value : $value;
                                }

                        }
                        ++$cnt;
                }

                $xAxisData = [];
                
                $xAxisData[] = array('categories'=>array());
                if(!empty($this->chartOptions['data']['xAxis'])){
                        $xAxis = $this->chartOptions['data']['xAxis'];
                        $categories = $xAxis['categories'];
                        if(is_array($categories)) {
                                $xAxisData['categories'] = $categories;
                        } else { // field name
                                for ($row = 0; $row < $count; ++$row) {
                                        $column = $this->getColumnByName($categories);
                                        if (!is_null($column) && $column->value !== null) {
                                                $xAxisData['categories'][] = $this->evaluateExpression(
                                                                $column->value,
                                                                array('data' => $data[$row], 'row' => $row)
                                                );
                                        } else {
                                                $value = CHtml::value($data[$row], $categories);
                                                $xAxisData['categories'][] = $value;
                                        }
                                }
                        }
                }
                
                // ****************************************
                // render chart
                $options = CMap::mergeArray(
                        $this->chartOptions['config'],
                        array('series' => $seriesData, 'xAxis' => $xAxisData)
                );
                $this->chartOptions['htmlOptions'] = isset($this->chartOptions['htmlOptions'])
                        ? $this->chartOptions['htmlOptions'] : array();
                
                // sorry but use a class to provide styles, we need this
                if(empty($this->chartOptions['htmlOptions']['style']))
                        $this->chartOptions['htmlOptions']['style'] = 'width: 100%; height: 100%;';
                else
                        $this->chartOptions['htmlOptions']['style'] = $this->chartOptions['htmlOptions']['style'].'; width: 100%; height: 100%;';
                
                // build unique ID
                // important!
                echo '<div>';
                if ($this->ajaxUpdate !== false) {
                        if (isset($options['chart']) && is_array($options['chart'])) {
                                $options['chart']['renderTo'] = $chartId;
                        } else {
                                $options['chart'] = array('renderTo' => $chartId);
                        }
                        $jsOptions = CJSON::encode($options);

                        if (isset($this->chartOptions['htmlOptions']['data-config'])) {
                                unset($this->chartOptions['htmlOptions']['data-config']);
                        }

                        echo "<div id='{$chartId}' " . CHtml::renderAttributes(
                                $this->chartOptions['htmlOptions']
                        ) . " data-config='{$jsOptions}'></div>";
                        
                        /* fix for chart dimensions changing after ajax */
                        $this->componentsAfterAjaxUpdate[] = "
                                $('#".$chartId."').width($('#".$this->id." table').width());
                                $('#".$chartId."').height($('#".$this->id." table').height() + 150);
                                highchart{$chartId} = new Highcharts.Chart($('#{$chartId}').data('config'));
                        ";
                }
                $configChart = array(
                        'class' => 'booster.widgets.TbHighCharts',
                        'id' => $chartId,
                        'options' => $options,
                        'htmlOptions' => $this->chartOptions['htmlOptions']
                );
                $chart = Yii::createComponent($configChart);
                $chart->init();
                $chart->run();
                echo '</div>';
                // end chart display
                // ****************************************
                
                // check if the chart should appear by default
                if(isset($this->chartOptions['defaultView']) && $this->chartOptions['defaultView'] === true) {
                        $this->componentsReadyScripts[] = '
                                $(".' . $this->getId() . '-grid-control.grid").removeClass("active");
                                $(".' . $this->getId() . '-grid-control.chart").addClass("active");
                                $("#' . $this->getId() . ' table.items").hide();
                                $("#' . $this->getId() . ' #' . $chartId . '").show();
                        ';
                } else {
                        $this->componentsReadyScripts[] = '
                                $(".' . $this->getId() . '-grid-control.grid").addClass("active");
                                $(".' . $this->getId() . '-grid-control.chart").removeClass("active");
                                $("#' . $this->getId() . ' table.items").show();
                                $("#' . $this->getId() . ' #' . $chartId . '").hide();
                        ';
                }
        }

        public function renderTableRow($row)
        {
                $htmlOptions = array();
                if ($this->rowHtmlOptionsExpression !== null) {
                        $data = $this->dataProvider->data[$row];
                        $options = $this->evaluateExpression(
                                $this->rowHtmlOptionsExpression,
                                array('row' => $row, 'data' => $data)
                        );
                        if (is_array($options)) {
                                $htmlOptions = $options;
                        }
                }

                if ($this->rowCssClassExpression !== null) {
                        $data = $this->dataProvider->data[$row];
                        $class = $this->evaluateExpression($this->rowCssClassExpression, array('row' => $row, 'data' => $data));
                } elseif (is_array($this->rowCssClass) && ($n = count($this->rowCssClass)) > 0) {
                        $class = $this->rowCssClass[$row % $n];
                }

                if (!empty($class)) {
                        if (isset($htmlOptions['class'])) {
                                $htmlOptions['class'] .= ' ' . $class;
                        } else {
                                $htmlOptions['class'] = $class;
                        }
                }

                echo CHtml::openTag('tr', $htmlOptions);
                foreach ($this->columns as $column) {
                        echo $this->displayExtendedSummary && !empty($this->extendedSummary['columns']) ? $this->parseColumnValue(
                                $column,
                                $row
                        ) : $column->renderDataCell($row);
                }

                echo CHtml::closeTag('tr');
        }

        public function renderExtendedSummary()
        {
                if (!isset($this->extendedSummaryOptions['class'])) {
                        $this->extendedSummaryOptions['class'] = $this->extendedSummaryCssClass;
                } else {
                        $this->extendedSummaryOptions['class'] .= ' ' . $this->extendedSummaryCssClass;
                }

                echo '<div ' . CHtml::renderAttributes($this->extendedSummaryOptions) . '></div>';
        }

        public function renderExtendedSummaryContent()
        {
                if (($count = $this->dataProvider->getItemCount()) <= 0) {
                        return;
                }

                if (!empty($this->extendedSummaryTypes)) {
                        echo '<div id="' . $this->id . '-extended-summary" style="display:none">';
                        if (isset($this->extendedSummary['title'])) {
                                echo '<h3>' . $this->extendedSummary['title'] . '</h3>';
                        }
                        foreach ($this->extendedSummaryTypes as $summaryType) {
                                $summaryType->run();
                                echo '<br/>';
                        }
                        echo '</div>';
                }
        }

        public function registerCustomClientScript()
        {
                $cs = Yii::app()->getClientScript();

                $fixedHeaderJs = '';
                if ($this->fixedHeader) {
            Booster::getBooster()->registerAssetJs('jquery.stickytableheaders' . (!YII_DEBUG ? '.min' : '') . '.js');
                        $fixedHeaderJs = "$('#{$this->id} table.items').stickyTableHeaders({fixedOffset:{$this->headerOffset}});";
                        $this->componentsAfterAjaxUpdate[] = $fixedHeaderJs;
                }

                if ($this->sortableRows) {
                        $afterSortableUpdate = '';
                        if ($this->afterSortableUpdate !== null) {
                                if (!($this->afterSortableUpdate instanceof CJavaScriptExpression) && strpos(
                                        $this->afterSortableUpdate,
                                        'js:'
                                ) !== 0
                                ) {
                                        $afterSortableUpdate = new CJavaScriptExpression($this->afterSortableUpdate);
                                } else {
                                        $afterSortableUpdate = $this->afterSortableUpdate;
                                }
                        }

                        $this->selectableRows = 1;
                        $cs->registerCoreScript('jquery.ui');
            Booster::getBooster()->registerAssetJs('jquery.sortable.gridview.js');

                        if ($this->sortableAjaxSave && $this->sortableAction !== null) {
                                $sortableAction = Yii::app()->createUrl(
                                        $this->sortableAction,
                                        array('sortableAttribute' => $this->sortableAttribute)
                                );
                        } else {
                                $sortableAction = '';
                        }

                        $afterSortableUpdate = CJavaScript::encode($afterSortableUpdate);
                        if (Yii::app()->request->enableCsrfValidation)
                        {
                                $csrfTokenName = Yii::app()->request->csrfTokenName;
                                $csrfToken = Yii::app()->request->csrfToken;
                                $csrf = "{'$csrfTokenName':'$csrfToken' }";
                        } else
                                $csrf = '{}';

                        $this->componentsReadyScripts[] = "$.fn.yiiGridView.sortable('{$this->id}', '{$sortableAction}', {$afterSortableUpdate}, $csrf);";
                        $this->componentsAfterAjaxUpdate[] = "$.fn.yiiGridView.sortable('{$this->id}', '{$sortableAction}', {$afterSortableUpdate}, $csrf);";
                }

                if ($this->selectableCells) {
                        $afterSelectableCells = '';
                        if ($this->afterSelectableCells !== null) {
                                if (!($this->afterSelectableCells instanceof CJavaScriptExpression) && strpos($this->afterSelectableCells,'js:') !== 0) {
                                        $afterSelectableCells = new CJavaScriptExpression($this->afterSelectableCells);
                                } else {
                                        $afterSelectableCells = $this->afterSelectableCells;
                                }
                        }
                        $cs->registerCoreScript('jquery.ui');
            Booster::getBooster()->registerAssetJs('jquery.selectable.gridview.js');
                        $afterSelectableCells = CJavaScript::encode($afterSelectableCells);
                        $this->componentsReadyScripts[] = "$.fn.yiiGridView.selectable('{$this->id}','{$this->selectableCellsFilter}',{$afterSelectableCells});";
                        $this->componentsAfterAjaxUpdate[] = "$.fn.yiiGridView.selectable('{$this->id}','{$this->selectableCellsFilter}', {$afterSelectableCells});";
                }

                $cs->registerScript(
                        __CLASS__ . '#' . $this->id . 'Ex',
                        '
                        var $grid = $("#' . $this->id . '");
                        ' . $fixedHeaderJs . '
                        if ($(".' . $this->extendedSummaryCssClass . '", $grid).length)
                        {
                                $(".' . $this->extendedSummaryCssClass . '", $grid).html($("#' . $this->id . '-extended-summary", $grid).html());
                        }
                        ' . (count($this->componentsReadyScripts) ? implode(PHP_EOL, $this->componentsReadyScripts) : '') . '
                        $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
                                var qs = $.deparam.querystring(options.url);
                                if (qs.hasOwnProperty("ajax") && qs.ajax == "' . $this->id . '")
                                {
                                    if (typeof (options.realsuccess) == "undefined" || options.realsuccess !== options.success)
                                    {
                        options.realsuccess = options.success;
                        options.success = function(data)
                        {
                            if (options.realsuccess) {
                                options.realsuccess(data);
                                var $data = $("<div>" + data + "</div>");
                                // we need to get the grid again... as it has been updated
                                if ($(".' . $this->extendedSummaryCssClass . '", $("#' . $this->id . '")))
                                {
                                    $(".' . $this->extendedSummaryCssClass . '", $("#' . $this->id . '")).html($("#' . $this->id . '-extended-summary", $data).html());
                                }
                                ' . (count($this->componentsAfterAjaxUpdate) ? implode(
                    PHP_EOL,
                    $this->componentsAfterAjaxUpdate
                ) : '') . '
                            }
                        }
                                    }
                                }
                        });'
                );
        }

        protected function parseColumnValue($column, $row)
        {
                ob_start();
                $column->renderDataCell($row);
                $value = ob_get_clean();

                if ($column instanceof CDataColumn && array_key_exists($column->name, $this->extendedSummary['columns'])) {
                        // lets get the configuration
                        $config = $this->extendedSummary['columns'][$column->name];
                        // add the required column object in
                        $config['column'] = $column;
                        // build the summary operation object
                        $op = $this->getSummaryOperationInstance($column->name, $config);
                        // process the value
                        $op->processValue($value);
                }
                return $value;
        }

        protected function getSummaryOperationInstance($name, $config)
        {
                if (!isset($config['class'])) {
                        throw new CException(Yii::t(
                                'zii',
                                'Column summary configuration must be an array containing a "type" element.'
                        ));
                }

                if (!in_array($config['class'], $this->extendedSummaryOperations)) {
                        throw new CException(Yii::t(
                                'zii',
                                '"{operation}" is an unsupported class operation.',
                                array('{operation}' => $config['class'])
                        ));
                }

                // name of the column should be unique
                if (!isset($this->extendedSummaryTypes[$name])) {
                        $this->extendedSummaryTypes[$name] = Yii::createComponent($config);
                        $this->extendedSummaryTypes[$name]->init();
                }
                return $this->extendedSummaryTypes[$name];
        }

        protected function getColumnByName($name)
        {
                foreach ($this->columns as $column) {
                        if (strcmp($column->name, $name) === 0) {
                                return $column;
                        }
                }
                return null;
        }

}

abstract class TbOperation extends CWidget
{
        public $template = '{label}: {value}';

        public $value = 0;

        public $label;

        public $column;

        public function init()
        {
                if (null == $this->column) {
                        throw new CException(Yii::t(
                                'zii',
                                '"{attribute}" attribute must be defined',
                                array('{attribute}' => 'column')
                        ));
                }
        }

        public function run()
        {
                $this->displaySummary();
        }

        abstract public function processValue($value);

        abstract public function displaySummary();

}

class TbSumOperation extends TbOperation
{
        protected $total;

        protected $supportedTypes = array('raw', 'text', 'ntext', 'number');

        public function init()
        {
                parent::init();

                if (!in_array($this->column->type, $this->supportedTypes)) {
                        throw new CException(Yii::t(
                                'zii',
                                'Unsupported column type. Supported column types are: "{types}"',
                                array(
                                        '{types}' => implode(', ', $this->supportedTypes)
                                )
                        ));
                }
        }

        protected function extractNumber($value)
        {
                preg_match_all('/([+-]?[0-9]+[,\.]?)+/', $value, $matches);
                return !empty($matches[0]) && @$matches[0][0] ? $matches[0][0] : 0;
        }

        public function processValue($value)
        {
                // remove html tags as we cannot access renderDataCellContent from the column
                $clean = strip_tags($value);
                $this->total += ((float)$this->extractNumber($clean));
        }

        public function displaySummary()
        {
                echo strtr(
                        $this->template,
                        array(
                                '{label}' => $this->label,
                                '{value}' => $this->total === null ? '' : Yii::app()->format->format($this->total, $this->column->type)
                        )
                );
        }
}

class TbCountOfTypeOperation extends TbOperation
{
        public $template = '{label}: {types}';

        public $typeTemplate = '{label}({value})';

        public $types = array();

        public function init()
        {
                if (empty($this->types)) {
                        throw new CException(Yii::t(
                                'zii',
                                '"{attribute}" attribute must be defined',
                                array('{attribute}' => 'types')
                        ));
                }
                foreach ($this->types as $type) {
                        if (!isset($type['label'])) {
                                throw new CException(Yii::t('zii', 'The "label" of a type must be defined.'));
                        }
                }
                parent::init();
        }

        public function processValue($value)
        {
                $clean = strip_tags($value);

                if (array_key_exists($clean, $this->types)) {
                        if (!isset($this->types[$clean]['value'])) {
                                $this->types[$clean]['value'] = 0;
                        }
                        $this->types[$clean]['value'] += 1;
                }
        }

        public function displaySummary()
        {
                $typesResults = array();
                foreach ($this->types as $type) {
                        if (!isset($type['value'])) {
                                $type['value'] = 0;
                        }

                        $typesResults[] = strtr(
                                $this->typeTemplate,
                                array('{label}' => $type['label'], '{value}' => $type['value'])
                        );
                }
                echo strtr($this->template, array('{label}' => $this->label, '{types}' => implode(' ', $typesResults)));
        }
}

class TbPercentOfTypeOperation extends TbCountOfTypeOperation
{
        public $typeTemplate = '{label}({value}%)';

        protected $_total;

        public function displaySummary()
        {
                $typesResults = array();

                foreach ($this->types as $type) {
                        if (!isset($type['value'])) {
                                $type['value'] = 0;
                        }

                        $type['value'] = $this->getTotal() ? number_format((float)($type['value'] / $this->getTotal()) * 100, 1)
                                : 0;
                        $typesResults[] = strtr(
                                $this->typeTemplate,
                                array('{label}' => $type['label'], '{value}' => $type['value'])
                        );
                }

                echo strtr($this->template, array('{label}' => $this->label, '{types}' => implode(' ', $typesResults)));
        }

        protected function getTotal()
        {
                if (null == $this->_total) {
                        $this->_total = 0;
                        foreach ($this->types as $type) {
                                if (isset($type['value'])) {
                                        $this->_total += $type['value'];
                                }
                        }
                }
                return $this->_total;
        }
}

class TbPercentOfTypeGooglePieOperation extends TbPercentOfTypeOperation
{
        public $chartCssClass = 'bootstrap-operation-google-pie-chart';

        public $chartOptions = array(
                'title' => 'Google Pie Chart'
        );

        protected $data = array();

        public function displaySummary() {
                
                $this->data[] = array('Label', 'Percent');

                foreach ($this->types as $type) {
                        if (!isset($type['value'])) {
                                $type['value'] = 0;
                        }

                        $this->data[] = $this->getTotal() ? array(
                                $type['label'],
                                (float)number_format(($type['value'] / $this->getTotal()) * 100, 1)
                        ) : 0;
                }
                $data = CJavaScript::jsonEncode($this->data);
                $options = CJavaScript::jsonEncode($this->chartOptions);
                echo "<div id='{$this->id}' class='{$this->chartCssClass}' data-data='{$data}' data-options='{$options}'></div>";

                $this->registerClientScript();
        }

        public function registerClientScript()
        {
                $chart = Yii::createComponent(
                        array(
                                'class' => 'booster.widgets.TbGoogleVisualizationChart',
                                'visualization' => 'PieChart',
                                'containerId' => $this->getId(),
                                'data' => $this->data,
                                'options' => $this->chartOptions
                        )
                );
                $chart->init();
                $chart->run();

                $this->column->grid->componentsAfterAjaxUpdate[__CLASS__] =
                        'var $el = $("#' . $this->getId() . '");var data = $el.data("data");var opts = $el.data("options");
                        data = google.visualization.arrayToDataTable(data);
                        ' . $chart->getId() . '=new google.visualization.PieChart(document.getElementById("' . $this->getId() . '"));
                        ' . $chart->getId() . '.draw(data,opts);';
        }

}

class TbPercentOfTypeEasyPieOperation extends TbPercentOfTypeOperation
{
        public $chartCssClass = 'bootstrap-operation-easy-pie-chart';

        public $template = '<div style="clear:both">{label}: </div>{types}';

        public $typeTemplate = '<div style="float:left;text-align:center;margin:2px"><div class="{class}" data-percent="{value}">{value}%</div><div>{label}</div></div>';

        // easy-pie-chart plugin options
        // @see https://github.com/rendro/easy-pie-chart#configuration-parameter
        public $chartOptions = array(
                'barColor' => '#ef1e25',
                // The color of the curcular bar. You can pass either a css valid color string like rgb,
                // rgba hex or string colors. But you can also pass a function that accepts the current
                // percentage as a value to return a dynamically generated color.
                'trackColor' => '#f2f2f2',
                // The color of the track for the bar, false to disable rendering.
                'scaleColor' => '#dfe0e0',
                // The color of the scale lines, false to disable rendering.
                'lineCap' => 'round',
                // Defines how the ending of the bar line looks like. Possible values are: butt, round and square.
                'lineWidth' => 5,
                // Width of the bar line in px.
                'size' => 80,
                // Size of the pie chart in px. It will always be a square.
                'animate' => false,
                // Time in milliseconds for a eased animation of the bar growing, or false to deactivate.
                'onStart' => 'js:$.noop',
                // Callback function that is called at the start of any animation (only if animate is not false).
                'onStop' => 'js:$.noop'
                // Callback function that is called at the end of any animation (only if animate is not false).
        );

        public function displaySummary()
        {
                $this->typeTemplate = strtr($this->typeTemplate, array('{class}' => $this->chartCssClass));

                parent::displaySummary();
                $this->registerClientScripts();
        }

        protected function registerClientScripts()
        {
        $booster = Booster::getBooster();
        $booster->registerAssetCss('easy-pie-chart.css');
        $booster->registerAssetJs('jquery.easy.pie.chart.js');

                $options = CJavaScript::encode($this->chartOptions);
                Yii::app()->getClientScript()->registerScript(
                        __CLASS__ . '#percent-of-type-operation-simple-pie',
                        '
                                           $("#' . $this->column->grid->id . ' .' . $this->column->grid->extendedSummaryCssClass . ' .' . $this->chartCssClass . '")
                                .easyPieChart(' . $options . ');
                '
                );
                $this->column->grid->componentsReadyScripts[__CLASS__] =
                $this->column->grid->componentsAfterAjaxUpdate[__CLASS__] =
                        '$("#' . $this->column->grid->id . ' .' . $this->column->grid->extendedSummaryCssClass . ' .' . $this->chartCssClass . '")
                                .easyPieChart(' . $options . ');';
        }
}