承接 one-strive/nova-global-filter 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

one-strive/nova-global-filter

最新稳定版本:5.1

Composer 安装命令:

composer require one-strive/nova-global-filter

包简介

This package allows you to broadcast any of your existing Laravel Nova filters to metrics or custom cards.

README 文档

README

This package allows you to emit any of your existing Laravel Nova filters to metrics or custom cards.

Note: This is a community-maintained fork of the original package. We've taken over maintenance of this abandoned package to ensure continued support for the Laravel Nova community. This version is compatible with Nova 5 only.

screenshot

Installation

You can install the package in to a Laravel app that uses Nova via composer:

composer require OneStrive/nova-global-filter

Requirements

  • Laravel Nova 5.x
  • PHP 8.1 or higher
  • Laravel 10.x or higher

Usage

In this example, we are registering few Metric Cards and the Global Filter with a Date filter as:

... use OneStrive\NovaGlobalFilter\NovaGlobalFilter; use App\Nova\Filters\Date; class Store extends Resource { ... public function cards(Request $request) { return [ new TotalSales // Value Metric new Orders, // Trend Metric new MostSoldProduct, // Partition Metric // NovaGlobalFilter NovaGlobalFilter::make()->filters([ new Date, // Date Filter ]), ]; } ... }

And now metric cards or any other cards optimized to listen GlobalFilter can be filtered by using GlobalFilterable trait and calling $this->globalFiltered($model,$filters) method.

globalFiltered($model, $filters = []) method expect $model and $filters parameters:

use OneStrive\NovaGlobalFilter\GlobalFilterable; use App\Nova\Filters\Date; ... class UsersPerDay extends Trend { use GlobalFilterable; public function calculate(NovaRequest $request) { // Filter your model with existing filters $model = $this->globalFiltered($request, Store::class,[ Date::class // DateFilter ]); // Do your thing with the filtered $model return $this->countByDays($request, $model); } ... }

And that's it. Cards will be filtered based on passed filter value.

If you want to apply default value on initial request make sure you set default value in your filter as

... // set default date public function default() { return Carbon::now(); } ...

To change layout from grid to inline

by default it's set to grid

... NovaGlobalFilter::make() ->filters([ // Filters ]), ...

To enable Reset button

... NovaGlobalFilter::make() ->filters([ // Filters ]) ->resettable(), ...

To add multiple Global Filters

... NovaGlobalFilter::make() ->filters([ // Filters ]) ->inline() ->resettable(), NovaGlobalFilter::make() ->filters([ // Filters ]) ->onlyOnDetail(), ...

To set Title of Global Filter

... NovaGlobalFilter::make() ->filters([ // Filters ]) ->title('Example Title'), ...

To listen Global Filter on any Custom Cards:

... created() { Nova.$on("global-filter-changed", filter => { // Do your thing with the changed filter console.log(filter); }); }, ...

To request all filter states from Global Filter on any Custom Cards:

... Nova.$emit("global-filter-request"); ...

To request spesific filters state from Global Filter on any Custom Cards:

... created() { Nova.$emit("global-filter-request", [ "App\\Nova\\Filters\\DateFilter", "App\\Nova\\Filters\\CountryFilter" ]); }, ...

To receive filters state from Global Filter on any Custom Cards:

... created() { Nova.$on("global-filter-response", filters => { // Do your thing with the filters console.log(filters); }); }, ...

Good to know

  • Basic functionality of this package is that it listens all the asigned filters. Once a value of a filter is changed, it emits as Nova.$on('global-filter-changed', [changed filter and value]). So any card that listens to this event will recieve the filter and its value.
  • This package overwrites Nova's default Metric Cards to allow them to listen "global-filter-changed" event. Make sure there are no any conflicts with other pacages.
  • This package currently does not support Index view filters to be synchronized. So filters in Global Filter will not trigger update at the filters in Filter Menu of your Index view.
  • Reset button simply reloads the current page. There is nothing fancy going on behind the scenes.
  • If you are willing to support this package, it will be great to get your issues, PRs and thoughts on Github. And dont forget to Star the package.

Credits

This package is a maintained fork of the original work by:

We're grateful for their excellent foundational work and are committed to keeping this valuable tool available for the Nova community.

Current maintainers:

Made with ❤️ for open source

License

The MIT License (MIT). Please see License File for more information.

统计信息

  • 总下载量: 533
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 1
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 1
  • Watchers: 0
  • Forks: 0
  • 开发语言: Vue

其他信息

  • 授权协议: MIT
  • 更新时间: 2026-01-04

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固