Skip to content

Commit

Permalink
🏞️
Browse files Browse the repository at this point in the history
  • Loading branch information
atmonshi committed Jan 21, 2024
1 parent a030ea3 commit 9b32567
Show file tree
Hide file tree
Showing 6 changed files with 90 additions and 62 deletions.
17 changes: 14 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,18 +13,29 @@

</p>

## features
## Features

- πŸ”₯ configurable per panel
- πŸ”₯ set the variant, size and color
- πŸ”₯ set Variant (marble, beam, pixel, sunset, ring or bauhaus)
- πŸ”₯ Custom size
- πŸ”₯ Custom colors
- πŸ”₯ Square avatars
- πŸ”₯ Name, email or username

## Screenshots

![](https://larazeus.com/images/screenshots/boredom/boredom-1.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-2.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-3.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-4.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-5.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-6.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-7.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-8.png)

## Demo

> Visit our demo site: https://demo.larazeus.com/admin/components-demo/boredom
> Visit our demo site: https://demo.larazeus.com/admin/users
## Full Documentation

Expand Down
6 changes: 3 additions & 3 deletions docs/_index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: v1
slogan: filamentphp column to easily add a chart in filamentPHP table column
githubUrl: https://github.com/lara-zeus/inline-chart
slogan: use Boring Avatars as the default avatar provider in your FilamentPHP v3 application
githubUrl: https://github.com/lara-zeus/boredom
branch: v1.x
icon: heroicon-o-chart-bar-square
icon: heroicon-o-light-bulb
---
38 changes: 22 additions & 16 deletions docs/filament.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,32 @@
# Zeus Inline Chart
# Zeus Boredom

Inline Chart is to easily add a chart in filamentPHP table column
use Boring Avatars as the default avatar provider in your FilamentPHP v3 application

## Features

- πŸ”₯ Use any filament chart classes
- πŸ”₯ Better tooltip
- πŸ”₯ Use any widget type
- πŸ”₯ Max Width
- πŸ”₯ Polling
- πŸ”₯ configurable per panel
- πŸ”₯ set Variant (marble, beam, pixel, sunset, ring or bauhaus)
- πŸ”₯ Custom size
- πŸ”₯ Custom colors
- πŸ”₯ Square avatars
- πŸ”₯ Name, email or username

## Screenshots

![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-1.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-2.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-3.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-4.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-1.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-2.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-3.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-4.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-5.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-6.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-7.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-8.png)

## More Details
**✨ to learn more about Zeus Inline Chart, please visit:**

- [Discord](https://discord.com/channels/883083792112300104/1197986417855430820)
- [Docs](https://larazeus.com/docs/inline-chart)
- [Github](https://github.com/lara-zeus/inline-chart)
- [Demo](https://demo.larazeus.com/admin/components-demo/inline-chart)
**✨ to learn more about Zeus Boredom, please visit:**

- [Discord](#)
- [Docs](https://larazeus.com/docs/boredom)
- [Github](https://github.com/lara-zeus/boredom)
- [Demo](https://demo.larazeus.com/admin/components-demo/boredom)
2 changes: 1 addition & 1 deletion docs/getting-started/changelog.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,4 @@ title: Changelog
weight: 100
---

All changes to @zeus `Inline Chart` are auto updated documented on GitHub [changelog](https://github.com/lara-zeus/inline-chart/blob/1.x/CHANGELOG.md)
All changes to @zeus `Boredom` are auto updated documented on GitHub [changelog](https://github.com/lara-zeus/boredom/blob/1.x/CHANGELOG.md)
57 changes: 31 additions & 26 deletions docs/getting-started/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,48 +5,53 @@ weight: 3

## Installation

Install @zeus Inline Chart by running the following commands in your Laravel project directory.
Install @zeus Boredom by running the following commands in your Laravel project directory.

```bash
composer require lara-zeus/inline-chart
composer require lara-zeus/boredom
```

## Usage:

### Create a New widget:
### set the avatar provider in your panel:

- first create a new widget using filament command:

`art make:filament-widget MyTableWidgetChart`

- change the extend of the class to use the abstract:

`\LaraZeus\InlineChart\InlineChartWidget`
```php
->defaultAvatarProvider(
\LaraZeus\Boredom\BoringAvatarsProvider::class
)
```

- available properties:
### register the plugin

```php
protected static ?string $maxHeight = '50px';
\LaraZeus\Boredom\BoringAvatarPlugin::make()
->variant(Variants::MARBLE)
->size(60)
->square()
->colors(['0A0310','49007E','FF005B','FF7D10','FFB238'])
```

protected int | string | array $columnSpan = 'full';
## setup your User model

protected static ?string $heading = 'Chart';
add the trait HasBoringAvatar to your User model:

public ?string $maxWidth = '!w-[150px]';
```
`use HasBoringAvatar;`

and you can remove the method `getFilamentAvatarUrl`

and you can access the current row record using: `$this->record` in your chart data:
to overwrite the name:

```php
Model::where('child_id',$this->record->id)
public function avatarName(): Attribute
{
return new Attribute(
get: fn () => $this->name // or $this->>email or $this->>username or Str::random()
);
}
```

### use it in your table:
to get the avatar outside filament:
`User::find(1)->avatar_url`

```php
\LaraZeus\InlineChart\Tables\Columns\InlineChart::make('last activities')
->chart(MiniChart::class)
->maxWidth('!w-[150px]')
->description('description')
->toggleable(),
```
to use it in a resource:
`ImageColumn::make('avatar_url'),`
32 changes: 19 additions & 13 deletions docs/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,29 +4,35 @@ weight: 1
---

## Introduction
@zeus Inline Chart to easily add a chart in filamentPHP table column

**[Demo](https://demo.larazeus.com/admin/components-demo/inline-chart) Β· [Github](https://github.com/lara-zeus/inline-chart) Β· [Discord](#)**
@zeus use Boring Avatars as the default avatar provider in your FilamentPHP v3 application

**[Demo](https://demo.larazeus.com/admin/components-demo/boredom) Β· [Github](https://github.com/lara-zeus/boredom) Β· [Discord](#)**

## Features

- πŸ”₯ Use any filament chart classes
- πŸ”₯ Better tooltip
- πŸ”₯ Use any widget type
- πŸ”₯ Max Width
- πŸ”₯ Polling
- πŸ”₯ configurable per panel
- πŸ”₯ set Variant (marble, beam, pixel, sunset, ring or bauhaus)
- πŸ”₯ Custom size
- πŸ”₯ Custom colors
- πŸ”₯ Square avatars
- πŸ”₯ Name, email or username

## Screenshots

![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-1.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-2.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-3.png)
![](https://larazeus.com/images/screenshots/inline-chart/inline-chart-4.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-1.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-2.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-3.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-4.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-5.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-6.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-7.png)
![](https://larazeus.com/images/screenshots/boredom/boredom-8.png)

## Support

Available support channels:

* Join our channel in discord [Discord](https://discord.com/channels/883083792112300104/1197986417855430820)
* Open an issue on [GitHub](https://github.com/lara-zeus/inline-chart/issues)
* Join our channel in discord [Discord](#)
* Open an issue on [GitHub](https://github.com/lara-zeus/boredom/issues)
* Email us using the [contact center](https://larazeus.com/contact-us)

0 comments on commit 9b32567

Please sign in to comment.