Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(front): activity records with HTMX+Alpine.js #124

Open
ntorga opened this issue Jul 3, 2024 · 0 comments
Open

feat(front): activity records with HTMX+Alpine.js #124

ntorga opened this issue Jul 3, 2024 · 0 comments
Assignees

Comments

@ntorga
Copy link
Contributor

ntorga commented Jul 3, 2024

When doing this, please adjust the Read operation to follow the new pagination/filter/sort (inside pagination) structure as seen on ScheduledTasks:
https://github.com/goinfinite/ez/blob/main/src/domain/dto/readScheduledTasks.go

With this you'll be able to filter out the values (and sort) on the table using the backend. Once the user changes the input of each column, the hx-trigger will bring the new table with the data filtered out.

To filter the items, you can have a text input right below the column header and the user may type there to filter the data. The user can use multiple text inputs (one in each column) and all of these will become a query string so HTMX can bring the result and update the entire table. Please, be careful with the Alpine state since the table will be updated. I mean, put the Alpine state above the table so it does not get changed.

The sort is basically click on the table column header and use that as the SortBy (inside Pagination DTO) and the first clicks inserts DESC to the SortDirection (also on Pagination DTO) and the next click sends ASC. That's pretty much it.

About the data picker, you'll have CreatedBeforeAt and CreatedAfterAt, so it's easy to ask the user for the dates necessary to filter the data. It can be a single component like a travel agency selector of sorts.

@ntorga ntorga added this to the v0.0.7 milestone Jul 3, 2024
@ntorga ntorga self-assigned this Jul 3, 2024
@ntorga ntorga changed the title feat(front): security events with HTMX+Alpine.js feat(front): activity records with HTMX+Alpine.js Jul 18, 2024
@ntorga ntorga modified the milestones: v0.0.7, v0.0.6 Jul 18, 2024
@ntorga ntorga assigned polillomm and unassigned ntorga Jul 18, 2024
@ntorga ntorga removed this from the v0.0.6 milestone Jul 19, 2024
@ntorga ntorga added this to the v0.1.1 milestone Sep 26, 2024
@ntorga ntorga modified the milestones: v0.1.1, v0.1.5 Oct 10, 2024
@ntorga ntorga modified the milestones: v0.1.5, v0.1.6 Nov 25, 2024
@ntorga ntorga removed this from the v0.1.6 milestone Dec 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: approved
Development

No branches or pull requests

2 participants