appbaseio/dejavu

Quickly define filters by right clicking field values

Open

#184 opened on Mar 23, 2018

View on GitHub
 (1 comment) (3 reactions) (0 assignees)JavaScript (8,270 stars) (529 forks)batch import
help wanted

Description

using: Docker version: 1.5.0

Context

Filters are currently defined by clicking the table header 'filter' icon and then specifying the filter by a popover.

Feature request

Allow users to right click a field value in the data table and then filter by that value (e.g. '>', '<', '=<', '=>', '=', '!=').

Example screenshot

An example of this feature can be seen in DBeaver:

screenshot_20180323_115248

Contributor guide

Tech stack
javascriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptReactevent handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Start by examining the existing filter logic in the data table component, likely in `src/components/DataTable.js`. Understand how filters are currently applied via the header icon popover. Then implement a right click context menu on field values that offers filter operators (e.g., =, !=, >, <). Consider using a library like `react contextmenu` to simplify implementation. Ensure the new filter method integrates with the existing filter state management.