zentao/module/block/ui/releasestatisticblock.html.php

<?php
/**
* The releasestatistic block view file of block module of ZenTaoPMS.
* @copyright   Copyright 2009-2023 禅道软件（青岛）有限公司(ZenTao Software (Qingdao) Co., Ltd. www.zentao.net)
* @license     ZPL(https://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
* @author      Yuting Wang <wangyuting@easycorp.ltd>
* @package     block
* @link        https://www.zentao.net
*/

namespace zin;

$annualMaxReleases   = !empty($releases) ? max($releases) : 0;
$releaseProgressData = array();
$spanWidth          = (strlen((string)($annualMaxReleases)) * 0.425 + 0.125) . 'rem';
$i = 1;
foreach($releases as $productName => $releaseCount)
{
    $progress = ($annualMaxReleases ? ($releaseCount / $annualMaxReleases * 100) : 0) . '%';

    $nameClass  = '';
    $labelClass = 'primary';
    if($i == 1) $labelClass = $nameClass = 'danger';
    if($i == 2 || $i == 3) $labelClass = $nameClass = 'warning';

    $releaseProgressData[] = div
    (
        set::className('flex justify-between'),
        cell
        (
            set::width('calc(30% - 0.5rem)'),
            set::className('clip py-1.5'),
            label
            (
                set::className($labelClass . '-pale px-1.5 circle'),
                $i
            ),
            span
            (
                set::className('pl-2 text-' . $nameClass),
                set::title($productName),
                $productName
            )
        ),
        cell
        (
            set::width('70%'),
            setClass('flex items-center py-1.5 border-l'),
            div
            (
                width("calc(calc(100% - {$spanWidth}) * " . ($annualMaxReleases ? $releaseCount / $annualMaxReleases : 0) . ')'),
                setClass('progress progress-bar h-3'),
                set('role', 'progressbar'),
                setStyle(array('background' => 'var(--color-primary-300)'))
            ),
            span
            (
                setClass('pl-0.5'),
                $releaseCount
            )
        )
    );
    $i ++;
}

blockPanel
(
    to::titleSuffix
    (
        icon
        (
            setClass('text-light text-sm cursor-pointer'),
            toggle::tooltip
            (
                array
                (
                    'title'     => sprintf($lang->block->tooltips['metricTime'], $metricTime),
                    'placement' => 'bottom',
                    'type'      => 'white',
                    'className' => 'text-dark border border-light leading-5'
                )
            ),
            'help'
        )
    ),
    div
    (
        set::className('flex flex-wrap justify-between'),
        cell
        (
            set::width($longBlock ? '49%' : '100%'),
            set::className($longBlock ? '' : 'pb-2'),

            div
            (
                set::className('px-2 pb-2'),
                $lang->block->releasestatistic->monthly
            ),
            echarts
            (
                set::color(array('#2B80FF')),
                set::width('100%'),
                set::height($longBlock ? 200 : 175),
                set::grid(array('left' => '10px', 'top' => '30px', 'right' => '0', 'bottom' => '0',  'containLabel' => true)),
                set::xAxis(array('type' => 'category', 'data' => array_keys($releaseData), 'axisTick' => array('alignWithLabel' => true))),
                set::yAxis(array('type' => 'value', 'name' => $app->getClientLang() == 'en' ? $lang->release->common : $lang->number, 'splitLine' => array('show' => false), 'axisLine' => array('show' => true, 'color' => '#DDD'))),
                set::series
                (
                    array
                    (
                        array
                        (
                            'type'     => 'line',
                            'name'     => $lang->product->releases,
                            'data'     => array_values($releaseData),
                            'emphasis' => array('label' => array('show' => true))
                        )
                    )
                )
            )
        ),
        cell
        (
            set::width($longBlock ? '49%' : '100%'),
            div
            (
                set::className('px-2 pb-2'),
                icon('chart-bar pr-1'),
                sprintf($lang->block->releasestatistic->annual, date('Y'))
            ),
            div
            (
                set::className('p-2 overflow-y-auto'),
                setStyle('height', $longBlock ? '200px' : '175px'),
                $releaseProgressData
            )
        )
    )
);

render();