README

此包允许您向 Nova 中的资源和仪表板添加进度条字段。

它基本上将一个介于0到1之间的十进制值字段显示为百分比进度条。

要编辑字段，我们建议使用标准的数字（\Laravel\Nova\Fields\Number）字段。

免责声明

此包仍在开发中。欢迎帮助改进它。

原始包

• 要求
• 安装
• 基本用法
• 高级选项

要求

• Laravel v9.0.*
• Laravel Nova v4.*

安装

只需运行

composer require flatroy/nova-progressbar-field

之后，设置将完成，您可以使用此处列出的组件。

基本用法

// in App\Nova\User
...
use Flatroy\FieldProgressbar\FieldProgressbar;
use Laravel\Nova\Fields\Number;
...

/**
 * Get the fields displayed by the resource.
 *
 * @param \Laravel\Nova\Http\Requests\NovaRequest $request
 * @return array
 */
public function fields(NovaRequest $request)
{
    return [
        Number::make(__('Score'), 'score')
            ->min(0.01)
            ->max(1)
            ->step(0.01)
            ->onlyOnForms(),

        FieldProgressbar::make(__('Score'), 'score')
            ->sortable(),  
    ];
}

高级选项

自定义颜色

public function cards(NovaRequest $request)
{
    return [
        FieldProgressbar::make('Awesomeness')
            ->options([
                'color' => '#FFEA82',
            ]),
    ];
}

动画进度条颜色 A -> B

public function cards(NovaRequest $request)
{
    return [
        FieldProgressbar::make('Awesomeness')
            ->options([
                'fromColor' => '#FFEA82',
                'toColor' => '#40BF55',
                'animateColor' => true,
            ]),
    ];
}

自定义文本和隐藏字段标签

public function cards(NovaRequest $request)
{
    return [
        FieldProgressbar::make('Awesomeness')
                ->hideLabel()
                ->subtitleInDetail('custom subtitle'),
    ];
}

自定义宽度（小、中或大）

public function cards(NovaRequest $request)
{
    return [
        FieldProgressbar::make('Awesomeness')
            ->options([
                'width' => 'medium',
            ]),
    ];
}

欢迎提出改进建议。

基于此包的包：nova-progressbar-field 由 Signifly