aboutsummaryrefslogtreecommitdiff
path: root/src/components/chat_panel/chat_panel.vue
diff options
context:
space:
mode:
authorShpuld Shpuldson <shp@cock.li>2021-08-08 16:14:22 +0300
committerShpuld Shpuldson <shp@cock.li>2021-08-08 16:14:22 +0300
commitcc170aa3ecffa75004760fc6d02bd87373132f7d (patch)
tree7d187ff11219399318f7482e0bc032cb20d025b9 /src/components/chat_panel/chat_panel.vue
parentc3fcbbd918ddef4e3f574a464fd10f4899bb2dce (diff)
parent425919a0d292b79869ebefd2a4d52ed4db45d319 (diff)
Update master with 2.4.0
Diffstat (limited to 'src/components/chat_panel/chat_panel.vue')
-rw-r--r--src/components/chat_panel/chat_panel.vue143
1 files changed, 0 insertions, 143 deletions
diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue
deleted file mode 100644
index 7993c94d..00000000
--- a/src/components/chat_panel/chat_panel.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
- <div
- v-if="!collapsed || !floating"
- class="chat-panel"
- >
- <div class="panel panel-default">
- <div
- class="panel-heading timeline-heading"
- :class="{ 'chat-heading': floating }"
- @click.stop.prevent="togglePanel"
- >
- <div class="title">
- <span>{{ $t('shoutbox.title') }}</span>
- <FAIcon
- v-if="floating"
- icon="times"
- />
- </div>
- </div>
- <div
- v-chat-scroll
- class="chat-window"
- >
- <div
- v-for="message in messages"
- :key="message.id"
- class="chat-message"
- >
- <span class="chat-avatar">
- <img :src="message.author.avatar">
- </span>
- <div class="chat-content">
- <router-link
- class="chat-name"
- :to="userProfileLink(message.author)"
- >
- {{ message.author.username }}
- </router-link>
- <br>
- <span class="chat-text">
- {{ message.text }}
- </span>
- </div>
- </div>
- </div>
- <div class="chat-input">
- <textarea
- v-model="currentMessage"
- class="chat-input-textarea"
- rows="1"
- @keyup.enter="submit(currentMessage)"
- />
- </div>
- </div>
- </div>
- <div
- v-else
- class="chat-panel"
- >
- <div class="panel panel-default">
- <div
- class="panel-heading stub timeline-heading chat-heading"
- @click.stop.prevent="togglePanel"
- >
- <div class="title">
- <FAIcon
- class="icon"
- icon="bullhorn"
- />
- {{ $t('shoutbox.title') }}
- </div>
- </div>
- </div>
- </div>
-</template>
-
-<script src="./chat_panel.js"></script>
-
-<style lang="scss">
-@import '../../_variables.scss';
-
-.floating-chat {
- position: fixed;
- right: 0px;
- bottom: 0px;
- z-index: 1000;
- max-width: 25em;
-}
-
-.chat-panel {
- .chat-heading {
- cursor: pointer;
-
- .icon {
- color: $fallback--text;
- color: var(--text, $fallback--text);
- }
- }
-
- .chat-window {
- overflow-y: auto;
- overflow-x: hidden;
- max-height: 20em;
- }
-
- .chat-window-container {
- height: 100%;
- }
-
- .chat-message {
- display: flex;
- padding: 0.2em 0.5em
- }
-
- .chat-avatar {
- img {
- height: 24px;
- width: 24px;
- border-radius: $fallback--avatarRadius;
- border-radius: var(--avatarRadius, $fallback--avatarRadius);
- margin-right: 0.5em;
- margin-top: 0.25em;
- }
- }
-
- .chat-input {
- display: flex;
- textarea {
- flex: 1;
- margin: 0.6em;
- min-height: 3.5em;
- resize: none;
- }
- }
-
- .chat-panel {
- .title {
- display: flex;
- justify-content: space-between;
- }
- }
-}
-</style>