Front

Manager

Add a toggle "Show only pinned messages".

Add a "Pin"/"Unpin" action to a message

On the messages box, with all messages, show the pinned messages first.

Presenter

Show only pinned messages in the presenter if toggle "Show only pinned messages" is enabled.

Attendees view

Add a "Pinned" flag to a message when pinned = true

Use this icon:

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pin-filled" width="12" height="12" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <path d="M15.113 3.21l.094 .083l5.5 5.5a1 1 0 0 1 -1.175 1.59l-3.172 3.171l-1.424 3.797a1 1 0 0 1 -.158 .277l-.07 .08l-1.5 1.5a1 1 0 0 1 -1.32 .082l-.095 -.083l-2.793 -2.792l-3.793 3.792a1 1 0 0 1 -1.497 -1.32l.083 -.094l3.792 -3.793l-2.792 -2.793a1 1 0 0 1 -.083 -1.32l.083 -.094l1.5 -1.5a1 1 0 0 1 .258 -.187l.098 -.042l3.796 -1.425l3.171 -3.17a1 1 0 0 1 1.497 -1.26z" stroke-width="0" fill="currentColor"></path>
</svg>

Use an SVG file like the "Host" badge.

Back

When "Show only pinned messages" toggle is changed, change the show_only_pinned value of the presentation_states table and broadcast the change to all (presenter + manager + attendees).

When "Pin"/"Unpin" on Manager is clicked on a message, change the pinned value of a message (posts table)

Database

Add a new column show_only_pinned (bool) to presentation_states table.

Add a new column pinned (bool) to posts table.