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

modals: Convert schedule message modal to popover.

Browse Source 
Fixes: #35003
This commit is contained in:
Maneesh Shukla
2025-06-24 20:42:37 +05:30
committed by Tim Abbott
parent 3d3f7b3782
commit 3b874c3dfa
10 changed files with 118 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
web/templates/popovers/schedule_message_popover.hbs Normal file
View File

@@ -0,0 +1,47 @@
<div class="popover-menu" id="send-later-options" data-simplebar data-simplebar-tab-index="-1">
<ul role="menu" class="popover-menu-list">
<li role="none" class="text-item popover-menu-list-item">
<span class="popover-header-name">
{{#if is_reminder}}
{{t "Schedule reminder" }}
{{else}}
{{t "Schedule message" }}
{{/if}}
</span>
</li>
{{#if possible_send_later_today}}
<li role="separator" class="popover-menu-separator"></li>
{{#each possible_send_later_today}}
<li role="none" class="link-item popover-menu-list-item">
<a role="menuitem" id="{{@key}}" class="send_later_today send_later_option popover-menu-link" data-send-stamp="{{this.stamp}}" tabindex="0">
<span class="popover-menu-label">{{this.text}}</span>
</a>
</li>
{{/each}}
{{/if}}
<li role="separator" class="popover-menu-separator"></li>
{{#each send_later_tomorrow}}
<li role="none" class="link-item popover-menu-list-item">
<a role="menuitem" id="{{@key}}" class="send_later_tomorrow send_later_option popover-menu-link" data-send-stamp="{{this.stamp}}" tabindex="0">
<span class="popover-menu-label">{{this.text}}</span>
</a>
</li>
{{/each}}
{{#if possible_send_later_monday}}
<li role="separator" class="popover-menu-separator"></li>
{{#each possible_send_later_monday}}
<li role="none" class="link-item popover-menu-list-item">
<a role="menuitem" id="{{@key}}" class="send_later_monday send_later_option popover-menu-link" data-send-stamp="{{this.stamp}}" tabindex="0">
<span class="popover-menu-label">{{this.text}}</span>
</a>
</li>
{{/each}}
{{/if}}
<li role="separator" class="popover-menu-separator"></li>
<li role="none" class="link-item popover-menu-list-item">
<a role="menuitem" class="send_later_custom send_later_option popover-menu-link" tabindex="0">
<span class="popover-menu-label">{{t 'Custom time'}}</span>
</a>
</li>
</ul>
</div>

19
web/templates/send_later_modal.hbs
View File

@@ -1,19 +0,0 @@
<div class="micromodal" id="send_later_modal" aria-hidden="true">
<div class="modal__overlay" tabindex="-1">
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="send_later_modal_label">
<header class="modal__header">
<h1 class="modal__title" id="send_later_modal_label">
{{#if is_reminder}}
{{t "Schedule reminder" }}
{{else}}
{{t "Schedule message" }}
{{/if}}
</h1>
<button class="modal__close" aria-label="{{t 'Close modal' }}" data-micromodal-close></button>
</header>
<main class="modal__content">
{{> send_later_modal_options . }}
</main>
</div>
</div>
</div>

26
web/templates/send_later_modal_options.hbs
View File

@@ -1,26 +0,0 @@
<div id="send_later_options">
<ul class="send_later_list">
{{#if possible_send_later_today}}
{{#each possible_send_later_today}}
<li>
<a id="{{@key}}" class="send_later_today send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li>
{{/each}}
{{/if}}
{{#each send_later_tomorrow}}
<li>
<a id="{{@key}}" class="send_later_tomorrow send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li>
{{/each}}
{{#if possible_send_later_monday }}
{{#each possible_send_later_monday}}
<li>
<a id="{{@key}}" class="send_later_monday send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li>
{{/each}}
{{/if}}
<li>
<a class="send_later_custom send_later_option" tabindex="0">{{t 'Custom time'}}</a>
</li>
</ul>
</div>