banner - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #go #android #linux #docker #nodejs #awesome #vue #pytorch #security #mcp #openai

banner

(★ 99)

Filament banner allows you to easily create, manage, and display banners in your application.

File Explorer

Download Latest Version (.zip)

- - bug.yml
  - config.yml
- - dependabot-auto-merge.yml
  - duster-lint.yml
  - run-tests.yml
- CONTRIBUTING.md
- dependabot.yml
- FUNDING.yml
- SECURITY.md
- - ModelFactory.php
- - create_banner_table.php.stub
- - .gitkeep
- - BannerStorage.php
- - ScheduleStatus.php
- - BannerManager.php
- - BannerManagerPage.php
- - Banner.php
- - CacheStorageService.php
  - DatabaseStorageService.php
- - TestsBanner.php
- - BannerData.php
- Banner.php
- BannerManager.php
- BannerPlugin.php
- BannerServiceProvider.php
- ArchTest.php
- CacheStorageServiceTest.php
- DatabaseStorageServiceTest.php
- Pest.php
- TestCase.php
.editorconfig
.gitattributes
.gitignore
.prettierrc
CHANGELOG.md
composer.json
LICENSE.md
package-lock.json
package.json
phpstan-baseline.neon
phpstan.neon.dist
phpunit.xml.dist
pint.json
postcss.config.cjs
README.md
tailwind.config.js

# Installation Guide

1. Get the code

git clone https://github.com/kenepa/banner

Downloads the entire project code from GitHub to your computer.

cd banner

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm run build

Builds optimized production files.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

3. PHP (Composer)

Easy

Prerequisites

Git Needed to download the project code from GitHub.
PHP A PHP runtime is required.
Composer The package manager used to install PHP libraries.

composer require kenepa/banner

Type this command into your terminal and run it.

composer test

Type this command into your terminal and run it.

✅ Run it with a built-in server like php -S localhost:8000, then open http://localhost:8000 in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Banner

