Run ESLint autofix after requiring new line on closing brackets
This commit is contained in:
parent
b99495334e
commit
0812ffc2e7
@ -1,60 +1,72 @@
|
||||
<template>
|
||||
<div
|
||||
id="viewport"
|
||||
role="tablist">
|
||||
role="tablist"
|
||||
>
|
||||
<aside id="sidebar">
|
||||
<div class="scrollable-area">
|
||||
<div class="logo-container">
|
||||
<img
|
||||
:src="`img/logo-${isPublic() ? 'horizontal-' : ''}transparent-bg.svg`"
|
||||
class="logo"
|
||||
alt="The Lounge">
|
||||
alt="The Lounge"
|
||||
>
|
||||
<img
|
||||
:src="`img/logo-${isPublic() ? 'horizontal-' : ''}transparent-bg-inverted.svg`"
|
||||
class="logo-inverted"
|
||||
alt="The Lounge">
|
||||
alt="The Lounge"
|
||||
>
|
||||
</div>
|
||||
<NetworkList
|
||||
:networks="networks"
|
||||
:active-channel="activeChannel" />
|
||||
:active-channel="activeChannel"
|
||||
/>
|
||||
</div>
|
||||
<footer id="footer">
|
||||
<span
|
||||
class="tooltipped tooltipped-n tooltipped-no-touch"
|
||||
aria-label="Sign in"><button
|
||||
class="icon sign-in"
|
||||
data-target="#sign-in"
|
||||
aria-label="Sign in"
|
||||
role="tab"
|
||||
aria-controls="sign-in"
|
||||
aria-selected="false" /></span>
|
||||
aria-label="Sign in"
|
||||
><button
|
||||
class="icon sign-in"
|
||||
data-target="#sign-in"
|
||||
aria-label="Sign in"
|
||||
role="tab"
|
||||
aria-controls="sign-in"
|
||||
aria-selected="false"
|
||||
/></span>
|
||||
<span
|
||||
class="tooltipped tooltipped-n tooltipped-no-touch"
|
||||
aria-label="Connect to network"><button
|
||||
class="icon connect"
|
||||
data-target="#connect"
|
||||
aria-label="Connect to network"
|
||||
role="tab"
|
||||
aria-controls="connect"
|
||||
aria-selected="false" /></span>
|
||||
aria-label="Connect to network"
|
||||
><button
|
||||
class="icon connect"
|
||||
data-target="#connect"
|
||||
aria-label="Connect to network"
|
||||
role="tab"
|
||||
aria-controls="connect"
|
||||
aria-selected="false"
|
||||
/></span>
|
||||
<span
|
||||
class="tooltipped tooltipped-n tooltipped-no-touch"
|
||||
aria-label="Settings"><button
|
||||
class="icon settings"
|
||||
data-target="#settings"
|
||||
aria-label="Settings"
|
||||
role="tab"
|
||||
aria-controls="settings"
|
||||
aria-selected="false" /></span>
|
||||
aria-label="Settings"
|
||||
><button
|
||||
class="icon settings"
|
||||
data-target="#settings"
|
||||
aria-label="Settings"
|
||||
role="tab"
|
||||
aria-controls="settings"
|
||||
aria-selected="false"
|
||||
/></span>
|
||||
<span
|
||||
class="tooltipped tooltipped-n tooltipped-no-touch"
|
||||
aria-label="Help"><button
|
||||
class="icon help"
|
||||
data-target="#help"
|
||||
aria-label="Help"
|
||||
role="tab"
|
||||
aria-controls="help"
|
||||
aria-selected="false" /></span>
|
||||
aria-label="Help"
|
||||
><button
|
||||
class="icon help"
|
||||
data-target="#help"
|
||||
aria-label="Help"
|
||||
role="tab"
|
||||
aria-controls="help"
|
||||
aria-selected="false"
|
||||
/></span>
|
||||
</footer>
|
||||
</aside>
|
||||
<div id="sidebar-overlay" />
|
||||
@ -62,31 +74,37 @@
|
||||
<Chat
|
||||
v-if="activeChannel"
|
||||
:network="activeChannel.network"
|
||||
:channel="activeChannel.channel" />
|
||||
:channel="activeChannel.channel"
|
||||
/>
|
||||
<div
|
||||
id="sign-in"
|
||||
class="window"
|
||||
role="tabpanel"
|
||||
aria-label="Sign-in" />
|
||||
aria-label="Sign-in"
|
||||
/>
|
||||
<div
|
||||
id="connect"
|
||||
class="window"
|
||||
role="tabpanel"
|
||||
aria-label="Connect" />
|
||||
aria-label="Connect"
|
||||
/>
|
||||
<div
|
||||
id="settings"
|
||||
class="window"
|
||||
role="tabpanel"
|
||||
aria-label="Settings" />
|
||||
aria-label="Settings"
|
||||
/>
|
||||
<div
|
||||
id="help"
|
||||
class="window"
|
||||
role="tabpanel"
|
||||
aria-label="Help" />
|
||||
aria-label="Help"
|
||||
/>
|
||||
<div
|
||||
id="changelog"
|
||||
class="window"
|
||||
aria-label="Changelog" />
|
||||
aria-label="Changelog"
|
||||
/>
|
||||
</article>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -2,28 +2,34 @@
|
||||
<ChannelWrapper
|
||||
:network="network"
|
||||
:channel="channel"
|
||||
:active-channel="activeChannel">
|
||||
:active-channel="activeChannel"
|
||||
>
|
||||
<span class="name">{{ channel.name }}</span>
|
||||
<span
|
||||
v-if="channel.unread"
|
||||
:class="{ highlight: channel.highlight }"
|
||||
class="badge">{{ channel.unread | roundBadgeNumber }}</span>
|
||||
class="badge"
|
||||
>{{ channel.unread | roundBadgeNumber }}</span>
|
||||
<template v-if="channel.type === 'channel'">
|
||||
<span
|
||||
class="close-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Leave">
|
||||
aria-label="Leave"
|
||||
>
|
||||
<button
|
||||
class="close"
|
||||
aria-label="Leave" />
|
||||
aria-label="Leave"
|
||||
/>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span
|
||||
class="close-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Close">
|
||||
aria-label="Close"
|
||||
>
|
||||
<button
|
||||
class="close"
|
||||
aria-label="Close" />
|
||||
aria-label="Close"
|
||||
/>
|
||||
</span>
|
||||
</template>
|
||||
</ChannelWrapper>
|
||||
|
@ -14,11 +14,13 @@
|
||||
:aria-controls="'#chan-' + channel.id"
|
||||
:aria-selected="activeChannel && channel === activeChannel.channel"
|
||||
class="chan"
|
||||
role="tab">
|
||||
role="tab"
|
||||
>
|
||||
<slot
|
||||
:network="network"
|
||||
:channel="channel"
|
||||
:activeChannel="activeChannel" />
|
||||
:activeChannel="activeChannel"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div
|
||||
id="chat-container"
|
||||
class="window">
|
||||
class="window"
|
||||
>
|
||||
<div
|
||||
id="chat"
|
||||
:data-id="channel.id"
|
||||
@ -9,78 +10,94 @@
|
||||
'hide-motd': !this.$root.settings.motd,
|
||||
'colored-nicks': this.$root.settings.coloredNicks,
|
||||
'show-seconds': this.$root.settings.showSeconds,
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<div
|
||||
:id="'chan-' + channel.id"
|
||||
:class="[channel.type, 'chan', 'active']"
|
||||
:data-id="channel.id"
|
||||
:data-type="channel.type"
|
||||
:aria-label="channel.name"
|
||||
role="tabpanel">
|
||||
role="tabpanel"
|
||||
>
|
||||
<div class="header">
|
||||
<button
|
||||
class="lt"
|
||||
aria-label="Toggle channel list" />
|
||||
aria-label="Toggle channel list"
|
||||
/>
|
||||
<span class="title">{{ channel.name }}</span>
|
||||
<span
|
||||
:title="channel.topic"
|
||||
class="topic"><ParsedMessage
|
||||
v-if="channel.topic"
|
||||
:network="network"
|
||||
:text="channel.topic" /></span>
|
||||
class="topic"
|
||||
><ParsedMessage
|
||||
v-if="channel.topic"
|
||||
:network="network"
|
||||
:text="channel.topic"
|
||||
/></span>
|
||||
<button
|
||||
class="menu"
|
||||
aria-label="Open the context menu" />
|
||||
aria-label="Open the context menu"
|
||||
/>
|
||||
<span
|
||||
v-if="channel.type === 'channel'"
|
||||
class="rt-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Toggle user list">
|
||||
aria-label="Toggle user list"
|
||||
>
|
||||
<button
|
||||
class="rt"
|
||||
aria-label="Toggle user list" />
|
||||
aria-label="Toggle user list"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="channel.type === 'special'"
|
||||
class="chat-content">
|
||||
class="chat-content"
|
||||
>
|
||||
<div class="chat">
|
||||
<div class="messages">
|
||||
<div class="msg">
|
||||
<Component
|
||||
:is="specialComponent"
|
||||
:network="network"
|
||||
:channel="channel" />
|
||||
:channel="channel"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else
|
||||
class="chat-content">
|
||||
class="chat-content"
|
||||
>
|
||||
<div
|
||||
:class="['scroll-down tooltipped tooltipped-w', {'scroll-down-shown': !channel.scrolledToBottom}]"
|
||||
aria-label="Jump to recent messages"
|
||||
@click="$refs.messageList.jumpToBottom()">
|
||||
@click="$refs.messageList.jumpToBottom()"
|
||||
>
|
||||
<div class="scroll-down-arrow" />
|
||||
</div>
|
||||
<MessageList
|
||||
ref="messageList"
|
||||
:network="network"
|
||||
:channel="channel" />
|
||||
:channel="channel"
|
||||
/>
|
||||
<ChatUserList
|
||||
v-if="channel.type === 'channel'"
|
||||
:channel="channel" />
|
||||
:channel="channel"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="this.$root.currentUserVisibleError"
|
||||
id="user-visible-error"
|
||||
@click="hideUserVisibleError">{{ this.$root.currentUserVisibleError }}</div>
|
||||
@click="hideUserVisibleError"
|
||||
>{{ this.$root.currentUserVisibleError }}</div>
|
||||
<span id="upload-progressbar" />
|
||||
<ChatInput
|
||||
:network="network"
|
||||
:channel="channel" />
|
||||
:channel="channel"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -3,7 +3,8 @@
|
||||
id="form"
|
||||
method="post"
|
||||
action=""
|
||||
@submit.prevent="onSubmit">
|
||||
@submit.prevent="onSubmit"
|
||||
>
|
||||
<span id="nick">{{ network.nick }}</span>
|
||||
<textarea
|
||||
id="input"
|
||||
@ -13,33 +14,39 @@
|
||||
:aria-label="getInputPlaceholder(channel)"
|
||||
class="mousetrap"
|
||||
@input="setPendingMessage"
|
||||
@keypress.enter.exact.prevent="onSubmit" />
|
||||
@keypress.enter.exact.prevent="onSubmit"
|
||||
/>
|
||||
<span
|
||||
v-if="this.$root.isFileUploadEnabled"
|
||||
id="upload-tooltip"
|
||||
class="tooltipped tooltipped-w tooltipped-no-touch"
|
||||
aria-label="Upload file"
|
||||
@click="openFileUpload">
|
||||
@click="openFileUpload"
|
||||
>
|
||||
<input
|
||||
id="upload-input"
|
||||
ref="uploadInput"
|
||||
type="file"
|
||||
multiple>
|
||||
multiple
|
||||
>
|
||||
<button
|
||||
id="upload"
|
||||
type="button"
|
||||
aria-label="Upload file"
|
||||
:disabled="!this.$root.isConnected" />
|
||||
:disabled="!this.$root.isConnected"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
id="submit-tooltip"
|
||||
class="tooltipped tooltipped-w tooltipped-no-touch"
|
||||
aria-label="Send message">
|
||||
aria-label="Send message"
|
||||
>
|
||||
<button
|
||||
id="submit"
|
||||
type="submit"
|
||||
aria-label="Send message"
|
||||
:disabled="!this.$root.isConnected" />
|
||||
:disabled="!this.$root.isConnected"
|
||||
/>
|
||||
</span>
|
||||
</form>
|
||||
</template>
|
||||
|
@ -2,7 +2,8 @@
|
||||
<aside
|
||||
ref="userlist"
|
||||
class="userlist"
|
||||
@mouseleave="removeHoverUser">
|
||||
@mouseleave="removeHoverUser"
|
||||
>
|
||||
<div class="count">
|
||||
<input
|
||||
ref="input"
|
||||
@ -17,20 +18,23 @@
|
||||
@keydown.down="navigateUserList($event, 1)"
|
||||
@keydown.page-up="navigateUserList($event, -10)"
|
||||
@keydown.page-down="navigateUserList($event, 10)"
|
||||
@keydown.enter="selectUser">
|
||||
@keydown.enter="selectUser"
|
||||
>
|
||||
</div>
|
||||
<div class="names">
|
||||
<div
|
||||
v-for="(users, mode) in groupedUsers"
|
||||
:key="mode"
|
||||
:class="['user-mode', getModeClass(mode)]">
|
||||
:class="['user-mode', getModeClass(mode)]"
|
||||
>
|
||||
<template v-if="userSearchInput.length > 0">
|
||||
<UsernameFiltered
|
||||
v-for="user in users"
|
||||
:key="user.original.nick"
|
||||
:on-hover="hoverUser"
|
||||
:active="user.original === activeUser"
|
||||
:user="user" />
|
||||
:user="user"
|
||||
/>
|
||||
</template>
|
||||
<template v-else>
|
||||
<Username
|
||||
@ -38,7 +42,8 @@
|
||||
:key="user.nick"
|
||||
:on-hover="hoverUser"
|
||||
:active="user === activeUser"
|
||||
:user="user" />
|
||||
:user="user"
|
||||
/>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,11 +1,13 @@
|
||||
<template>
|
||||
<div
|
||||
:aria-label="localeDate"
|
||||
class="date-marker-container tooltipped tooltipped-s">
|
||||
class="date-marker-container tooltipped tooltipped-s"
|
||||
>
|
||||
<div class="date-marker">
|
||||
<span
|
||||
:data-label="friendlyDate()"
|
||||
class="date-marker-text" />
|
||||
class="date-marker-text"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -6,7 +6,8 @@
|
||||
action=""
|
||||
autocomplete="off"
|
||||
@keydown.esc.prevent="$emit('toggleJoinChannel')"
|
||||
@submit.prevent="onSubmit">
|
||||
@submit.prevent="onSubmit"
|
||||
>
|
||||
<input
|
||||
v-model="inputChannel"
|
||||
v-focus
|
||||
@ -17,7 +18,8 @@
|
||||
pattern="[^\s]+"
|
||||
maxlength="200"
|
||||
title="The channel name may not contain spaces"
|
||||
required>
|
||||
required
|
||||
>
|
||||
<input
|
||||
v-model="inputPassword"
|
||||
type="password"
|
||||
@ -27,10 +29,12 @@
|
||||
pattern="[^\s]+"
|
||||
maxlength="200"
|
||||
title="The channel password may not contain spaces"
|
||||
autocomplete="new-password">
|
||||
autocomplete="new-password"
|
||||
>
|
||||
<button
|
||||
type="submit"
|
||||
class="btn btn-small">Join</button>
|
||||
class="btn btn-small"
|
||||
>Join</button>
|
||||
</form>
|
||||
</template>
|
||||
|
||||
|
@ -3,17 +3,20 @@
|
||||
v-if="link.shown"
|
||||
v-show="link.canDisplay"
|
||||
ref="container"
|
||||
class="preview">
|
||||
class="preview"
|
||||
>
|
||||
<div
|
||||
ref="content"
|
||||
:class="['toggle-content', 'toggle-type-' + link.type, { opened: isContentShown }]">
|
||||
:class="['toggle-content', 'toggle-type-' + link.type, { opened: isContentShown }]"
|
||||
>
|
||||
<template v-if="link.type === 'link'">
|
||||
<a
|
||||
v-if="link.thumb"
|
||||
:href="link.link"
|
||||
class="toggle-thumbnail"
|
||||
target="_blank"
|
||||
rel="noopener">
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
:src="link.thumb"
|
||||
decoding="async"
|
||||
@ -21,7 +24,8 @@
|
||||
class="thumb"
|
||||
@error="onThumbnailError"
|
||||
@abort="onThumbnailError"
|
||||
@load="onPreviewReady">
|
||||
@load="onPreviewReady"
|
||||
>
|
||||
</a>
|
||||
<div class="toggle-text">
|
||||
<div class="head">
|
||||
@ -30,7 +34,8 @@
|
||||
:href="link.link"
|
||||
:title="link.head"
|
||||
target="_blank"
|
||||
rel="noopener">{{ link.head }}</a>
|
||||
rel="noopener"
|
||||
>{{ link.head }}</a>
|
||||
</div>
|
||||
|
||||
<button
|
||||
@ -38,7 +43,8 @@
|
||||
:aria-expanded="isContentShown"
|
||||
:aria-label="moreButtonLabel"
|
||||
class="more"
|
||||
@click="onMoreClick"><span class="more-caret" /></button>
|
||||
@click="onMoreClick"
|
||||
><span class="more-caret" /></button>
|
||||
</div>
|
||||
|
||||
<div class="body overflowable">
|
||||
@ -46,7 +52,8 @@
|
||||
:href="link.link"
|
||||
:title="link.body"
|
||||
target="_blank"
|
||||
rel="noopener">{{ link.body }}</a>
|
||||
rel="noopener"
|
||||
>{{ link.body }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -55,32 +62,38 @@
|
||||
:href="link.link"
|
||||
class="toggle-thumbnail"
|
||||
target="_blank"
|
||||
rel="noopener">
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
:src="link.thumb"
|
||||
decoding="async"
|
||||
alt=""
|
||||
@load="onPreviewReady">
|
||||
@load="onPreviewReady"
|
||||
>
|
||||
</a>
|
||||
</template>
|
||||
<template v-else-if="link.type === 'video'">
|
||||
<video
|
||||
preload="metadata"
|
||||
controls
|
||||
@canplay="onPreviewReady">
|
||||
@canplay="onPreviewReady"
|
||||
>
|
||||
<source
|
||||
:src="link.media"
|
||||
:type="link.mediaType">
|
||||
:type="link.mediaType"
|
||||
>
|
||||
</video>
|
||||
</template>
|
||||
<template v-else-if="link.type === 'audio'">
|
||||
<audio
|
||||
controls
|
||||
preload="metadata"
|
||||
@canplay="onPreviewReady">
|
||||
@canplay="onPreviewReady"
|
||||
>
|
||||
<source
|
||||
:src="link.media"
|
||||
:type="link.mediaType">
|
||||
:type="link.mediaType"
|
||||
>
|
||||
</audio>
|
||||
</template>
|
||||
<template v-else-if="link.type === 'error'">
|
||||
@ -90,7 +103,8 @@
|
||||
<a
|
||||
:href="link.link"
|
||||
target="_blank"
|
||||
rel="noopener">Click here</a>
|
||||
rel="noopener"
|
||||
>Click here</a>
|
||||
to open it in a new window.
|
||||
</em>
|
||||
<template v-else-if="link.error === 'message'">
|
||||
@ -100,7 +114,8 @@
|
||||
<a
|
||||
:href="link.link"
|
||||
target="_blank"
|
||||
rel="noopener">Click here</a>
|
||||
rel="noopener"
|
||||
>Click here</a>
|
||||
to open it in a new window.
|
||||
</em>
|
||||
<br>
|
||||
@ -111,7 +126,8 @@
|
||||
:aria-expanded="isContentShown"
|
||||
:aria-label="moreButtonLabel"
|
||||
class="more"
|
||||
@click="onMoreClick"><span class="more-caret" /></button>
|
||||
@click="onMoreClick"
|
||||
><span class="more-caret" /></button>
|
||||
</template>
|
||||
</template>
|
||||
</div>
|
||||
|
@ -2,7 +2,8 @@
|
||||
<button
|
||||
v-if="link.type !== 'loading'"
|
||||
:class="['toggle-button', 'toggle-preview', { opened: link.shown }]"
|
||||
@click="onClick" />
|
||||
@click="onClick"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -2,16 +2,19 @@
|
||||
<div
|
||||
:id="'msg-' + message.id"
|
||||
:class="['msg', message.type, {self: message.self, highlight: message.highlight}]"
|
||||
:data-from="message.from && message.from.nick">
|
||||
:data-from="message.from && message.from.nick"
|
||||
>
|
||||
<span
|
||||
:aria-label="message.time | localetime"
|
||||
class="time tooltipped tooltipped-e">{{ messageTime }} </span>
|
||||
class="time tooltipped tooltipped-e"
|
||||
>{{ messageTime }} </span>
|
||||
<template v-if="message.type === 'unhandled'">
|
||||
<span class="from">[{{ message.command }}]</span>
|
||||
<span class="content">
|
||||
<span
|
||||
v-for="(param, id) in message.params"
|
||||
:key="id">{{ param }} </span>
|
||||
:key="id"
|
||||
>{{ param }} </span>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else-if="isAction()">
|
||||
@ -19,25 +22,29 @@
|
||||
<Component
|
||||
:is="messageComponent"
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
</template>
|
||||
<template v-else-if="message.type === 'action'">
|
||||
<span class="from"><span class="only-copy">* </span></span>
|
||||
<span class="content">
|
||||
<Username :user="message.from" /> <ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
<LinkPreview
|
||||
v-for="preview in message.previews"
|
||||
:key="preview.link"
|
||||
:keep-scroll-position="keepScrollPosition"
|
||||
:link="preview" />
|
||||
:link="preview"
|
||||
/>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span
|
||||
v-if="message.type === 'message'"
|
||||
class="from">
|
||||
class="from"
|
||||
>
|
||||
<template v-if="message.from && message.from.nick">
|
||||
<span class="only-copy"><</span>
|
||||
<Username :user="message.from" />
|
||||
@ -46,7 +53,8 @@
|
||||
</span>
|
||||
<span
|
||||
v-else
|
||||
class="from">
|
||||
class="from"
|
||||
>
|
||||
<template v-if="message.from && message.from.nick">
|
||||
<span class="only-copy">-</span>
|
||||
<Username :user="message.from" />
|
||||
@ -56,12 +64,14 @@
|
||||
<span class="content">
|
||||
<ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
<LinkPreview
|
||||
v-for="preview in message.previews"
|
||||
:key="preview.link"
|
||||
:keep-scroll-position="keepScrollPosition"
|
||||
:link="preview" />
|
||||
:link="preview"
|
||||
/>
|
||||
</span>
|
||||
</template>
|
||||
</div>
|
||||
|
@ -5,15 +5,18 @@
|
||||
<span class="from" />
|
||||
<span
|
||||
class="content"
|
||||
@click="onCollapseClick">{{ condensedText }}<button
|
||||
class="toggle-button"
|
||||
aria-label="Toggle status messages" /></span>
|
||||
@click="onCollapseClick"
|
||||
>{{ condensedText }}<button
|
||||
class="toggle-button"
|
||||
aria-label="Toggle status messages"
|
||||
/></span>
|
||||
</div>
|
||||
<Message
|
||||
v-for="message in messages"
|
||||
:key="message.id"
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -2,13 +2,15 @@
|
||||
<div
|
||||
ref="chat"
|
||||
class="chat"
|
||||
tabindex="-1">
|
||||
tabindex="-1"
|
||||
>
|
||||
<div :class="['show-more', { show: channel.moreHistoryAvailable }]">
|
||||
<button
|
||||
ref="loadMoreButton"
|
||||
:disabled="channel.historyLoading || !$root.isConnected"
|
||||
class="btn"
|
||||
@click="onShowMoreClick">
|
||||
@click="onShowMoreClick"
|
||||
>
|
||||
<span v-if="channel.historyLoading">Loading…</span>
|
||||
<span v-else>Show older messages</span>
|
||||
</button>
|
||||
@ -18,16 +20,19 @@
|
||||
role="log"
|
||||
aria-live="polite"
|
||||
aria-relevant="additions"
|
||||
@copy="onCopy">
|
||||
@copy="onCopy"
|
||||
>
|
||||
<template v-for="(message, id) in condensedMessages">
|
||||
<DateMarker
|
||||
v-if="shouldDisplayDateMarker(message, id)"
|
||||
:key="message.id + '-date'"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
<div
|
||||
v-if="shouldDisplayUnreadMarker(message.id)"
|
||||
:key="message.id + '-unread'"
|
||||
class="unread-marker">
|
||||
class="unread-marker"
|
||||
>
|
||||
<span class="unread-marker-text" />
|
||||
</div>
|
||||
|
||||
@ -36,14 +41,16 @@
|
||||
:key="message.id"
|
||||
:network="network"
|
||||
:keep-scroll-position="keepScrollPosition"
|
||||
:messages="message.messages" />
|
||||
:messages="message.messages"
|
||||
/>
|
||||
<Message
|
||||
v-else
|
||||
:key="message.id"
|
||||
:network="network"
|
||||
:message="message"
|
||||
:keep-scroll-position="keepScrollPosition"
|
||||
@linkPreviewToggle="onLinkPreviewToggle" />
|
||||
@linkPreviewToggle="onLinkPreviewToggle"
|
||||
/>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -3,13 +3,15 @@
|
||||
<ParsedMessage
|
||||
v-if="message.self"
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
<template v-else>
|
||||
<Username :user="message.from" />
|
||||
is away
|
||||
<i class="away-message">(<ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />)</i>
|
||||
:message="message"
|
||||
/>)</i>
|
||||
</template>
|
||||
</span>
|
||||
</template>
|
||||
|
@ -3,7 +3,8 @@
|
||||
<ParsedMessage
|
||||
v-if="message.self"
|
||||
:network="network"
|
||||
:message="message" />
|
||||
:message="message"
|
||||
/>
|
||||
<template v-else>
|
||||
<Username :user="message.from" />
|
||||
is back
|
||||
|
@ -5,10 +5,12 @@
|
||||
<span v-if="message.invitedYou">you</span>
|
||||
<Username
|
||||
v-else
|
||||
:user="message.target" />
|
||||
:user="message.target"
|
||||
/>
|
||||
to <ParsedMessage
|
||||
:network="network"
|
||||
:text="message.channel" />
|
||||
:text="message.channel"
|
||||
/>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -5,9 +5,11 @@
|
||||
<Username :user="message.target" />
|
||||
<i
|
||||
v-if="message.text"
|
||||
class="part-reason"> (<ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />)</i>
|
||||
class="part-reason"
|
||||
> (<ParsedMessage
|
||||
:network="network"
|
||||
:message="message"
|
||||
/>)</i>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -2,7 +2,8 @@
|
||||
<span class="content">
|
||||
<span class="text"><ParsedMessage
|
||||
:network="network"
|
||||
:text="cleanText" /></span>
|
||||
:text="cleanText"
|
||||
/></span>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -3,9 +3,11 @@
|
||||
<Username :user="message.from" />
|
||||
<i class="hostmask"> ({{ message.hostmask }})</i> has left the channel <i
|
||||
v-if="message.text"
|
||||
class="part-reason">(<ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />)</i>
|
||||
class="part-reason"
|
||||
>(<ParsedMessage
|
||||
:network="network"
|
||||
:message="message"
|
||||
/>)</i>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -3,9 +3,11 @@
|
||||
<Username :user="message.from" />
|
||||
<i class="hostmask"> ({{ message.hostmask }})</i> has quit <i
|
||||
v-if="message.text"
|
||||
class="quit-reason">(<ParsedMessage
|
||||
:network="network"
|
||||
:message="message" />)</i>
|
||||
class="quit-reason"
|
||||
>(<ParsedMessage
|
||||
:network="network"
|
||||
:message="message"
|
||||
/>)</i>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -4,9 +4,11 @@
|
||||
<template v-else>The topic is: </template>
|
||||
<span
|
||||
v-if="message.text"
|
||||
class="new-topic"><ParsedMessage
|
||||
:network="network"
|
||||
:message="message" /></span>
|
||||
class="new-topic"
|
||||
><ParsedMessage
|
||||
:network="network"
|
||||
:message="message"
|
||||
/></span>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
|
@ -20,7 +20,8 @@
|
||||
<a
|
||||
:href="'https://ipinfo.io/' + message.whois.actual_ip"
|
||||
target="_blank"
|
||||
rel="noopener">{{ message.whois.actual_ip }}</a>
|
||||
rel="noopener"
|
||||
>{{ message.whois.actual_ip }}</a>
|
||||
<i v-if="message.whois.actual_hostname != message.whois.actual_ip"> ({{ message.whois.actual_hostname }})</i>
|
||||
</dd>
|
||||
</template>
|
||||
@ -29,7 +30,8 @@
|
||||
<dt>Real name:</dt>
|
||||
<dd><ParsedMessage
|
||||
:network="network"
|
||||
:text="message.whois.real_name" /></dd>
|
||||
:text="message.whois.real_name"
|
||||
/></dd>
|
||||
</template>
|
||||
|
||||
<template v-if="message.whois.registered_nick">
|
||||
@ -41,7 +43,8 @@
|
||||
<dt>Channels:</dt>
|
||||
<dd><ParsedMessage
|
||||
:network="network"
|
||||
:text="message.whois.channels" /></dd>
|
||||
:text="message.whois.channels"
|
||||
/></dd>
|
||||
</template>
|
||||
|
||||
<template v-if="message.whois.modes">
|
||||
@ -75,7 +78,8 @@
|
||||
<dt>Away:</dt>
|
||||
<dd><ParsedMessage
|
||||
:network="network"
|
||||
:text="message.whois.away" /></dd>
|
||||
:text="message.whois.away"
|
||||
/></dd>
|
||||
</template>
|
||||
|
||||
<template v-if="message.whois.secure">
|
||||
|
@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div
|
||||
v-if="networks.length === 0"
|
||||
class="empty">
|
||||
class="empty"
|
||||
>
|
||||
You are not connected to any networks yet.
|
||||
</div>
|
||||
<Draggable
|
||||
@ -11,7 +12,8 @@
|
||||
class="networks"
|
||||
@change="onNetworkSort"
|
||||
@start="onDragStart"
|
||||
@end="onDragEnd">
|
||||
@end="onDragEnd"
|
||||
>
|
||||
<div
|
||||
v-for="network in networks"
|
||||
:id="'network-' + network.uuid"
|
||||
@ -24,17 +26,20 @@
|
||||
:data-uuid="network.uuid"
|
||||
:data-nick="network.nick"
|
||||
class="network"
|
||||
role="region">
|
||||
role="region"
|
||||
>
|
||||
<NetworkLobby
|
||||
:network="network"
|
||||
:active-channel="activeChannel"
|
||||
:is-join-channel-shown="network.isJoinChannelShown"
|
||||
@toggleJoinChannel="network.isJoinChannelShown = !network.isJoinChannelShown" />
|
||||
@toggleJoinChannel="network.isJoinChannelShown = !network.isJoinChannelShown"
|
||||
/>
|
||||
<JoinChannel
|
||||
v-if="network.isJoinChannelShown"
|
||||
:network="network"
|
||||
:channel="network.channels[0]"
|
||||
@toggleJoinChannel="network.isJoinChannelShown = !network.isJoinChannelShown" />
|
||||
@toggleJoinChannel="network.isJoinChannelShown = !network.isJoinChannelShown"
|
||||
/>
|
||||
|
||||
<Draggable
|
||||
:options="{ draggable: '.chan', ghostClass: 'chan-placeholder', disabled: isSortingEnabled }"
|
||||
@ -42,14 +47,16 @@
|
||||
class="channels"
|
||||
@change="onChannelSort"
|
||||
@start="onDragStart"
|
||||
@end="onDragEnd">
|
||||
@end="onDragEnd"
|
||||
>
|
||||
<Channel
|
||||
v-for="(channel, index) in network.channels"
|
||||
v-if="index > 0"
|
||||
:key="channel.id"
|
||||
:channel="channel"
|
||||
:network="network"
|
||||
:active-channel="activeChannel" />
|
||||
:active-channel="activeChannel"
|
||||
/>
|
||||
</Draggable>
|
||||
</div>
|
||||
</Draggable>
|
||||
|
@ -2,44 +2,53 @@
|
||||
<ChannelWrapper
|
||||
:network="network"
|
||||
:channel="channel"
|
||||
:active-channel="activeChannel">
|
||||
:active-channel="activeChannel"
|
||||
>
|
||||
<button
|
||||
v-if="network.channels.length > 1"
|
||||
:aria-controls="'network-' + network.uuid"
|
||||
:aria-label="getExpandLabel(network)"
|
||||
:aria-expanded="!network.isCollapsed"
|
||||
class="collapse-network"
|
||||
@click.stop="onCollapseClick"><span class="collapse-network-icon" /></button>
|
||||
@click.stop="onCollapseClick"
|
||||
><span class="collapse-network-icon" /></button>
|
||||
<span
|
||||
v-else
|
||||
class="collapse-network" />
|
||||
class="collapse-network"
|
||||
/>
|
||||
<div class="lobby-wrap">
|
||||
<span
|
||||
:title="channel.name"
|
||||
class="name">{{ channel.name }}</span>
|
||||
class="name"
|
||||
>{{ channel.name }}</span>
|
||||
<span
|
||||
class="not-secure-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Insecure connection">
|
||||
aria-label="Insecure connection"
|
||||
>
|
||||
<span class="not-secure-icon" />
|
||||
</span>
|
||||
<span
|
||||
class="not-connected-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Disconnected">
|
||||
aria-label="Disconnected"
|
||||
>
|
||||
<span class="not-connected-icon" />
|
||||
</span>
|
||||
<span
|
||||
v-if="channel.unread"
|
||||
:class="{ highlight: channel.highlight }"
|
||||
class="badge">{{ channel.unread | roundBadgeNumber }}</span>
|
||||
class="badge"
|
||||
>{{ channel.unread | roundBadgeNumber }}</span>
|
||||
</div>
|
||||
<span
|
||||
:aria-label="joinChannelLabel"
|
||||
class="add-channel-tooltip tooltipped tooltipped-w tooltipped-no-touch">
|
||||
class="add-channel-tooltip tooltipped tooltipped-w tooltipped-no-touch"
|
||||
>
|
||||
<button
|
||||
:class="['add-channel', { opened: isJoinChannelShown }]"
|
||||
:aria-controls="'join-channel-' + channel.id"
|
||||
:aria-label="joinChannelLabel"
|
||||
@click.stop="$emit('toggleJoinChannel')" />
|
||||
@click.stop="$emit('toggleJoinChannel')"
|
||||
/>
|
||||
</span>
|
||||
</ChannelWrapper>
|
||||
</template>
|
||||
|
@ -10,7 +10,8 @@
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="ban in channel.data"
|
||||
:key="ban.hostmask">
|
||||
:key="ban.hostmask"
|
||||
>
|
||||
<td class="hostmask">{{ ban.hostmask }}</td>
|
||||
<td class="banned_by">{{ ban.banned_by }}</td>
|
||||
<td class="banned_at">{{ ban.banned_at | localetime }}</td>
|
||||
|
@ -2,7 +2,8 @@
|
||||
<span v-if="channel.data.text">{{ channel.data.text }}</span>
|
||||
<table
|
||||
v-else
|
||||
class="channel-list">
|
||||
class="channel-list"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="channel">Channel</th>
|
||||
@ -13,14 +14,17 @@
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="chan in channel.data"
|
||||
:key="chan.channel">
|
||||
:key="chan.channel"
|
||||
>
|
||||
<td class="channel"><ParsedMessage
|
||||
:network="network"
|
||||
:text="chan.channel" /></td>
|
||||
:text="chan.channel"
|
||||
/></td>
|
||||
<td class="users">{{ chan.num_users }}</td>
|
||||
<td class="topic"><ParsedMessage
|
||||
:network="network"
|
||||
:text="chan.topic" /></td>
|
||||
:text="chan.topic"
|
||||
/></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
@ -9,7 +9,8 @@
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="user in channel.data"
|
||||
:key="user.hostmask">
|
||||
:key="user.hostmask"
|
||||
>
|
||||
<td class="hostmask">{{ user.hostmask }}</td>
|
||||
<td class="when">{{ user.when | localetime }}</td>
|
||||
</tr>
|
||||
|
@ -3,7 +3,8 @@
|
||||
:class="['user', $options.filters.colorClass(user.nick), { active: active }]"
|
||||
:data-name="user.nick"
|
||||
role="button"
|
||||
v-on="onHover ? { mouseover: hover } : {}">{{ user.mode }}{{ user.nick }}</span>
|
||||
v-on="onHover ? { mouseover: hover } : {}"
|
||||
>{{ user.mode }}{{ user.nick }}</span>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -4,7 +4,8 @@
|
||||
:data-name="user.original.nick"
|
||||
role="button"
|
||||
@mouseover="hover"
|
||||
v-html="user.original.mode + user.string" />
|
||||
v-html="user.original.mode + user.string"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -3,7 +3,8 @@
|
||||
<ParsedMessage
|
||||
:text="text"
|
||||
:message="message"
|
||||
:network="network" />
|
||||
:network="network"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user