From c61cc487d6dae915e2ea36ab680123e748c15b87 Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Tue, 7 Mar 2023 17:29:43 +0300
Subject: [PATCH] =?UTF-8?q?[WIP]=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BA=D0=BE=D0=BD=D1=84=D0=B8=D0=B3,=20=D0=B8=D1=81?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BE=D1=82=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D1=82=D1=83=D1=81=D0=BE=D0=B2=20=D0=B2=20=D1=81=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BA=D1=82=D0=B5=20=D0=BA=D0=B0=D0=BB=D0=B5=D0=BD=D0=B4?=
 =?UTF-8?q?=D0=B0=D1=80=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/calendar/TheCalendar.vue            |  4 +-
 .../CalendarEventDescriptionCard.vue          |  7 ++-
 .../components/CalendarFormAddEvent.vue       | 47 +++++++++++-----
 src/pages/calendar/utils/calendarConfig.js    | 44 ---------------
 .../calendar/utils/statusesDictionary.js      | 53 +++++++++++++++----
 5 files changed, 84 insertions(+), 71 deletions(-)
 delete mode 100644 src/pages/calendar/utils/calendarConfig.js

diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index d49d619..2edf473 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -56,7 +56,7 @@ import CalendarSidebar from "./components/CalendarSidebar.vue";
 import CalendarFormAddEvent from "./components/CalendarFormAddEvent.vue";
 import BaseModal from "@/components/base/BaseModal.vue";
 import CalendarDeleteModal from "./components/CalendarDeleteModal.vue";
