Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UI for creating a todo list #29779

Open
alya opened this issue Apr 18, 2024 · 3 comments · May be fixed by #29806
Open

UI for creating a todo list #29779

alya opened this issue Apr 18, 2024 · 3 comments · May be fixed by #29806
Labels
area: compose (UI & widgets) Scheduled messages, giphy, send later, etc. new feature A proposed new feature for the product

Comments

@alya
Copy link
Contributor

alya commented Apr 18, 2024 •
edited

We should add a modal for creating a todo list, closely paralleling the UI for adding a poll.

Compose box button

  • Icon
  • Let's put polls and todo lists into their own section on the right (just before ?)
  • Disabled when there is already content in the compose box, just like the poll button.

Modal

I'm imagining the same interactions as for polls, but with 2 fields on each line (to accommodate the description). The description field should probably be wider than the task field.

Create a collaborative to-do list [?]

To-do list title

[Task list] <- placeholder text

Tasks

Anyone can add more tasks after the to-do list is posted.

[New task] [Task description (optional)]
[New task] [Task description (optional)]
[New task] [Task description (optional)]

[Cancel] [Create to-do list]

Notes

  • The help center will need to be updated accordingly.

CZO thread
@alya alya added new feature A proposed new feature for the product area: compose (UI & widgets) Scheduled messages, giphy, send later, etc. labels Apr 18, 2024
@lemmasamaha
Copy link
Collaborator

@zulipbot claim

@zulipbot
Copy link
Member

Hello @lemmasamaha!

Thanks for your interest in Zulip! You have attempted to claim an issue without the label "help wanted". You can only claim and submit pull requests for issues with the help wanted label.

If this is your first time here, we recommend reading our guide for new contributors before getting started.

@lemmasamaha
Copy link
Collaborator

@alya do you need help with this?

sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 21, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
07f8c95 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
@sujalshah-bit sujalshah-bit linked a pull request Apr 21, 2024 that will close this issue
Open
12 tasks
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 21, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
9f89ef3 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 21, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
05c59da 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
d516a2b 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
9263d2a 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
b61635e 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
ecef2b8 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
4009cb4 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
ffb04e0 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 22, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
60fb41d 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

Added polls and todo lists into their own section on the right,
positioned just before the `?` icon.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
@alya alya mentioned this issue Apr 23, 2024
Open
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 26, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
3f56b03 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 26, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
b6134b0 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 26, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
5b83e6a 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue Apr 27, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
ba05d4b 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 1, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
f2e4c01 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 1, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
8d46022 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 5, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
c2bc2af 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 9, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
07c4288 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 9, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
b88e2f0 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 9, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
d37e79f 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 23, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
58ac8e4 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 23, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
6902070 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 23, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
3ce87ac 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
sujalshah-bit added a commit to sujalshah-bit/zulip that referenced this issue May 27, 2024
@sujalshah-bit
todo_list: Add option for modal to create todo-lists.
aab0c01 
Previously, the `/todo` slash command was the sole method for
creating todos. Now, a button has been introduced to launch a modal
for creating todo-lists directly from the compose box.
This button becomes enabled only when the compose box is empty,
thereby avoiding complexities associated with losing or having to
save drafts of any messages already being composed.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget.ts`, and `poll_modal.ts` is now deprecated.

Fixes: zulip#29779.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: compose (UI & widgets) Scheduled messages, giphy, send later, etc. new feature A proposed new feature for the product
Projects
Zulip 9.0 priorities
Status: No status
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

todo_list: Add option for modal to create todo-lists. sujalshah-bit/zulip
3 participants
@alya @zulipbot @lemmasamaha