Feature/cases

package.json

@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.28",
+    "@webitel/ui-sdk": "^24.12.39",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

src/app/css/main.scss

@@ -1,4 +1,4 @@
-@import '@webitel/ui-sdk/src/css/main';
+@use '@webitel/ui-sdk/src/css/main';
 
 //disables scrollbar on 100vh auth on small laptops
 body {

src/app/locale/en/en.js

@@ -95,6 +95,10 @@ export default {
       name: 'Contacts',
       text: 'In this section, you can work with your contacts: clients, customers etc.',
     },
+    [CrmSections.CASES]: {
+      name: 'Cases',
+      text: 'Here you can view Cases registered in the system.',
+    },
     configuration: {
       name: 'Configuration',
       text: 'In this section, you will set up the Case management process.',
@@ -128,4 +132,37 @@ export default {
     [CrmSections.CONTACT_GROUPS]: 'Contact groups',
     [CrmSections.STATUSES]: 'Statuses',
   },
+  cases: {
+    case: 'Case | Cases',
+    id: 'ID',
+    subject: 'Subject',
+    priority: 'Priority',
+    status: 'Status',
+    source: 'Source',
+    author: 'Author',
+    group: 'Group',
+    service: 'Service',
+    assignee: 'Assignee',
+    reporter: 'Reporter',
+    impacted: 'Impacted',
+    appliedSLA: 'Applied SLA',
+    appliedCondition: 'Applied condition',
+    reactionTime: 'Reaction time',
+    resolutionTime: 'Resolution time',
+    actualReactionTime: 'Actual reaction time',
+    actualResolutionTime: 'Actual resolution time',
+    reason: 'Reason',
+    result: 'Result',
+    rating: 'Rating',
+    persons: 'Persons',
+    selectAService: 'Select a service',
+    deadlines: 'Deadlines',
+    createdAt: 'Created at',
+    ratingComment: 'Rating comment',
+    caseResult: 'Case result',
+    caseInfo: {
+      caseInfo: 'Case info',
+      contactInfo: 'Contact info',
+    }
+  },
 };

src/app/locale/ru/ru.js

@@ -94,6 +94,10 @@ export default {
       name: 'Контакты',
       text: 'В этом разделе вы можете работать с Контактами: клиентами, партнерами и т.д.',
     },
+    [CrmSections.CASES]: {
+      name: 'Обращения',
+      text: 'Здесь вы можете просматривать Обращения, зарегистрированные в системе.',
+    },
     configuration: {
       name: 'Конфигурация',
       text: 'Здесь вы можете просматривать Обращения, зарегистрированные в системе.',
@@ -127,4 +131,37 @@ export default {
     [CrmSections.CONTACT_GROUPS]: 'Группы контактов',
     [CrmSections.STATUSES]: 'Статусы',
   },
+  cases: {
+    case: 'Обращение | Обращения',
+    id: 'Индентификатор',
+    subject: 'Тема',
+    priority: 'Приоритет',
+    status: 'Статус',
+    source: 'Источник',
+    author: 'Автор',
+    group: 'Группа исполнителей',
+    service: 'Сервис',
+    assignee: 'Исполнитель',
+    reporter: 'Инициатор',
+    impacted: 'Влияет на',
+    appliedSLA: 'Примененный SLA',
+    appliedCondition: 'Примененное условие',
+    reactionTime: 'Плановое время реакции',
+    resolutionTime: 'Плановое время решения',
+    actualReactionTime: 'Фактическое время реакции',
+    actualResolutionTime: 'Фактическое время решения',
+    reason: 'Причина',
+    result: 'Результат',
+    rating: 'Оценка',
+    persons: 'Персоны',
+    selectAService: 'Выберите сервис',
+    deadlines: 'Сроки',
+    createdAt: 'Создано',
+    ratingComment: 'Комментарий к оценке',
+    caseResult: 'Результат обращения',
+    caseInfo: {
+      caseInfo: 'Информация',
+      contactInfo: 'Контактная информация',
+    }
+  },
 };

src/app/locale/ua/ua.js

@@ -94,6 +94,10 @@ export default {
       name: 'Контакти',
       text: 'У цьому розділі ви можете працювати з Контактами: клієнтами, партнерами тощо.',
     },
+    [CrmSections.CASES]: {
+      name: 'Звернення',
+      text: 'Тут ви можете переглядати Звернення, зареєстровані у системі.',
+    },
     configuration: {
       name: 'Конфігурація',
       text: 'Тут ви можете переглядати Звернення, зареєстровані у системі.',
@@ -128,4 +132,37 @@ export default {
     [CrmSections.CONTACT_GROUPS]: 'Групи контактів',
     [CrmSections.STATUSES]: 'Статуси',
   },
+  cases: {
+    case: 'Звернення | Звернення',
+    id: 'Індентифікатор',
+    subject: 'Тема',
+    priority: 'Пріорітет',
+    status: 'Статус',
+    source: 'Джерело',
+    author: 'Автор',
+    group: 'Група виконавців',
+    service: 'Сервіс',
+    assignee: 'Виконавець',
+    reporter: 'Ініціатор',
+    impacted: 'Впливає на',
+    appliedSLA: 'Застосований SLA',
+    appliedCondition: 'Застосована умова',
+    reactionTime: 'Плановий час реакції',
+    resolutionTime: 'Плановий час вирішення',
+    actualReactionTime: 'Фактичний час реакції',
+    actualResolutionTime: 'Фактичний час вирішення',
+    reason: 'Причина',
+    result: 'Результат',
+    rating: 'Оцінка',
+    persons: 'Особи',
+    selectAService: 'Виберіть сервіс',
+    deadlines: 'Терміни',
+    createdAt: 'Створено',
+    ratingComment: 'Коментар до оцінки',
+    caseResult: 'Результат звернення',
+    caseInfo: {
+      caseInfo: 'Інформація',
+      contactInfo: 'Контактна інформація',
+    }
+  },
 };

src/app/router/index.js

@@ -1,6 +1,10 @@
 import CrmSections
   from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum';
 import { createRouter, createWebHistory } from 'vue-router';
+import OpenedCase from '../../modules/cases/components/opened-case.vue';
+import TheCases from '../../modules/cases/components/the-cases.vue';
+import CaseInfo from '../../modules/cases/modules/case-info/components/case-info.vue';
+import CaseResult from '../../modules/cases/modules/result/components/case-result.vue';
 import ContactCommunications
   from '../../modules/contacts/components/opened-contact-communications.vue';
 import OpenedContact
@@ -65,6 +69,30 @@ const routes = [
         name: 'the-start-page',
         component: TheStartPage,
       },
+      {
+        path: 'cases',
+        name: CrmSections.CASES,
+        component: TheCases,
+        // redirect: { name: `the-start-page` },
+      },
+      {
+        path: 'cases/:id',
+        name: `${CrmSections.CASES}-card`,
+        component: OpenedCase,
+        redirect: { name: `${CrmSections.CASES}-case-info` },
+        children: [
+          {
+            path: 'case-info',
+            name: `${CrmSections.CASES}-case-info`,
+            component: CaseInfo,
+          },
+          {
+            path: 'result',
+            name: `${CrmSections.CASES}-result`,
+            component: CaseResult,
+          },
+        ],
+      },
       {
         path: 'contacts',
         name: CrmSections.CONTACTS,

src/app/store/index.js

@@ -1,4 +1,5 @@
 import { createStore } from 'vuex';
+import cases from '../../modules/cases/store/cases';
 import contacts from '../../modules/contacts/store/contacts';
 import userinfo from '../../modules/userinfo/store/userinfo';
 import appearance from '../../modules/appearance/store/appearance';
@@ -24,5 +25,6 @@ export default createStore({
     userinfo,
     appearance,
     configuration,
+    cases,
   },
 });