LostRhapsody / slothtime

Minimalist time tracking website
https://slothtime.dev
GNU General Public License v3.0
0 stars 0 forks source link

Add a notepad gallery page #35

Open LostRhapsody opened 1 year ago

LostRhapsody commented 1 year ago

MAKE A NEW BRANCH BEFORE DEVELOPING.

This will be a gallery view of notes.

Start with a blank page with a note in the middle, "Press the + button in the lower right to create your first note".

There will of course be a "+" FAB button in the lower right, static, for creating a new note.

Clicking the "+" will generate a new "card".

Each card will be a notepad. These notepads can exist on their own or tied to Task numbers.

When connected to a task number, any table row with that task number will get a notepad icon displayed at the end of the row, after the delete row button (still to be implemented).

When not connected to a task, it really just exists on its own and serves as a generic notepad.

I'm thinking this will essentially replace the "Internal notes" field I was going to add to the table. Seems more useful.

In the gallery, the cards will just be stored in a row and in columns, each card with its own column, nice and simple and dynamic.

The notepads themselves will be fullscreen modals with a modified fade animation. Adjust the BS fade class to fade in, instead of drop in the modal, and speed it up.

The modal will have a header that you can edit. When clicked on, changes to a text-input field (text-input is shown, H1 is hidden, then vice versa when the focus is lost). This will be the name of the note.

In the body we will have a form. First field, task number to tie it to. Don't make it case-sensitive, no point right now.

The second field will be a large text input area, like the large jira entry modal. It would be nice to enable markdown, but the markdown plugin I used before was spitting out lots of "depreciated " messages in the console, so I'll look for a new one.

A save and close button lastly.

Adding some formatting options (header, bullet points, code block, etc) in the future will be nice.

A code snippets section would also be IDEAL. Maybe a future project.