![](https://raw.githubusercontent.com/kenepa/Kenepa/main/art/Banner/filament-banner-banner.png)
[![Latest Version on Packagist](https://img.shields.io/packagist/v/kenepa/banner.svg?style=flat-square)](https://packagist.org/packages/kenepa/banner)
[![Total Downloads](https://img.shields.io/packagist/dt/kenepa/banner.svg?style=flat-square)](https://packagist.org/packages/kenepa/banner)

# Introduction

Filament Banner is a powerful Filament plugin that allows you to seamlessly integrate dynamic banners into your
Filament-based application. With this plugin, you can easily create, manage, and display engaging banners that can be
customized to your specific needs.

Demo:

#### Create banner

![](https://raw.githubusercontent.com/kenepa/Kenepa/main/art/Banner/Banner_demo_1.gif)

#### Create scoped banner

A scoped banner is only visible on the selected resource pages.
![](https://raw.githubusercontent.com/kenepa/Kenepa/main/art/Banner/banner_demo_2.gif)

## Features

- **Create Multiple Banners**: Easily create and manage multiple banners within your Filament application.
- **Customize Banner Look**: Tailor the appearance of your banners to match your brand and design.
- **Optional User Closing**: Allow users to close banners if desired.
- **Banner Scheduling**: Schedule your banners to be displayed at specific times.
- **Scoped Visibility**: Control the visibility of your banners by targeting specific pages or resources within your
  Filament application.
- **Render Location Control**: Select the desired locations where your banners will be displayed within your
  application.
- **Programmatic Banner Creation**: Utilize the BannerManager Facade to create banners programmatically.
- **Links (v0.1.0 and higher)**: Add links to your banners to direct users to specific pages.

## Getting started

Before we get started, it's important to know that banners can be stored in 2 ways: **cache** and **database**.

By default, the plugin stores the banner in the cache. If you want to persist the banners in the database, you'll need
to follow the additional instructions.

### Cache only

The cache option provides a quick and easy way to get started. It's suitable for displaying occasional or temporary
banners, as it's faster to get started because doesn't require additional setup. However, banners stored in the cache will be lost if the
cache is cleared.

### Database

The database option is for users who need to use banners more extensively or require persistent storage. Storing banners
in the database ensures they don't get lost, allows for better management, and offers more scalability as your
application grows.
By providing both options, the plugin gives you the flexibility to choose the storage method that best fits your
application's requirements.

## Installation

1. **Install the package via composer:**

```bash
    composer require kenepa/banner
    ```

2. **Setup custom theme**

In order to compile the package views correctly, we need to [create a custom Filament theme](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) **first**, and then add the following path to its content. In the `theme.css` file of the theme, add the following line:
```css
@source '../../../../vendor/kenepa/banner/resources/**/*.blade.php';
```

Compile your theme:
```bash
npm run build
```
Run the filament upgrade command:

```bash
php artisan filament:upgrade
```
3. **Add plugin to your panel**
    ```php
    use Kenepa\Banner\BannerPlugin;
    use Filament\Panel;
    
    public function panel(Panel $panel): Panel
    {
    return $panel
           // ...
         ->plugins([
            BannerPlugin::make()
         ]);
    }
    ```

## Persists banners in database (optional)

If you want to use the database storage option, you can follow these steps:

> Note: Your database must support JSON column type

1. **Publish & run migrations**
   You can publish and run the migrations with:
    ```bash
    php artisan vendor:publish --tag="banner-migrations"
    php artisan migrate
    ```
2. **Configure the plugin**

Add the `persistsBannersInDatabase()` the banner plugin.
   ```php
    use Kenepa\Banner\BannerPlugin;
    use Filament\Panel;
     
    public function panel(Panel $panel): Panel
    {
    return $panel
    // ...
    ->plugins([
        BannerPlugin::make()
            ->persistsBannersInDatabase()
    ]);
    }
     ```

## Usage

### Using the UI to create banners
This package provides a comprehensive banner management system, allowing you to create, view, update, and delete banners to be displayed throughout your application.

![](https://raw.githubusercontent.com/kenepa/Kenepa/main/art/Banner/banner_manager_screenshot.png)

### Programmatically create banners

If you want to programmatically create banners, you can use the `BannerManager` facade. The BannerManager uses a Banner Value Object. Because this package allows you to choose how you want to store the banner, I wanted a single way to represent a banner when interacting with the BannerManager.
Looking for more information about what Value Objects are and why they could be useful, [I recommend this article](https://martinjoo.dev/value-objects-everywhere).

> Note: Functionality for the BannerManager is limited at the time because this is all that I needed for the project. But feel free to make PRs to extend its functionality.

You'll need to create a Value Object first to represent the banner.
```php
$bannerData = new BannerData(
    id: 'banner_123',
    name: 'Promotional Banner',
    content: 'Check out our latest sale!',
    is_active: true,
    active_since: '2024-06-01',
    icon: 'heroicon-m-wrench',
    background_type: 'gradient',
    start_color: '#FF6B6B',
    end_color: '#FFD97D',
    start_time: '09:00',
    end_time: '18:00',
    can_be_closed_by_user: true,
    text_color: '#333333',
    icon_color: '#FFFFFF',
    render_location: 'header',
    scope: []
); 
```

> You'll need generate the id of the banner your self. [Tip use `uniqid()`](https://www.php.net/manual/en/function.uniqid.php)

**Create**

Now you can create the Banner using the bannerData object.
```php
use Kenepa\Banner\Facades\BannerManager;

BannerManager::store($bannerData);
```

**Get All**

```php
use Kenepa\Banner\Facades\BannerManager;

$banners = BannerManager::getAll();
```

**Delete**

```php
use Kenepa\Banner\Facades\BannerManager;

BannerManager::delete('banner_id_123');
```

**Update**

```php
use Kenepa\Banner\Facades\BannerManager;

$updatedBannerData = \Kenepa\Banner\ValueObjects\BannerData::fromArray([
    // ID must be the same
    'id' => 'banner_id',
    'name' => 'updated title'
    // ... all other properties of the banner 
]);

BannerManager::update($updatedBannerData);
```

## Configuring the Banner Plugin

The `BannerPlugin` class provided by the package allows you to customize various aspects of the banner management system. This includes the plugin's title, subheading, navigation settings, and more.

To customize the plugin, you can use the static `BannerPlugin::make()` method and chain the various configuration methods together.

**Title and Subheading**

You can set the title and subheading of the banner manager page using the `title()` and `subheading()` methods, respectively.

```php
BannerPlugin::make()
    ->title('My Banner Manager')
    ->subheading('Manage your website banners');
```

**Navigation Settings**

The plugin also allows you to customize the navigation settings, such as the icon, label, group, and sort order.

```php
BannerPlugin::make()
    ->navigationIcon('heroicon-o-megaphone')
    ->navigationLabel('Banners')
    ->navigationGroup('Marketing')
    ->navigationSort(1);
```

- `navigationIcon()`: Sets the icon to be used in the navigation menu.
- `navigationLabel()`: Sets the label to be used in the navigation menu.
- `navigationGroup()`: Sets the group in which the plugin should be placed in the navigation menu.
- `navigationSort()`: Sets the sort order of the plugin in the navigation menu.

**Disable Banner manager**
You can disable the banner manager altogether. For example, if you want to disable the banner manager for a different panel without having to set permissions for that page.

```php
BannerPlugin::make()
    ->disableBannerManager()
```

## Authorization

### Step 1.

By default, the banner manager is available for everyone. To restrict access, you'll need to add the ability (also known as "permission" within the context of the [Spatie Permission package](https://spatie.be/docs/laravel-permission/v6/introduction)) as shown below:
```php
BannerPlugin::make()
    ->bannerManagerAccessPermission('banner-manager')
```

### Step 2.

**Example using [Laravel gates](https://laravel.com/docs/master/authorization)**
Inside the `boot()` method of your service provider define a gate with the same name you have configured for the plugin.
```php
// app/Providers/AppServiceProvider.php

public function boot()
    {
        Gate::define('banner-manager', function (User $user) {
           return $user->email === 'admin@mail.com';
        });
    }
```

**Example using [spatie permission package](https://spatie.be/docs/laravel-permission/v6/introduction)**
This example shows how to create a permission and assign it a users

```php

$permission = Permission::create(['name' => 'banner-manager'])
auth()->user()->givePermissionTo($permission)
```

After the correct ability/permissions have been created and assigned, the banner manager will only be available to a select group of users.

## Optional

### Publishing views

```bash
php artisan vendor:publish --tag="banner-views"
```

## Testing

```bash
composer test
```

## Upgrade Guide

### Upgrading from 0.x to 1.x

#### Step 1: Theme Configuration (Required)

**Breaking Change**: Filament v4 requires a different approach for including package assets.

**Remove from `tailwind.config.js` (if present):**
```js
// Remove this from your tailwind.config.js content array:
'./vendor/kenepa/banner/resources/**/*.blade.php'
```

**Add to your custom theme CSS file:**

1. Create a custom theme if you don't have one ([Filament v4 theme docs](https://filamentphp.com/docs/4.x/panels/themes#creating-a-custom-theme))
2. Add this line to your theme's CSS file:

```css
@source '../../../../vendor/kenepa/banner/resources/**/*.blade.php';
```

## Contributing

Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.

## Security Vulnerabilities

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

## Credits

- [Jehizkia](https://github.com/kenepa)
- [All Contributors](../../contributors)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.