Giter VIP home page Giter VIP logo

4gaboards's People

Contributors

abdivasiyev avatar actions-user avatar bytesamurai avatar christophenne avatar clemone210 avatar connorlanigan avatar dependabot[bot] avatar dodancs avatar ejo090 avatar forerosantiago avatar ga1ahad avatar ilvar avatar jacqueslorentz avatar lorenz avatar martinmch avatar meltyshev avatar mfuerni avatar michal-volf avatar moaufmklo avatar nickkelly1 avatar ocdtrekkie avatar pkrolkgp avatar raflymln avatar rargames avatar rokkucode avatar simontagne avatar sohnybohny avatar stevenjcorreia avatar thelonkarrde avatar zazama avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

4gaboards's Issues

Prepare example board with extra features (e.g. color styling, extra syntax, shortcuts)

Examples of supported features:

Code highlighting (highlight line, show line numbers):

 const handleEditorKeyDown = useCallback(
    (event) => {
      if (event.key === 'Escape') {
        handleCancel();
      } else if (event.ctrlKey && event.key === 'Enter') {
        handleSubmit();
      } else if (event.altKey && event.key === 'ArrowUp') {
        handleLineMove(-1);
      } else if (event.altKey && event.key === 'ArrowDown') {
        handleLineMove(1);
      }
    },
    [handleCancel, handleLineMove, handleSubmit],
  );

Github auto linking issues etc (in code not to actually notify).:

*   Commit: f8083175fe890cbf14f41d0a06e7aa35d4989587
*   Commit (fork): foo@f8083175fe890cbf14f41d0a06e7aa35d4989587
*   Commit (repo): remarkjs/remark@e1aa9f6c02de18b9459b7d269712bcb50183ce89
*   Issue or PR (`#`): #1
*   Issue or PR (`GH-`): GH-1
*   Issue or PR (fork): foo#1
*   Issue or PR (project): remarkjs/remark#1
*   Mention: @RARgames 
or
*   Commit: <https://github.com/remarkjs/remark/commit/e1aa9f6c02de18b9459b7d269712bcb50183ce89>
*   Commit comment: <https://github.com/remarkjs/remark/commit/ac63bc3abacf14cf08ca5e2d8f1f8e88a7b9015c#commitcomment-16372693>
*   Issue or PR: <https://github.com/remarkjs/remark/issues/182>
*   Issue or PR comment: <https://github.com/remarkjs/remark-github/issues/3#issue-151160339>
*   Mention: <https://github.com/ben-eb>

Colored text:

aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa

Autolinking websites:

https://avatars.githubusercontent.com/u/13639766?s=400&v=4

Image with link:

Tables:

Header Header
Cell Cell
Cell Cell
Cell Cell

Default features (bold, italic, etc.):
aaa
bbb
ccc
ddd


a

b

c

d

e
f

sdsdasdsa

sdasd

dfdfsdfs

console.log('asda');

![image](https://example.com/img.png)

  • aaaa
  • aaa
  • aa
  • a
  1. a
  2. aa
  3. aaa
  • bbb
  • aaa

fix react-md-editor commands

  • quote
  • image
  • numbered list
  • unordered list
  • task list

Mostly not working correctly (wrong initial selection) for empty input

  • image has issues with removing itself on 2nd click

Change urls to board/id/card/id

Indexing tasks
Include board, project, task in url

  • Add task numbering in each board (so each task has its id: 1, 2, 3, and you can see a small # 1, # 2 somewhere near the task name. It can speed up finding tasks, also added to filter by) In a synchronized board it, clicking task number should open github issue. (Open questions: how to handle issues+PRs?)
  • Full screen task edit
  • Check custom links for profile etc.

Internal temp todos (kb) - create separate tasks

Just a copy of internal todos - No help needed with that

Rework subscription system

Get notification always if created a card, added to the card - auto subscribe
Others can subscribe or unsubscribe
After clicking on a recent notification don't clear all notifications
Add email, (discord, slack) integrations

Enhancements - todo list

  • Ctrl+Enter when creating a task opens edit menu
  • Sum cards in column, in board
  • Colapse column to save screen space
  • Always visible scroll bar
  • Move tasks to a different column when hovering over +Add another card with a task,
  • Add support for dragging cards into collapsed collums
  • AddCard should not close when there is something inside + Improved AddCard experience
  • Bug: Multiline list titles break board view
  • Bug: Cards added to list appear at wrong order when filtering is on + card sorting when filtering is on (getfilteredordered)
  • Add column names to cards at the top + add faster column switching when editing a card
  • Images and labels below the title
  • Don't auto-create card cover images (Show image only in the description by default)
  • Enhance pages e.g. login page - center login form
  • BUG: Escape on card edit causing full leave
  • Change the current layout of editing a task: Edit menu opens on the right of the screen, you can still scroll through other issues, select them, move, etc.
  • Replace MD editor - DescriptionEdit.jsx - Better spellchecker and dark mode (https://github.com/uiwjs/react-md-editor)

Important:

  • Disable labels duplicates, add quick filter by label/user from cardModal, delete label x button (clicking member or label should filter by it, clicking x close to label should remove it)
  • Parse #Label @member when creating a task and automatically add labels and members on creation
  • Enhance MD editor - mentions, task list, remember opened mode (uiwjs/react-md-editor#420)
  • Full dark mode: alternative colors for task etc.
  • Better edit menus (pencil button) - more compact menus without extra texts
  • Simplify language for advanced users
  • Add sidebar for choosing projects/boards
  • Github issues synchronized board - on setup get all issues from github and copy to the internal database, then 2-way sync (Columns can be saved using labels with prefixes, not displayed in Planka, if needed) Each user needs its GIthub authorization to use the board, without that the synchronized board is read-only (redo label colors).
  • Add github-like task close option (like issues) Default action should be close, which can move the task to a new hidden by default column: archived. Delete is possible by using other button - more destructive action, as you cannot get the task back.
  • Add task numbering in each board (so each task has its id: 1, 2, 3, and you can see a small # 1, # 2 somewhere near the task name. It can speed up finding tasks, also added to filter by) In a synchronized board it, clicking task number should open github issue. (Open questions: how to handle issues+PRs?)
  • Convert - [ ] from description to a working task list
  • Github-like confirm deleting whole board to further prevent accidental deletion

For later:

  • Filter task by name (the same field should allow #Label, @member, task_number filtering)
  • Update npm dependencies
  • Right click to open context menus
  • Better dashboard with project/boards stats
  • User groups: user group can be added to the project or the board (instead of to the whole system), Individual users, user groups can be added to the project/board. Probably a structure [Organization -> Team -> User] is a better option and could help in the future.

Sidebar should be available as an alternate layout. In sidebar there are projects. Each project has its own dashboard and boards in a list.

In the project dashboard each board has its own box with the following info:

  • name of the board
  • members
  • board actions
  • scrollable stats: columns and number of cards
  • activity graph for last 30 days?

and additional box where you can create new board

Create a demo

  • Updating to current version from ghcr
  • Clearing db every x min
  • A few board templates for a good look
  • Tutorial board

fix react-markdown list display

For task list - [X} does not show as tasks (remark-gfm bad version?)
For unordered list when any element contains multiple lines style looks bad

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.