Giter Site home page Giter Site logo

Comments (5)

levb avatar levb commented on May 26, 2024

cc @aaronrothschild for comments

from mattermost-plugin-todo.

aaronrothschild avatar aaronrothschild commented on May 26, 2024

cc @aaronrothschild for comments

I love the suggestion! Nothing comes to mind right now, but will think about this topic.

from mattermost-plugin-todo.

larkox avatar larkox commented on May 26, 2024

May I take this one?

from mattermost-plugin-todo.

cpoile avatar cpoile commented on May 26, 2024

@larkox Great, go to it! :)

from mattermost-plugin-todo.

larkox avatar larkox commented on May 26, 2024

Here is a mock-up for the front-end. It would be nice to confirm if this is the idea we have in mind before starting to program it down. Keep in mind that this is a mock-up, and most of the shapes and colours are just placeholders. Feel free to propose improvements on that part.

Since there are two new sections (inbox and sent) I named the natural one "own", as in "my own todos".

This section will change slightly. Now, instead of just a button to delete the todos, we will have more accessible buttons for "Done" and "Delete". This is because some Todos will be Todos sent by other users, and we have to make the distinction whether we have done them or we just delete them.

Also, the "Created" changes to "Received from" in case the Todo is received from other user.

image

On inbox, so far I have used buttons with text. Should we use both text and images ("✓ Done" vs. "Done") only text, or only images? I would say both is better. Do we have any image we want to use? We could try to use font awesome icons like:

I also found nice to put the sender along the timestamp, changing "Created" by "Received".

Finally we would remove the X from the items, since we want them to decline the item, not just remove them.
image

Finally, the sent section. Here the appearance of the Todo changes depending on the status.

First would be a pending status (the todo has been sent, but the receiver has not yet answered). Here we will have one button to cancel the todo, and another one (that I am not sure if would be good) "Remind" button. Remind button will send a message to the user reminding him about that single task. This can be annoying and being abused, and therefore I am not sure if it is a good feature or not.

Second status would be Enqueued. Here only remind button would be necessary. Not sure whether it makes sense to put a delete button. If a user has already enqueued the todo, he might be working already on it, so it is better to go to him and tell him to delete it on his side than deleting myself on my side. Nevertheless it is open to debate.

For enqueued and pending we add the position in the respective list: own and inbox. We consider that an accepted task becomes an owned task.

Third status would be Cancelled. This may occur after pending, or after enqueued. We keep the task there so the user can check it again. It has only one button to remove. In order to keep everything more uniform, we use a button instead of the X we used until now. In order to differentiate it and bring more attention to them, we will put some red. Right now in the mock-up is red background, but it is open to discussion.

Finally, the last status would be Done. As with cancelled, it can only be removed, and has a green background.

Apart of the status, we change the "Created" for "Sent to". Also, we add the status. Right now it is a line after the timestamp, but other solutions would be a prefix to the todo ( [PENDING] Todo text... ) or a representative icon.

image

The top bar should show how many "important" items are in each list.
On Inbox will be all of them. Once we mark a item as done or declined it disappears, and when we mark them as Enqueued they move to Own list.
On Sent, only those completed or deleted will be marked. Pending or Enqueued elements are not considered "important".
On Own, all items are marked.
image

Finally, when we add a new todo, we should have a new option: Send to user.
image

What do you think? While we decide this, I will be working in the back-end side, and moving forward with the things that will probably not change.

from mattermost-plugin-todo.

Related Issues (20)

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.