Files
pixel.horse/src/ts/components/shared/chat-log/chat-log.pug
T

31 lines
2.0 KiB
Plaintext

.chat-log(#chatLog)
.d-flex.chat-log-buttons
.flex-grow-1.d-flex.flex-column-reverse
button.game-button.mb-2((click)="scrollToEnd()" title="Scroll to end")
fa-icon([icon]="toBottomIcon" [fixedWidth]="true")
.chat-log-content(#content)
fa-icon.resize-icon([icon]="resizeIcon")
.chat-log-tabs
a.link-plain.chat-log-tab(#localTab tabindex (click)="switchTab('local')")
| Local
a.link-plain.chat-log-tab(#partyTab tabindex (click)="switchTab('party')")
| Party
a.link-plain.chat-log-tab(#whisperTab tabindex (click)="switchTab('whisper')")
| Whisper
a.link-plain.chat-log-tab([style.background-color]="filterColor" (click)="focus()")
fa-icon.search-icon([icon]="searchIcon")
input.chat-log-filter(#filterInput type="text" (keyup.enter)="(unFocus())" (keyup.esc)="(unFocus())" [placeholder]="'Filter'" (keyup)="filterChat()")
.chat-log-scroll-outer()
.chat-log-scroll-inner(#scroll)
.chat-log-scroll-inner-inner(#lines)
.chat-log-resize-top((agDrag)="drag($event, true, false)")
.chat-log-resize-right((agDrag)="drag($event, false, true)")
.chat-log-resize-top-right((agDrag)="drag($event, true, true)")
button.game-button.chat-log-toggle(#toggleButton (click)="toggle()" title="Toggle chatlog")
svg.fa-icon(aria-hidden="true" class="svg-inline--fa fa-comments fa-w-18 fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512")
path.main-bubble(fill="currentColor" d="M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160z")
path(fill="currentColor" d="M538 412c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z")
.whispers-count(#count)