Show project detail page #27

Open
opened 2026-02-14 11:01:50 +00:00 by aniram · 7 comments
Owner

Show project's trajectory, its current status etc when the user clicks on the project's name or its description.

Show project's trajectory, its current status etc when the user clicks on the project's name or its description.
aniram added this to the 2026.1 milestone 2026-02-14 11:01:50 +00:00
aniram self-assigned this 2026-02-14 11:01:50 +00:00
aniram changed title from Add link to custom project page to Show project detail page 2026-02-15 22:55:30 +00:00
aniram added reference feature/show-project-detail 2026-02-21 18:53:46 +00:00
Author
Owner
https://flowbite.com/docs/components/timeline/
Author
Owner

The API I'm using to show/hide the dialog without JavaScript is only available on Safari 26.2+.

The [API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) I'm using to show/hide the dialog without JavaScript is only available on Safari 26.2+.
Author
Owner

To do

  • either add a "back" button to the end of the page or make the header sticky so that the user can close the page after scrolling through a long history
  • click on project name should scroll back to the top of the page
  • use a popover instead of a detail tag for the three dots #23
  • HTMX
    • send a request through HTMX to fetch data just for the project's history
    • make HTMX set the URL to something like "/projects/<ID>"
      • add an endpoint for it
    • show the loading spinner with HTMX or maybe a loading banner
    • on error show an error message instead of loading spinner
    • self-host the lib
  • add polyfill for invoker API due to Safari only supporting it in 26.2 and up
  • open the detail page when clicking on the project's description
  • format all dates on the component to something like "2 Dez 2026"
  • add share button
  • decrease font-size of header and history event's title, and increase font-size of status description
To do - [x] either add a "back" button to the end of the page or make the header sticky so that the user can close the page after scrolling through a long history - [x] click on project name should scroll back to the top of the page - [x] use a popover instead of a detail tag for the three dots #23 - [ ] HTMX - [X] send a request through HTMX to fetch data just for the project's history - [ ] make HTMX set the URL to something like "/projects/\<ID\>" - [ ] add an endpoint for it - [x] show the loading spinner with HTMX or maybe a loading banner - [x] on error show an error message instead of loading spinner - [x] self-host the lib - [x] add polyfill for invoker API due to Safari only supporting it in 26.2 and up - [x] open the detail page when clicking on the project's description - [x] format all dates on the component to something like "2 Dez 2026" - [x] add share button - [x] decrease font-size of header and history event's title, and increase font-size of status description
Author
Owner
Maybe use a polyfill for Safari https://github.com/keithamus/invokers-polyfill/blob/main/invoker.js
Author
Owner

Certain requests to the endpoint <API>/v2/proposicoes/<ID>/autores take very long from 3 to 7 seconds like https://dadosabertos.camara.leg.br/api/v2/proposicoes/104798/autores for example.

Certain requests to the endpoint `<API>/v2/proposicoes/<ID>/autores` take very long from 3 to 7 seconds like https://dadosabertos.camara.leg.br/api/v2/proposicoes/104798/autores for example.
Author
Owner

HTMX errors are Events which can be listened to:

document.body.addEventListener('htmx:responseError', handleResponseError);
HTMX errors are Events which can be listened to: ```js document.body.addEventListener('htmx:responseError', handleResponseError); ```
Author
Owner

To make HTMX replace the URL:
https://htmx.org/attributes/hx-replace-url/

To make HTMX replace the URL: https://htmx.org/attributes/hx-replace-url/
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
aniram/cidadon#27
No description provided.