Merge pull request #142 from webitel/fix/small-refactor-in-timeline

fix: add new param in API, change size and add total duration[WTEL-4932]
webitel · Oct 3, 2024 · c11438a · c11438a
2 parents 59a06be + a58be8d
commit c11438a
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 2 deletions.
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
@@ -15,6 +15,7 @@ export default {
     collapseAll: 'Collapse all',
     timeline: {
       timeline: 'Timeline',
+      totalDuration: 'Total duration',
       actions: {
         openInHistory: 'Open in history',
         playRecording: 'Play recording',

diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
@@ -15,6 +15,7 @@ export default {
     collapseAll: 'Свернуть все',
     timeline: {
       timeline: 'Хронология',
+      totalDuration: 'Общая длительность',
       actions: {
         openInHistory: 'Открыть в истории',
         playRecording: 'Проиграть запись',

diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
@@ -15,6 +15,7 @@ export default {
     collapseAll: 'Згорнути все',
     timeline: {
       timeline: 'Хронологія',
+      totalDuration: 'Загальна тривалість',
       actions: {
         openInHistory: 'Відкрити в історії',
         playRecording: 'Програти запис',

diff --git a/src/modules/contacts/modules/timeline/api/TimelineAPI.js b/src/modules/contacts/modules/timeline/api/TimelineAPI.js
@@ -41,7 +41,7 @@ const listHandler = (items) => {
       const response = await timeline.getTimeline(
         parentId,
         `${page || 1}`,
-        `${size || 100}`,
+        `${size || 10}`,
         undefined,
         undefined,
         undefined,

diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-row-duration.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-row-duration.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="timeline-row-duration">
     <p class="timeline-row-duration__title">
-      {{ t('vocabulary.duration') }}:
+      {{ isTotalDuration ? t('contacts.timeline.totalDuration') : t('vocabulary.duration') }}:
     </p>
     <span class="timeline-row-duration__value">
       {{ convertedDuration }}
@@ -19,6 +19,10 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  isTotalDuration: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const { t } = useI18n();

diff --git a/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js b/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
@@ -108,6 +108,7 @@ const getList = ({
       score_required: score,
       variables,
       contact_id: contact,
+      timeline: 'true',
     });
     const {
       items,

diff --git a/...es/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue b/...es/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue
@@ -52,6 +52,12 @@
           :duration="duration"
         />
 
+        <timeline-row-duration
+          v-if="totalDuration"
+          is-total-duration
+          :duration="totalDuration"
+        />
+
         <call-task-timeline-actions
           :task="task"
         />
@@ -104,6 +110,7 @@ const {
   isInbound,
   isMissed,
   duration,
+  totalDuration,
   flowScheme,
   queue,
   id: taskId,