oczki / lane Goto Github PK

• Draw icon
• Hovering row shows that icon
• Clicking that icon swaps text with an input
• Implement cell edit job
• Defocusing input enqueues job
• Defocusing input swaps it with new text
• Pressing tab or enter navigates to next cell

After creating a new list, create one empty row in said list. Don't focus the cells though - let the user find out how to edit them.

• [b]Welcome to lane![/b] This is your first list. (emboldened first sentence)

• Escape brackets in keyboard shortcuts:

  \[Enter] - save changes
\[Tab] - save, go to next cell
\[Shift+Tab] - save, prev cell
\[Esc] - discard changes

• Add colors to these lines:

  You can also [orange]resize them.
Or... [blue]make your sort default.
Or even [red]reorder the lists.

• (try it!) --> [orange](Try it!) (uppercase T, added color)

• [row:b][row:green]The rest is all up to you. (added emphasis to the last row)

• menu on the left --> menu to the left

• Prototype (@Tehoko)
• Implementation (@rr-)

• Provide table with URL mappings (example: "about page" → /about, /about/) - @Tehoko
• Translate table to code - @rr-

• List name
• Visibility
• Row IDs (#17)
• User CSS (#23)
• List deletion (#16)
• Saving current sort (#6)

Column headers:

• Name
• Order
• Alignment
• Deleting existing column
• Adding new column

• Highlight newly added rows
• Remove highlight upon sorting the list

• Sort by column
• Job to save sort

Tab - save and go edit next cell. If used in the last cell in current row, goes to first cell in next row. If there is no next row, it's created and first cell is focused.
Shift + Tab - save and go edit previous cell. If used on the first cell in current row, goes to last cell in previous row if it's possible.
Enter - save and stop editing.
Esc - stop editing without saving.

Note that with this system one cannot select the checkbox with keyboard while editing (they'd have to hit Esc first, then start selecting). I don't think this is a problem.

Basic syntax:

• Bold, italics, strike-through, underline
• Hyperlinks

Special syntax:

• Cell classes
• Column classes (stuff from header cells)
• Row classes

01:36:18 rr-: poprawiam dla niezalogowanych jutro ten margin-right: 30px w list-content.css tak by sie wrapowal tylko kiedy ikona edycji jest about to be wyswietlona
01:36:32 rr-: i moge przesunac resizer w prawo badz lewo
01:36:46 rr-: wstepnie sklaniam sie ku lewo zeby wyrownac idealnie centered nad ikona edycji

• Add example user via web interface (@Tehoko)
• Prepare upgrade which puts hard-coded data into DB (@rr-)

• Think of a way to make new logo look less distracting.
  • Consider changing top navigation and logo to navigation bar.
  • Consider widening the layout so it fills up whole page.

• Show "last save time" to guests (#37)
• Show cheat sheet when editing ❓ (#38)
• New password
• New e-mail address

• Mockups
• Implementation

• Add something that will allow to drag'n'drop columns
• Implement column resize job
• Dropping columns executes that job

• Mockups
• Implementation

❓ probably related to #7

• Row add job
• Pressing "add new row" enqueues job
• Pressing "add new row" copies row with JS from template
• Upon showing new row - execute cell edit in first cell (#1)

• Upon entering list view (request to /list-view), forge new token
• Upon processing job queue in backend, compare tokens
• After processing job queue in backend, retrieve new edit token

The goal is to protect the list from simultaneous editing in two separate browser tabs.

Note that this is meant to be turned on or off, so it's gotta be parametrized in frontend.

First list shown to user upon creating account:

Next lists:

• Mockups
• Implementation

• Refactor menu so that it supports nested <a>
• Add handler that will allow to drag'n'drop the rows
• Implement list priority change job
• Dropping the handler executes that job

Search works only on current list and it just filters out rows containing text from the input box.