mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-01 11:37:58 +00:00
This PR updates the report pages for agents, inboxes, and teams by replacing charts with aggregate values (under a feature flag). Users can click on any item to view more details if needed. Most users seem to prefer aggregate values, so this change will likely stay. The PR also includes a few fixes: - The summary reports now use the same logic for both the front-end and CSV exports. - Fixed an issue where a single quote was being added to values with hyphens in CSV files. Now, ‘n/a’ is used when no value is available. - Fixed a bug where the average value was calculated incorrectly when multiple accounts were present. These changes should make reports easier to use and more consistent. ### Agents: <img width="1438" alt="Screenshot 2025-01-26 at 10 47 18 AM" src="https://github.com/user-attachments/assets/bf2fcebc-6207-4701-9703-5c2110b7b8a0" /> ### Inboxes <img width="1438" alt="Screenshot 2025-01-26 at 10 47 10 AM" src="https://github.com/user-attachments/assets/b83e1cf2-fd14-4e8e-8dcd-9033404a9f22" /> ### Teams: <img width="1436" alt="Screenshot 2025-01-26 at 10 47 01 AM" src="https://github.com/user-attachments/assets/96b1ce07-f557-42ca-8143-546a111d6458" /> --------- Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
48 lines
955 B
Vue
48 lines
955 B
Vue
<script setup>
|
|
import Icon from 'next/icon/Icon.vue';
|
|
import router from '../../routes/index';
|
|
const props = defineProps({
|
|
backUrl: {
|
|
type: [String, Object],
|
|
default: '',
|
|
},
|
|
buttonLabel: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
compact: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
|
|
const goBack = () => {
|
|
if (props.backUrl !== '') {
|
|
router.push(props.backUrl);
|
|
} else {
|
|
router.go(-1);
|
|
}
|
|
};
|
|
|
|
const buttonStyleClass = props.compact
|
|
? 'text-sm text-n-slate-11'
|
|
: 'text-base text-n-blue-text';
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
class="flex items-center p-0 font-normal cursor-pointer gap-1"
|
|
:class="buttonStyleClass"
|
|
@click.capture="goBack"
|
|
>
|
|
<Icon
|
|
icon="i-lucide-chevron-left"
|
|
class="ltr:-ml-1 rtl:-mr-1"
|
|
:class="
|
|
props.compact ? 'text-n-slate-11 size-4' : 'text-n-blue-text size-5'
|
|
"
|
|
/>
|
|
{{ buttonLabel || $t('GENERAL_SETTINGS.BACK') }}
|
|
</button>
|
|
</template>
|