Nova Global Filter

screenshot of Nova Global Filter
vue

This package allows you to apply any of your existing Laravel Nova filters to your cards in Dashboards or Index and Detail view of your nova resources.

Overview

The Nova Global Filter package for Laravel Nova is an innovative solution designed to enhance the interactivity of your metrics and custom cards by incorporating existing filters. This package allows users to apply a global filter across various components, streamlining data visualization and management within Laravel applications. With its straightforward setup and effective functionality, developers can effortlessly implement it into their projects to improve user experience.

The utility of this package extends beyond basic filtering, offering dynamic capabilities that respond instantly to changes in filter values. By facilitating a cohesive filtering experience, the Nova Global Filter significantly enhances how data is interpreted and displayed in your application, ensuring that users can interact with metrics more intuitively.

Features

  • Install via Composer: Easily integrate the Nova Global Filter into your Laravel application using a simple composer command for rapid installation.
  • Global filtering support: Leverage the GlobalFilterable trait to allow your metric cards to automatically respond to selected global filters.
  • Customizable Defaults: Set default values for filters to enhance usability and provide immediate context upon loading.
  • Dynamic UI Options: Change the layout from grid to inline, providing flexibility in how metrics are displayed based on user preferences.
  • Reset Button Functionality: Users can quickly reset filters with a simple button that refreshes the current page, making it easy to start afresh.
  • Listening to Filter Changes: The package listens to the "global-filter-changed" event, enabling real-time updates across cards as filter values are modified.
  • Multiple Global Filters: Support for adding multiple global filters allows for more advanced data segmentation and analysis.
  • Detailed Filter State Management: Easily request and manage filter states for custom cards, providing granular control over how data is filtered and presented.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.