signifly/nova-progressbar-field

A Laravel Nova progress bar field.

v0.0.2 2019-09-27 12:42 UTC

Requires

• php: >=7.1.0

MIT

• Ro Kleine Sonne

• nova
• progressbar
• laravel
• fields

README

This package allows you to add progressbar fields to your resources and dashboards in Nova.

It basically takes a field with a decimal value between 0 and 1 and shows it as a percentage progress bar.

It edits like a text field.

DISCLAIMER:

This package is still work in progress. Feel free to help improve it.

• Requirements
• Installation
• Basic Usage
• Advanced Options

Requirements

• Laravel v5.8.*
• Laravel Nova v2.*

Installation

Just run:

composer require Signifly/nova-progressbar-field

After this the setup will be complete and you can use the components listed here.

Basic Usage

// in App\Nova\User
...
use signifly\Nova\Fields\ProgressBar\ProgressBar;
...

/**
 * Get the fields available for the request.
 *
 * @param  \Illuminate\Http\Request  $request
 * @return array
 */
public function fields(Request $request)
{
    return [
        ProgressBar::make('Awesomeness'),
    ];
}

Advanced Options

Custom color

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

Animate Bar Color A -> B

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

Feel free to come with suggestions for improvements.