Files
pixel.horse/src/ts/components/shared/chat-box/chat-box.pug
T
terncodeandStubenhocker1399 596fd33126 Add chat log colors, timestamp, filter & emoji box
Chat log names are now based off the ponies coat and mane.
Added a timestamp infront of each message.

There now is a filter on the top right of the chat box, with it you
can filter the past log.

Use no prefix for normal non-case sensitive search,
use # for case sensitive search and finally
use / for RegExp search.

When party or whisper messages are received, the respective tab is
highlighted.

Added an emoji picker, it is displayed when the chat bar is activated.

Co-authored-by: Stubenhocker1399 <[email protected]>
2019-09-07 13:28:24 +02:00

23 lines
989 B
Plaintext

.chat-box(#chatBox)
div(#chatBoxInput)
input.chat-input#chat-input(
#inputElement [(ngModel)]="message" (keydown)="keydown($event)" [maxlength]="maxSayLength"
aria-label="Chat message")
.chat-box-type(#typeBox (click)="toggleChatType()")
| #[span(#typePrefix)][#[span.chat-box-type-name(#typeName)]]:
.emotes.emoji-box([style.display]="emojiBoxState")
ul
li(*ngFor="let e of emotes" (click)="addEmoji(e.symbol)"
)
span.emote-sample.mr-2
emote-box([emote]="e.names[0]")
emote-box.game-button.chat-emoji-button([emote]="btnEmoji" (click)="openBox()" (mouseenter)="onMouseEnter($event)")
button.game-button.chat-send-button((click)="send($event)" title="Send message" aria-label="Send message")
fa-icon([icon]="sendIcon")
button.game-button.chat-open-button(
(click)="toggle()" (mousedown)="$event.preventDefault()" [disabled]="disabled" title="Toggle chat"
aria-label="Toggle message")
fa-icon([icon]="commentIcon" [fixedWidth]="true")