paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 21:13:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

user_invite: Convert invite modal to tabbed format.

Browse Source 
This commit converts the radio buttons (for
selecting email/link) to tab
components in the user invite modal.

The selected tab is in focus by default and arrow keys
can be used to toggle the selected tab.

Appropriate tooltips are shown when a tab is disabled.

Fixes #29392.
This commit is contained in:
Kislay Verma
2024-04-12 17:10:37 +05:30
committed by Tim Abbott
parent b41a116d42
commit 505d66afeb
5 changed files with 61 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/templates/invite_user_modal.hbs
View File

@@ -12,21 +12,7 @@
</div>
{{/unless}}
<div class="input-group">
<label>{{t "How would you like to invite users?" }}</label>
<div class="invite_type_radio_section prop-element" id="invite-user">
<div id="generate_multiuse_invite_radio_container">
<label class="generate_multiuse_invite_radio_label">
<input type="radio" id="generate_multiuse_invite_radio" name="invite-user" value="generate-multiuse-invite" />
{{t "Generate invite link" }}
</label>
</div>
<div id="email_invite_radio_container">
<label class="email_invite_radio_label">
<input type="radio" id="email_invite_radio" name="invite-user" value="email-invite" />
{{t "Send an email" }}
</label>
</div>
</div>
<div id="invite_users_option_tabs_container" class="new-style"></div>
<div id="invitee_emails_container">
<label for="invitee_emails">{{t "Emails (one on each line or comma-separated)" }}</label>
<div class="pill-container">