mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
94a20af9db
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com> Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Sojan <sojan@pepalo.com>
53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<h3 class="text-sm font-medium text-slate-800 dark:text-slate-50 mb-0">
|
|
{{ title }}
|
|
</h3>
|
|
<article-list :articles="articles" @click="onArticleClick" />
|
|
<button
|
|
class="inline-flex text-sm font-medium rounded-md px-2 py-1 -ml-2 leading-6 text-slate-800 dark:text-slate-50 justify-between items-center hover:bg-slate-25 dark:hover:bg-slate-800 see-articles"
|
|
:style="{ color: widgetColor }"
|
|
@click="$emit('view-all')"
|
|
>
|
|
<span class="pr-2 text-sm">{{ $t('PORTAL.VIEW_ALL_ARTICLES') }}</span>
|
|
<fluent-icon icon="arrow-right" size="14" />
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex';
|
|
import ArticleList from './ArticleList.vue';
|
|
import FluentIcon from 'shared/components/FluentIcon/Index.vue';
|
|
|
|
export default {
|
|
components: { FluentIcon, ArticleList },
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
articles: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
},
|
|
computed: {
|
|
...mapGetters({ widgetColor: 'appConfig/getWidgetColor' }),
|
|
},
|
|
methods: {
|
|
onArticleClick(link) {
|
|
this.$emit('view', link);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.see-articles {
|
|
color: var(--brand-textButtonClear);
|
|
svg {
|
|
color: var(--brand-textButtonClear);
|
|
}
|
|
}
|
|
</style>
|