Comments (9)
Hi,
first of all, thanks for an awesome looking Trello clone.
This is the no #1 reason for me to not switch over yet. I wonder (as I'm not a JS dev, nor experienced with React) is this hard to implement or does it take much time / effort? It really seems to be a quick win as the basic "actions" are already there, they somehow "just" need to be mapped to a keyboard shortcut.
from planka.
It's at least an idea to think about in the future. Right now there are other priorities. But I'll add that to the list of more important suggestions right away.
from planka.
+1 from here :) It looks like a really neat and excellent (and secure) tool! But shortcuts make it so much more efficient (even though
I wouldn't say that Trellos shortcuts utilize their max potential).
Thanks again for creating this tool!
from planka.
Personally I'm against keyboard shortcuts. As far as I'm concerned shortcuts never work as expected, because most of us have system wide shortcuts already capturing keys. Example Ctrl+n is taken as default by 3 programs here. Two of them cannot be configured otherwise.
But Maks will surely decide wether it's easy to implement or not.
from planka.
Personally I'm against keyboard shortcuts. As far as I'm concerned shortcuts never work as expected, because most of us have system wide shortcuts already capturing keys. Example Ctrl+n is taken as default by 3 programs here. Two of them cannot be configured otherwise.
But Maks will surely decide wether it's easy to implement or not.
Well, have you checked Trellos shortcuts? They work without any prefix, just normal letters and you can navigate through cards or hover with the mouse over the card. I don't see how those could conflict with any system wide shortcuts... They only work if you have focus on the current browser tab.
Other webtools like Gerrit or Discourse do it the same...
from planka.
Hey, checking out this project. First off, wow, it looks uncannily like Trello :-D I'm a long time user but have been looking for self hosted alternatives. I'm planning on launching this to give it a shot. Good work so far!
I wanted to add my +1 to keyboard shortcuts. I took a look at the demo and it's pretty nice. However, when I reached for my commonly used shortcuts, they were sadly missing. I would love to see this feature added when able. That said, while I don't develop in React, I might be able to hack together some of the functionality in the future. Any pointers welcome!
I will update this issue if/when I (or one of my devs) start development.
from planka.
Update: I am starting to use Planka for personal/business use. While development has not started, I'm trying to assign some "free" developer time towards implementing at least a barebones functionality for this.
Fork: https://github.com/TheGeekyNinja/planka
@nickbe is there anyone that you know who could point us in the right direction/preferred method to implement:
- Single key, event handle
- Card manipulation functions
The preferred solution would probably go something like this:
- Track a cardID whenever one is hovered over. Set it to null on blur
- Define a shortcuts object that maps keycodes to functions
- Functions to handle each keyboard shortcut
- Event handler
To be clear, I have not jumped into the code, and I have no clue when the team will have time/if it will happen yet. But this is something that I personally will put funding into to make happen.
from planka.
Hi @GrahamJenkins!
Planka uses react-beautiful-dnd for drag & drop and it looks like it already has keyboard events support: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/about/accessibility.md (but this is only for moving cards). Probably have to try to turn them on somehow or fix them if they don't work properly.
For custom shortcuts I would suggest to add a component (for example BoardShortcuts), listen events there (with some shortcuts hook) and trigger redux actions. Of course a hovered card should be stored in the redux state, perhaps in the Board model.
If you need help, you can contact me anytime via Telegram.
from planka.
Hi @GrahamJenkins!
Planka uses react-beautiful-dnd for drag & drop and it looks like it already has keyboard events support: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/about/accessibility.md (but this is only for moving cards). Probably have to try to turn them on somehow or fix them if they don't work properly.
For custom shortcuts I would suggest to add a component (for example BoardShortcuts), listen events there (with some shortcuts hook) and trigger redux actions. Of course a hovered card should be stored in the redux state, perhaps in the Board model.
If you need help, you can contact me anytime via Telegram.
Thanks for the info, sent you a short book on Telegram, but having some devs take a crack at this right now, will report back when we have something to share.
from planka.
Related Issues (20)
- [Feature Request] De-activate built-in authentication/authorization HOT 2
- Question: ODIC Redirect URL HOT 2
- feat: Support for OIDC configuration thru the helm
- [DOCKER] Getting version 1.14.3 when pulling "latest" HOT 4
- OIDC username validation failure HOT 11
- OIDC Configuration Question HOT 3
- Gif card attachments
- OIDC : Configuration for Keycloak HOT 4
- Description icon on cards in the board view HOT 1
- Backticks will make the current card unusable HOT 1
- [Feature Request] Proper SQL cleanup HOT 3
- Incorrect display of images in the plank service HOT 12
- Install Planka in subdirectory HOT 1
- Hide cards inside a column
- Uploadt Images Success But Not Show On Web HOT 2
- Timeline, Repetitive tasks, Export/import in JSON HOT 1
- Unable to log in
- Images are black and white after resize HOT 4
- [Feature Request] Add the ability to reorder Projects after creation. HOT 1
- [Feature Request] Coloring deadlines
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from planka.