Move src to dashboard (#152)

2019-10-16 14:36:17 +05:30
parent 012a2743f2
commit 2783fb6006
187 changed files with 29 additions and 29 deletions
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
@@ -0,0 +1,116 @@
+<template>
+  <div
+    class="conversation"
+    :class="{ active: isActiveChat, 'unread-chat': hasUnread }"
+    @click="cardClick(chat)"
+  >
+    <Thumbnail
+      :src="chat.meta.sender.thumbnail"
+      :badge="chat.meta.sender.channel"
+      class="columns"
+    />
+    <div class="conversation--details columns">
+      <h4 class="conversation--user">
+        {{ chat.meta.sender.name }}
+        <span
+          v-if="isInboxNameVisible"
+          v-tooltip.bottom="inboxName(chat.inbox_id)"
+          class="label"
+        >
+          {{ inboxName(chat.inbox_id) }}
+        </span>
+      </h4>
+      <p
+        class="conversation--message"
+        v-html="extractMessageText(lastMessage(chat))"
+      ></p>
+
+      <div class="conversation--meta">
+        <span class="timestamp">
+          {{ dynamicTime(lastMessage(chat).created_at) }}
+        </span>
+        <span class="unread">{{ getUnreadCount }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+/* eslint no-console: 0 */
+/* eslint no-extra-boolean-cast: 0 */
+import { mapGetters } from 'vuex';
+import Thumbnail from '../Thumbnail';
+import getEmojiSVG from '../emoji/utils';
+import conversationMixin from '../../../mixins/conversations';
+import timeMixin from '../../../mixins/time';
+import router from '../../../routes';
+import { frontendURL } from '../../../helper/URLHelper';
+
+export default {
+  components: {
+    Thumbnail,
+  },
+
+  mixins: [timeMixin, conversationMixin],
+  props: {
+    chat: {
+      type: Object,
+      default: () => {},
+    },
+  },
+
+  computed: {
+    ...mapGetters({
+      currentChat: 'getSelectedChat',
+      inboxesList: 'getInboxesList',
+      activeInbox: 'getSelectedInbox',
+    }),
+
+    isActiveChat() {
+      return this.currentChat.id === this.chat.id;
+    },
+
+    getUnreadCount() {
+      return this.unreadMessagesCount(this.chat);
+    },
+
+    hasUnread() {
+      return this.getUnreadCount > 0;
+    },
+
+    isInboxNameVisible() {
+      return !this.activeInbox;
+    },
+  },
+
+  methods: {
+    cardClick(chat) {
+      router.push({
+        path: frontendURL(`conversations/${chat.id}`),
+      });
+    },
+    extractMessageText(chatItem) {
+      if (chatItem.content) {
+        return chatItem.content;
+      }
+      let fileType = '';
+      if (chatItem.attachment) {
+        fileType = chatItem.attachment.file_type;
+      } else {
+        return ' ';
+      }
+      const key = `CHAT_LIST.ATTACHMENTS.${fileType}`;
+      return `
+        <i class="${this.$t(`${key}.ICON`)}"></i>
+        ${this.$t(`${key}.CONTENT`)}
+      `;
+    },
+    getEmojiSVG,
+    inboxName(inboxId) {
+      const [stateInbox] = this.inboxesList.filter(
+        inbox => inbox.channel_id === inboxId
+      );
+      return !stateInbox ? '' : stateInbox.label;
+    },
+  },
+};
+</script>