From 13c628055e78878caef9b5c5972fa79ba9b68fb9 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Tue, 22 Nov 2022 17:53:39 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=B5?=
 =?UTF-8?q?=D1=81=D0=BB=D0=B0=20fetchMembers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseCustomSelect.vue      |  2 +
 src/pages/calendar/TheCalendar.vue            | 13 +------
 .../components/CalendarFormAddEvent.vue       | 38 +++++++------------
 .../calendar/components/CalendarSchedule.vue  |  6 ---
 4 files changed, 17 insertions(+), 42 deletions(-)

diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index 4aa05b2..f9efbe8 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -86,6 +86,8 @@ export default {
   box-shadow: 1px 1px 8px rgba(37, 40, 80, 0.15)
   border-radius: 4px
   background-color: white
+  overflow-y: auto
+  height: 140px
 .placeholder
   color: #090A15
   opacity: 0.5
diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index 58272d0..e8a4d0b 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -11,7 +11,6 @@
       :current-date="currentDate",
       :time-information="timeInformation",
       :events-data="eventsData",
-      :members-data="membersData",
       :sidebar-width="sidebarWidth",
       :event-types="eventTypes",
       :change-form-was-closed="changeFormWasClosed",
@@ -27,7 +26,6 @@
       v-if="isOpenForm",
       :close-form="closeFormCreateEvent",
       :owners-data="employeesData",
-      :members-data="membersData",
       :selected-event-data="selectedEvent",
       :event-types="eventTypes",
       @clear-selected-event-data="clearSelectedEvent",
@@ -77,7 +75,6 @@ export default {
       employeesData: [],
       isOpenForm: false,
       changeFormWasClosed: false,
-      membersData: [],
       eventTypes: [
         { id: 1, label: "Встреча", color: "var(--bg-event-green-color)" },
         { id: 2, label: "Планерка", color: "var(--bg-event-red-color)" },
@@ -102,16 +99,10 @@ export default {
     saveEmployeesData(res) {
       this.employeesData = res.results;
     },
-    saveMembersData(res) {
-      this.membersData = res.results;
-    },
-    fetchPersonsData() {
+    fetchEmployeesData() {
       fetchWrapper
         .get("general/employee/")
         .then((res) => this.saveEmployeesData(res));
-      fetchWrapper
-        .get("general/person/")
-        .then((res) => this.saveMembersData(res));
     },
     fetchEventsData() {
       fetchWrapper
@@ -158,7 +149,7 @@ export default {
     },
   },
   mounted() {
-    this.fetchPersonsData();
+    this.fetchEmployeesData();
     this.fetchEventsData();
   },
 };
diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue
index aaa51a4..c836248 100644
--- a/src/pages/calendar/components/CalendarFormAddEvent.vue
+++ b/src/pages/calendar/components/CalendarFormAddEvent.vue
@@ -11,7 +11,7 @@
         span.text-xs.opacity-40.font-bold.leading-3 Вид события
         base-custom-select.select(
           v-model="kind",
-          :items="kindEvents",
+          :items="eventTypes",
           placeholder="Вид события"
         )
       .flex.flex-col(class="gap-y-1.5")
@@ -90,12 +90,6 @@ export default {
         return [];
       },
     },
-    membersData: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
     selectedEventData: {
       type: Object,
       default() {
@@ -111,24 +105,6 @@ export default {
   },
   data() {
     return {
-      kindEvents: [
-        {
-          id: 1,
-          label: "Встреча",
-        },
-        {
-          id: 2,
-          label: "Планерка",
-        },
-        {
-          id: 3,
-          label: "Интервью",
-        },
-        {
-          id: 4,
-          label: "Важная работа",
-        },
-      ],
       EMPLOYEE_TYPE: "owner",
       MEMBER_TYPE: "primary",
       eventData: {},
@@ -140,6 +116,7 @@ export default {
       kind: "",
       id: null,
       ifClearedForm: true,
+      membersData: [],
     };
   },
   computed: {
@@ -381,6 +358,14 @@ export default {
         `error type: ${error.type}\nerror code: ${error.errors[0].code}\nerror detail: ${error.errors[0].detail}`
       );
     },
+    fetchMembersData() {
+      fetchWrapper
+        .get("general/person/")
+        .then((res) => this.saveMembersData(res));
+    },
+    saveMembersData(res) {
+      this.membersData = res.results;
+    },
   },
   watch: {
     startDate: {
@@ -412,6 +397,9 @@ export default {
       },
     },
   },
+  mounted() {
+    this.fetchMembersData();
+  },
 };
 </script>
 
diff --git a/src/pages/calendar/components/CalendarSchedule.vue b/src/pages/calendar/components/CalendarSchedule.vue
index d10b2d8..53bcb68 100644
--- a/src/pages/calendar/components/CalendarSchedule.vue
+++ b/src/pages/calendar/components/CalendarSchedule.vue
@@ -95,12 +95,6 @@ export default {
         return [];
       },
     },
-    membersData: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
     eventTypes: {
       type: Array,
       default() {