avo-hq/avo

Inline edit on Index view

Open

#1,112 opened on Jul 29, 2022

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Ruby (1,778 stars) (308 forks)user submission
Back endFeatureFront endHelp wantedHigh ImpactOffice HoursStale exempthacktoberfest

Description

Feature

We'd like to enable inline editing records on the Index view.

From this thread.

This feature will have a few components:

  • The back-end will support updating multiple records at once based on their resources
  • On the Index view the users will be able to click/double click (or another interaction) on a particular field from the table row and that field will turn into an edit input based on the field type. Then, they can submit that change and it will be reflected in the UI.
  • On the Index view a user can select a few records, then hit an "edit" button. This will bring up a modal with a form to edit all those records. The fields that have common values will be pre-filled with that common values.

Back-end approach: https://www.loom.com/share/f41a28048b8d4b80a3296e80d85fab41?sid=f1ba9ce6-41e2-48c0-9d3b-b4734169317f

Contributor guide

Tech stack
rubyrails
Domain
full stack
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.
1-2 days
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
Ruby on RailsJavaScriptAvo framework
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Review the existing Index view implementation in the repository. Understand the current routing and controller actions. Check the linked Loom video for backend approach. Look at the Avo framework's existing field rendering logic to understand how to make fields editable inline. Consider using Stimulus or similar for frontend interactivity.