-import { calendarConfig } from "@/pages/calendar/utils/calendarConfig";
+import { statusesDictionary } from "@/pages/calendar/utils/statusesDictionary";
 
 export default {
   name: "TheCalendar",
@@ -86,7 +86,7 @@ export default {
       isOpenForm: false,
       WORKING_STATUS: "WORKS",
       changeFormWasClosed: false,
-      eventStatuses: calendarConfig,
+      eventStatuses: statusesDictionary,
     };
   },
   methods: {
diff --git a/src/pages/calendar/components/CalendarEventDescriptionCard.vue b/src/pages/calendar/components/CalendarEventDescriptionCard.vue
index 0080951..b25c8b4 100644
--- a/src/pages/calendar/components/CalendarEventDescriptionCard.vue
+++ b/src/pages/calendar/components/CalendarEventDescriptionCard.vue
@@ -26,7 +26,8 @@
 </template>
 
 <script>
-import { statusesDictionary } from "../utils/statusesDictionary.js";
+import { statusesDictionary } from "@/pages/calendar/utils/statusesDictionary";
+
 export default {
   name: "CalendarEventDescriptionCard",
   props: {
@@ -47,12 +48,14 @@ export default {
     return {
       isCertainType: true,
       position: {},
+      calendarConfig: statusesDictionary,
     };
   },
   computed: {
     status() {
       return this.ownerEvent.status
-        ? statusesDictionary[this.ownerEvent.status]
+        ? this.calendarConfig.find((e) => e.value === this.ownerEvent.status)
+            .label
         : "";
     },
     typeColor() {
diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue
index 35e4398..d2b7bf4 100644
--- a/src/pages/calendar/components/CalendarFormAddEvent.vue
+++ b/src/pages/calendar/components/CalendarFormAddEvent.vue
@@ -1,11 +1,16 @@
 <template lang="pug">
-  base-modal(v-model="value", :title="!selectedEventData.id ? 'Запись на прием' : 'Изменение записи'", draggable, hide-overlay )
+  base-modal(
+    v-model="value",
+    :title="!selectedEventData.id ? 'Запись на прием' : 'Изменение записи'",
+    draggable,
+    hide-overlay
+  )
     .event-form.flex.flex-col.gap-y-6.pt-8
       .flex.flex-col.gap-y-8
         base-select(
           v-if="selectedEventData.id"
           v-model="status",
-          :items="eventStatuses",
+          :items="statusesList",
           label="Статус приема"
         )
         base-input(
@@ -75,9 +80,9 @@ import { fetchWrapper } from "@/shared/fetchWrapper.js";
 import BaseInput from "@/components/base/BaseInput.vue";
 import BaseSelect from "@/components/base/BaseSelect.vue";
 import * as moment from "moment/moment";
-import { statusesDictionary } from "../utils/statusesDictionary.js";
 import BaseModal from "@/components/base/BaseModal.vue";
 import { v_model } from "@/shared/mixins/v-model";
+import { statusesDictionary } from "@/pages/calendar/utils/statusesDictionary";
 
 export default {
   name: "FormChangeEvent",
@@ -127,12 +132,13 @@ export default {
       members: {},
       employees: {},
       eventDate: Date,
-      status: {},
+      status: { label: "Планируется прием", id: null },
       id: null,
       ifClearedForm: true,
       membersData: [],
       ownersData: [],
       WORKING_STATUS: "WORKS",
+      calendarConfig: statusesDictionary,
     };
   },
   computed: {
@@ -170,6 +176,16 @@ export default {
       }
       return [];
     },
+    statusesList() {
+      let filteredArray = [];
+      this.calendarConfig.forEach((elem) => {
+        filteredArray.push({
+          id: elem.id,
+          label: elem.label,
+        });
+      });
+      return filteredArray;
+    },
     disabledCreateButton() {
       if (
         this.eventDate &&
@@ -267,26 +283,29 @@ export default {
         role: this.MEMBER_TYPE,
       };
     },
+
+    eventId() {
+      return this.selectedEventData.id ? this.selectedEventData.id : "";
+    },
     eventStatus() {
       return this.selectedEventData.status
         ? {
-            label: statusesDictionary[this.selectedEventData.status],
-            id: null,
+            label: this.calendarConfig.find(
+              (e) => e.value === this.selectedEventData.status
+            ).label,
+            id: this.calendarConfig.find(
+              (e) => e.value === this.selectedEventData.status
+            ).id,
           }
         : {
-            label: statusesDictionary["PLANNED"],
-            id: null,
+            label: this.calendarConfig.find((e) => e.value === "PLANNED").id,
+            id: 0,
           };
     },
-    eventId() {
-      return this.selectedEventData.id ? this.selectedEventData.id : "";
-    },
   },
   methods: {
     findStatus(value) {
-      return Object.keys(statusesDictionary).find(
-        (key) => statusesDictionary[key] === value
-      );
+      return this.calendarConfig.find((e) => e.label === value)?.value;
     },
     checkTimeLimits(eventTime, scheduleTime, timeType) {
       if (timeType === "start")
diff --git a/src/pages/calendar/utils/calendarConfig.js b/src/pages/calendar/utils/calendarConfig.js
deleted file mode 100644
index 9bd2ac5..0000000
--- a/src/pages/calendar/utils/calendarConfig.js
+++ /dev/null
@@ -1,44 +0,0 @@
-export const calendarConfig = [
-  {
-    id: 0,
-    label: "Планируется прием",
-    value: "PLANNED",
-    color: "var(--default-white)",
-  },
-  {
-    id: 1,
-    label: "Отменил",
-    value: "CANCELED",
-    color: "var(--bg-event-grey-color)",
-  },
-  {
-    id: 2,
-    label: "Ожидается прием",
-    value: "EXPECTED",
-    color: "var(--bg-event-yellow-color)",
-  },
-  {
-    id: 3,
-    label: "Опаздывает",
-    value: "LATE",
-    color: "var(--bg-event-orange-color)",
-  },
-  {
-    id: 4,
-    label: "Идет прием",
-    value: "RECEPTION",
-    color: "var(--bg-event-blue-color)",
-  },
-  {
-    id: 5,
-    label: "Прием завершен",
-    value: "COMPLETED",
-    color: "var(--bg-event-green-color)",
-  },
-  {
-    id: 6,
-    label: "Не пришел",
-    value: "DID_NOT_COME",
-    color: "var(--bg-event-red-color)",
-  },
-];
diff --git a/src/pages/calendar/utils/statusesDictionary.js b/src/pages/calendar/utils/statusesDictionary.js
index 9538c18..9fefe99 100644
--- a/src/pages/calendar/utils/statusesDictionary.js
+++ b/src/pages/calendar/utils/statusesDictionary.js
@@ -1,9 +1,44 @@
-export const statusesDictionary = {
-  PLANNED: "Планируется прием",
-  EXPECTED: "Ожидается прием",
-  RECEPTION: "Идет прием",
-  COMPLETED: "Прием завершен",
-  DID_NOT_COME: "Не пришел",
-  LATE: "Опаздывает",
-  CANCELED: "Отменил",
-};
+export const statusesDictionary = [
+  {
+    id: 0,
+    label: "Планируется прием",
+    value: "PLANNED",
+    color: "var(--default-white)",
+  },
+  {
+    id: 1,
+    label: "Отменил",
+    value: "CANCELED",
+    color: "var(--bg-event-grey-color)",
+  },
+  {
+    id: 2,
+    label: "Ожидается прием",
+    value: "EXPECTED",
+    color: "var(--bg-event-yellow-color)",
+  },
+  {
+    id: 3,
+    label: "Опаздывает",
+    value: "LATE",
+    color: "var(--bg-event-orange-color)",
+  },
+  {
+    id: 4,
+    label: "Идет прием",
+    value: "RECEPTION",
+    color: "var(--bg-event-blue-color)",
+  },
+  {
+    id: 5,
+    label: "Прием завершен",
+    value: "COMPLETED",
+    color: "var(--bg-event-green-color)",
+  },
+  {
+    id: 6,
+    label: "Не пришел",
+    value: "DID_NOT_COME",
+    color: "var(--bg-event-red-color)",
+  },
+];