Replace click routing with direct button handlers
This commit is contained in:
@@ -14,7 +14,6 @@
|
||||
type="button"
|
||||
class="compose__action-btn"
|
||||
id="compose-settings"
|
||||
data-action="compose-settings"
|
||||
aria-label="Compose settings"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#settings-2"></use></svg>
|
||||
@@ -23,7 +22,6 @@
|
||||
type="button"
|
||||
class="compose__action-btn"
|
||||
id="attach"
|
||||
data-action="attach"
|
||||
aria-label="Attach files"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#attach"></use></svg>
|
||||
@@ -32,7 +30,6 @@
|
||||
type="button"
|
||||
class="compose__action-btn"
|
||||
id="location"
|
||||
data-action="location"
|
||||
aria-label="Include location"
|
||||
title="Include GPS location"
|
||||
>
|
||||
@@ -64,7 +61,6 @@
|
||||
type="button"
|
||||
class="compose__action-btn compose__action-btn--send"
|
||||
id="send"
|
||||
data-action="send"
|
||||
aria-label="Send message"
|
||||
>
|
||||
<svg class="icon compose__icon--send"><use href="/static/icons.svg#send"></use></svg>
|
||||
|
||||
@@ -4,7 +4,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="settings"
|
||||
data-action="settings"
|
||||
aria-label="Settings"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#settings"></use></svg>
|
||||
@@ -13,7 +12,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="conversations"
|
||||
data-action="conversations"
|
||||
aria-label="Conversations"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#menu"></use></svg>
|
||||
@@ -24,7 +22,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="reset"
|
||||
data-action="reset"
|
||||
aria-label="Reset conversation"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
@@ -33,7 +30,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="scroll-up"
|
||||
data-action="scroll-up"
|
||||
aria-label="Scroll to top"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#scroll-up"></use></svg>
|
||||
@@ -42,7 +38,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="scroll-down"
|
||||
data-action="scroll-down"
|
||||
aria-label="Scroll to bottom and follow"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#scroll-down"></use></svg>
|
||||
@@ -51,7 +46,6 @@
|
||||
type="button"
|
||||
class="footer__toolbar-btn"
|
||||
id="mute"
|
||||
data-action="mute"
|
||||
aria-label="Mute"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#volume"></use></svg>
|
||||
|
||||
@@ -9,15 +9,13 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--delete"
|
||||
data-action="delete"
|
||||
aria-label="Delete message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
class="message__action-btn message__action-btn--inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
@@ -25,16 +23,14 @@
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="edit"
|
||||
class="message__action-btn message__action-btn--edit"
|
||||
aria-label="Edit message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#edit"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
@@ -64,7 +60,6 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--play"
|
||||
data-action="play"
|
||||
aria-label="Play"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#volume"></use></svg>
|
||||
@@ -72,15 +67,13 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--delete"
|
||||
data-action="delete"
|
||||
aria-label="Delete message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
class="message__action-btn message__action-btn--inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
@@ -88,16 +81,14 @@
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="edit"
|
||||
class="message__action-btn message__action-btn--edit"
|
||||
aria-label="Edit message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#edit"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
@@ -120,8 +111,7 @@
|
||||
<div class="message__actions-buttons">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
@@ -129,7 +119,6 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--delete"
|
||||
data-action="delete"
|
||||
aria-label="Delete message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
@@ -179,15 +168,13 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--delete"
|
||||
data-action="delete"
|
||||
aria-label="Delete message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
class="message__action-btn message__action-btn--inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
@@ -195,16 +182,14 @@
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="edit"
|
||||
class="message__action-btn message__action-btn--edit"
|
||||
aria-label="Edit message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#edit"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
@@ -241,13 +226,11 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__approval-btn message__approval-btn--approve"
|
||||
data-action="approve"
|
||||
aria-label="Approve tool call"
|
||||
>Approve</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__approval-btn message__approval-btn--deny"
|
||||
data-action="deny"
|
||||
aria-label="Deny tool call"
|
||||
>Deny</button>
|
||||
</div>
|
||||
@@ -257,15 +240,13 @@
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn message__action-btn--delete"
|
||||
data-action="delete"
|
||||
aria-label="Delete message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
class="message__action-btn message__action-btn--inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
@@ -273,16 +254,14 @@
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="edit"
|
||||
class="message__action-btn message__action-btn--edit"
|
||||
aria-label="Edit message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#edit"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
@@ -310,16 +289,14 @@
|
||||
<div class="message__actions-buttons">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="edit"
|
||||
class="message__action-btn message__action-btn--edit"
|
||||
aria-label="Edit system message"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#edit"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
class="message__action-btn message__action-btn--copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
|
||||
Reference in New Issue
Block a user