Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/benjypng/logseq-kanban-plugin
https://github.com/benjypng/logseq-kanban-plugin
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/benjypng/logseq-kanban-plugin
- Owner: benjypng
- License: mit
- Created: 2021-12-10T17:30:27.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-21T22:42:58.000Z (4 months ago)
- Last Synced: 2024-07-22T04:52:24.879Z (4 months ago)
- Language: TypeScript
- Size: 14.4 MB
- Stars: 101
- Watchers: 1
- Forks: 9
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
- awesome-starred - hkgnp/logseq-kanban-plugin - (others)
README
[:gift_heart: Sponsor this project on Github](https://github.com/sponsors/hkgnp) or [:coffee: Get me a coffee](https://www.buymeacoffee.com/hkgnp.dev) if you like this plugin!
# New
Use `/Kanban (DND)` if you want to create a Kanban board with drag and drop functionality. When you drag and drop, the blocks are automatically updated. I am still considering merging the functions below but am concerned about breaking people's graphs.
# Overview
Draw kanban board based on your blocks. Type `/Kanban` to start. Images, linkes, block references, etc. are supported. There are 3 ways to do so:
### Normal
Use your parent blocks as headers. For example, the below blocks will give you 3 columns in your kanban respectively: Column 1, Column 2, Column 3
```md
- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
- data
- Column 1
- The quick brown fox
- Column 2
- Jumped over
- Column 3
- The lazy dog
```
### Normal with Queries
Use your parent blocks as headers, and use `/query` function as child blocks. Advanced queries may not work.
```md
- {{renderer :kanban_651ae900-af3c-4bef-973a-77731a060b29}}
- query
- Column 1
- {{query [[Cards for Column 1]]}}
- Column 2
- {{query [[Cards for Column 2]]}}
```
### Tasks
Use tasks to populate the Kanban board.
```md
- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
- tasks
- TODO The quick brown fox
- DOING Jumped over
- DONE The lazy dog
```
### Query Tasks
Use simple queries to populate the Kanban board. Use the `/query` function. Advanced queries may not work.
```md
- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
- query-tasks
- {{query (task DOING DONE TODO)}}
```
# Adjust card or board width
You can adjust the widths of the board or cards using the parameters:
- card-
- board-
```md
- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
- data card-300 board-1000
- Column 1
- The quick brown fox
- Column 2
- Jumped over
- Column 3
- The lazy dog
```
# Credits
[react-kanban by asseinfo](https://github.com/asseinfo/react-kanban)