From c0bb78beb9fc431a6985da39886235c8192b6503 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Tue, 13 Dec 2022 16:03:45 +0300
Subject: [PATCH 1/2] =?UTF-8?q?WIP=20=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B0=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D1=83=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=81=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=8B=D1=82=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/calendar/TheCalendar.vue            |  2 +-
 .../calendar/components/CalendarColumn.vue    |  2 +-
 .../calendar/components/CalendarEventCard.vue |  2 +-
 .../components/CalendarFormAddEvent.vue       | 81 +++++++++++--------
 4 files changed, 51 insertions(+), 36 deletions(-)

diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index b617619..95cf69c 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -75,7 +75,7 @@ export default {
       showModal: false,
       timeInformation: {
         dayStartTime: "08:00",
-        dayEndTime: "20:00",
+        dayEndTime: "24:00",
       },
       eventsData: [],
       employeesData: [],
diff --git a/src/pages/calendar/components/CalendarColumn.vue b/src/pages/calendar/components/CalendarColumn.vue
index 16c2418..dadb9c6 100644
--- a/src/pages/calendar/components/CalendarColumn.vue
+++ b/src/pages/calendar/components/CalendarColumn.vue
@@ -13,7 +13,7 @@
         img.icon-wrapper.cursor-pointer(src="@/assets/icons/lock.svg")
       column-header-checkbox
     .body.pl-1
-      transition-group(name="card", tag="div")
+      transition-group(name="card")
         calendar-event-card(
           v-for="event in dayEvents",
           :key="event.id",
diff --git a/src/pages/calendar/components/CalendarEventCard.vue b/src/pages/calendar/components/CalendarEventCard.vue
index 39d599e..81a534e 100644
--- a/src/pages/calendar/components/CalendarEventCard.vue
+++ b/src/pages/calendar/components/CalendarEventCard.vue
@@ -228,7 +228,7 @@ export default {
       immediate: true,
       handler(newValue) {
         if (newValue === true) {
-          this.setDefaultTheme();
+          this.isActive = false;
           this.$emit("reset-change-form");
         }
       },
diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue
index 9f32fa7..13a8d12 100644
--- a/src/pages/calendar/components/CalendarFormAddEvent.vue
+++ b/src/pages/calendar/components/CalendarFormAddEvent.vue
@@ -288,17 +288,29 @@ export default {
       this.eventData = {};
     },
     async updateEventData() {
-      this.eventData = {
-        start: this.mergeDate(this.eventDate, this.startTime),
-        end: this.mergeDate(this.eventDate, this.endTime),
-        kind: this.kind.label,
-        employees: [
-          this.findPerson(this.ownersData, this.employees, "employee"),
-        ],
-        members: [this.findPerson(this.membersData, this.members, "person")],
-      };
-      await this.postUpdateEvent(this.id, this.eventData);
-      this.eventData = {};
+      if (
+        Object.keys(
+          this.findPerson(this.ownersData, this.employees, "employee")
+        ).length > 0 &&
+        Object.keys(this.findPerson(this.membersData, this.members, "person"))
+          .length > 0
+      ) {
+        this.eventData = {
+          start: this.mergeDate(this.eventDate, this.startTime),
+          end: this.mergeDate(this.eventDate, this.endTime),
+          kind: this.kind.label,
+          employees: [
+            this.findPerson(this.ownersData, this.employees, "employee"),
+          ],
+          members: [this.findPerson(this.membersData, this.members, "person")],
+        };
+        await this.postUpdateEvent(this.id, this.eventData);
+        this.eventData = {};
+      } else
+        this.addErrorNotification(
+          "Событие не может быть изменено",
+          "Клиент был удален"
+        );
     },
     clearForm() {
       if (this.selectedEventData.id) this.$emit("close-change-form");
@@ -310,23 +322,29 @@ export default {
     },
     findPerson(requestedList, object, field) {
       let foundPerson = requestedList.find(({ id }) => id === object[field].id);
-      let returnedData = {
-        [field]: {
-          id: foundPerson.id,
-          last_name: foundPerson.last_name,
-          first_name: foundPerson.first_name,
-          patronymic: foundPerson.patronymic,
-          color: foundPerson.color,
-        },
-        role: object.role,
-      };
-      if (object.id) returnedData.id = object.id;
-      return returnedData;
+      if (foundPerson) {
+        let returnedData = {
+          [field]: {
+            id: foundPerson.id,
+            last_name: foundPerson.last_name,
+            first_name: foundPerson.first_name,
+            patronymic: foundPerson.patronymic,
+            color: foundPerson.color,
+          },
+          role: object.role,
+        };
+        if (object.id) returnedData.id = object.id;
+        return returnedData;
+      }
+      return {};
     },
     async postCreateEvent(event) {
       const response = await fetchWrapper.post("registry/event/create/", event);
       if (response.type && response.type === "validation_error") {
-        this.addErrorNotification(response);
+        this.addErrorNotification(
+          response.errors[0].code,
+          response.errors[0].detail
+        );
       } else {
         this.addSuccessNotification("Событие успешно создано");
         this.clearForm();
@@ -338,7 +356,10 @@ export default {
         event
       );
       if (response.type && response.type === "validation_error") {
-        this.addErrorNotification(response);
+        this.addErrorNotification(
+          response.errors[0].code,
+          response.errors[0].detail
+        );
       } else {
         this.addSuccessNotification("Изменения успешно сохранены");
         this.clearForm();
@@ -362,14 +383,8 @@ export default {
         return id;
       }
     },
-    addErrorNotification(error) {
-      addNotification(
-        new Date().getTime(),
-        error.errors[0].code,
-        error.errors[0].detail,
-        "error",
-        5000
-      );
+    addErrorNotification(title, message) {
+      addNotification(new Date().getTime(), title, message, "error", 5000);
     },
     addSuccessNotification(message) {
       addNotification(new Date().getTime(), message, "", "success", 5000);

From 36f02aa5737c7a271f59536f813d5b5caceaeca7 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Tue, 13 Dec 2022 18:28:43 +0300
Subject: [PATCH 2/2] =?UTF-8?q?WIP=20=D0=90=D0=BD=D0=B8=D0=BC=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BF=D0=B0=D0=B3=D0=B8=D0=BD=D0=B0=D1=86=D0=B8?=
 =?UTF-8?q?=D0=B8=20=D0=B8=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=BA=D0=BB=D0=B8=D0=B5=D0=BD=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HeaderInputs.vue               |   5 +-
 src/components/base/BaseCustomSelect.vue      |   2 +-
 src/components/base/BaseSidebarButton.vue     |   2 +-
 src/pages/calendar/TheCalendar.vue            |   2 +-
 .../components/ClientTablePagination.vue      |   2 +-
 src/pages/clients/components/ClientsTable.vue | 114 +++++++++++-------
 .../clients/components/ClientsTableRow.vue    |   2 +-
 7 files changed, 82 insertions(+), 47 deletions(-)

diff --git a/src/components/HeaderInputs.vue b/src/components/HeaderInputs.vue
index f059a56..3f77083 100644
--- a/src/components/HeaderInputs.vue
+++ b/src/components/HeaderInputs.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .header-inputs-wrapper.flex.items-center.font-medium.text-base(:class="{ open: isOpen }")
-    .select-container(@click="changeState")
+    .select-container(@click="changeState", v-click-outside="closeOptions")
       .select-wrapper.flex.items-center.cursor-pointer.mx-4.my-2
         .icon-wrapper.icon-search.flex.text-lg.justify-center.items-center
         span.custom-input.select-input.inline-block.box-border.align-middle.pl-2.pr-1 {{ selectedFilter }}
@@ -30,6 +30,9 @@ export default {
     selectFilter(filter) {
       this.selectedFilter = filter;
     },
+    closeOptions() {
+      this.isOpen = false;
+    },
   },
 };
 </script>
diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index f9efbe8..6fc85ba 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -86,8 +86,8 @@ export default {
   box-shadow: 1px 1px 8px rgba(37, 40, 80, 0.15)
   border-radius: 4px
   background-color: white
+  max-height: 140px
   overflow-y: auto
-  height: 140px
 .placeholder
   color: #090A15
   opacity: 0.5
diff --git a/src/components/base/BaseSidebarButton.vue b/src/components/base/BaseSidebarButton.vue
index 83b5fc5..1943a36 100644
--- a/src/components/base/BaseSidebarButton.vue
+++ b/src/components/base/BaseSidebarButton.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   a(:href="path")
-    button.button.cursor-pointer.text-4xl.py-3.pr-4.pl-3(:id="id" :class="{active:active}" @click="(e) => changeStylePage(e)")
+    button.button.cursor-pointer.text-4xl.py-3.pr-4.pl-3.transition(:id="id" :class="{active:active}" @click="(e) => changeStylePage(e)")
       slot
 </template>
 
diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index 95cf69c..b617619 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -75,7 +75,7 @@ export default {
       showModal: false,
       timeInformation: {
         dayStartTime: "08:00",
-        dayEndTime: "24:00",
+        dayEndTime: "20:00",
       },
       eventsData: [],
       employeesData: [],
diff --git a/src/pages/clients/components/ClientTablePagination.vue b/src/pages/clients/components/ClientTablePagination.vue
index d271efc..5480ccf 100644
--- a/src/pages/clients/components/ClientTablePagination.vue
+++ b/src/pages/clients/components/ClientTablePagination.vue
@@ -5,7 +5,7 @@
       :disabled="disabledPreviousButton"
     )
       .icon-down-arrow.arrow-left
-    button.item.flex.items-center.justify-center(
+    button.item.flex.items-center.justify-center.transition.duration-100.ease-linear(
       v-for="page, index in pageCount",
       :key="index",
       :id="page",
diff --git a/src/pages/clients/components/ClientsTable.vue b/src/pages/clients/components/ClientsTable.vue
index bccdda6..3d6f274 100644
--- a/src/pages/clients/components/ClientsTable.vue
+++ b/src/pages/clients/components/ClientsTable.vue
@@ -1,45 +1,52 @@
 <template lang="pug">
-  .wrapper-table.relative.flex.flex-col.px-6.py-6.h-full.w-full
-    clients-table-hat(
-      :is-open-actions="marked.length",
-      :open-form="openForm",
-      :clearing-text-search="clearingTextSearch",
-      :change-clearing-text-search="changeClearingTextSearch",
-      @search="filterDataClients",
-    )
-    .flex.flex-col.h-full.table-container.w-full.mt-8.mb-3
-      clients-table-header(:check="selectedCheck" :is-check="selectAll")
-      .flex.flex-col
-        clients-table-row(
-          v-for="client in dataClients",
-          :key="client.id",
-          :id="client.id",
-          :url="url",
-          :is-check="marked.includes(client.id)",
-          :check="selectedCheck",
-          :client="client",
-          :deleted-client-id="deletedRowId",
-          :update-data-client="updateDataClient",
-          :fetch-data-clients="fetchDataClients",
-          @delete-client="deleteClientHandler",
-          @recover-client="clearDeletedRowId",
+  .wrapper-table.relative.flex.px-6.py-6.h-full.w-full
+    transition(name="table", mode="out-in")
+      .flex.justify-center.items-center.w-full(v-if="dataClientsPresence")
+        base-loader(
+          :width="60",
+          :height="60"
         )
-    client-table-pagination(
-      v-if="paginationInfo.length > 1"
-      :pagination-info="paginationInfo"
-      @previous-page="switchPreviousPage",
-      @next-page="switchNextPage",
-      @set-current-page="changeCurrentTablePage"
-    )
-    base-modal(
-      v-model="showModal",
-      title="Удалить клиента"
-    )
-      client-table-delete-modal(
-        :close-modal="closeModal",
-        :deleted-client-id="deletedClientId",
-        @delete-client="writeDeletedRowId"
-      )
+      .relative.flex.flex-col.h-full.w-full(v-else)
+        clients-table-hat(
+          :is-open-actions="marked.length",
+          :open-form="openForm",
+          :clearing-text-search="clearingTextSearch",
+          :change-clearing-text-search="changeClearingTextSearch",
+          @search="filterDataClients",
+        )
+        .flex.flex-col.h-full.table-container.w-full.mt-8.mb-3
+          clients-table-header(:check="selectedCheck" :is-check="selectAll")
+          .flex.flex-col
+            clients-table-row(
+              v-for="client in dataClients",
+              :key="client.id",
+              :id="client.id",
+              :url="url",
+              :is-check="marked.includes(client.id)",
+              :check="selectedCheck",
+              :client="client",
+              :deleted-client-id="deletedRowId",
+              :update-data-client="updateDataClient",
+              :fetch-data-clients="fetchDataClients",
+              @delete-client="deleteClientHandler",
+              @recover-client="clearDeletedRowId",
+            )
+        client-table-pagination(
+          v-if="paginationInfo.length > 1"
+          :pagination-info="paginationInfo"
+          @previous-page="switchPreviousPage",
+          @next-page="switchNextPage",
+          @set-current-page="changeCurrentTablePage"
+        )
+        base-modal(
+          v-model="showModal",
+          title="Удалить клиента"
+        )
+          client-table-delete-modal(
+            :close-modal="closeModal",
+            :deleted-client-id="deletedClientId",
+            @delete-client="writeDeletedRowId"
+          )
 </template>
 
 <script>
@@ -52,6 +59,7 @@ import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
 import ClientTablePagination from "./ClientTablePagination.vue";
 import BaseModal from "@/components/base/BaseModal.vue";
 import ClientTableDeleteModal from "./ClientTableDeleteModal.vue";
+import BaseLoader from "@/components/Loader/BaseLoader.vue";
 export default {
   name: "ClientsTable",
   components: {
@@ -63,6 +71,7 @@ export default {
     ClientTablePagination,
     BaseModal,
     ClientTableDeleteModal,
+    BaseLoader,
   },
   props: {
     openForm: Function,
@@ -75,7 +84,11 @@ export default {
     return {
       selectAll: false,
       marked: [],
-      dataClients: [],
+      dataClients: [
+        {
+          initialization: true,
+        },
+      ],
       currentTablePage: 1,
       limit: 14,
       clientsCount: 0,
@@ -91,6 +104,11 @@ export default {
       clearingTextSearch: false,
     };
   },
+  computed: {
+    dataClientsPresence() {
+      return this.dataClients[0]?.initialization;
+    },
+  },
   methods: {
     updateDataClient() {
       if (this.textSearch) this.filteredClientsCount -= 1;
@@ -243,4 +261,18 @@ export default {
   &::-webkit-scrollbar-thumb
     border-radius: 8px
     background-color: var(--btn-blue-color)
+.table-enter-from
+  opacity: 0
+  transform: translateY(0px)
+  pointer-events: none
+.table-enter-active
+  transition: 0.3s ease
+.table-leave-to
+  opacity: 0
+  transform: translateY(0px)
+  pointer-events: none
+.table-leave-active
+  transition: 0.3s ease
+.table-move
+  transition: 0.3s ease
 </style>
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index a6f82be..a3132e4 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -350,7 +350,7 @@ export default {
     },
     async deleteClient() {
       await fetchWrapper.del(`general/person/${this.client.id}/delete/`);
-      this.addSuccessNotification("Клиент Успешно удален", "");
+      this.addSuccessNotification("Клиент успешно удален", "");
       this.handleUnFocusPopup();
     },
     addSuccessNotification(title, message) {