From 6fe9a30d759e13a5a0169715d0dd316b5476059c Mon Sep 17 00:00:00 2001
From: "p.belezov" <p.belezov@mfc38.ru>
Date: Mon, 13 Jan 2025 17:10:26 +0800
Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=BF=D0=B8=D0=BB=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BE=D1=82=D0=B7=D1=8B=D0=B2=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/css/app.css                         |  8 ++-
 resources/store/feedback.js                   | 21 +++++++
 resources/views/Public.vue                    |  4 +-
 .../views/PublicWishlist/FeedbackFooter.vue   | 58 +++++++++++++++++++
 resources/views/Welcome.vue                   |  3 +
 routes/api.php                                |  5 ++
 6 files changed, 97 insertions(+), 2 deletions(-)
 create mode 100644 resources/store/feedback.js
 create mode 100644 resources/views/PublicWishlist/FeedbackFooter.vue

diff --git a/resources/css/app.css b/resources/css/app.css
index 0dfedfd..b6c9030 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -27,4 +27,10 @@ a:visited {
 
 a:active {
     color: crimson;
-}
\ No newline at end of file
+}
+
+.feedback {
+    position: absolute;
+    right:    0;
+    bottom:   0;
+}
diff --git a/resources/store/feedback.js b/resources/store/feedback.js
new file mode 100644
index 0000000..9f99319
--- /dev/null
+++ b/resources/store/feedback.js
@@ -0,0 +1,21 @@
+import {defineStore} from 'pinia'
+import axios from "axios";
+
+export const useFeedbackStore = defineStore('feedback', {
+    state: () => ({
+    }),
+    actions: {
+        async create(user_id, text){
+            let result = null;
+            await axios.post(`/api/feedback/create`,
+                {
+                    user_id: user_id,
+                    text: text
+                }
+            ).then((response)=>{
+                result = response;
+            });
+            return result;
+        }
+    },
+})
diff --git a/resources/views/Public.vue b/resources/views/Public.vue
index 1330cbd..0bf9519 100644
--- a/resources/views/Public.vue
+++ b/resources/views/Public.vue
@@ -47,6 +47,7 @@
                     <ShowWhishlist/>
                 </v-card-text>
             </v-card>
+            <FeedbackFooter/>
         </v-card-text>
     </v-card>
 </template>
@@ -57,9 +58,10 @@ import {useUserStore} from "../store/user.js";
 import { watch } from "vue";
 import Login from "./Auth/Login.vue";
 import Registration from "./Auth/Registration.vue";
+import FeedbackFooter from "./PublicWishlist/FeedbackFooter.vue";
 export default {
     name: "Public",
-    components: {Registration, Login, ShowWhishlist},
+    components: {FeedbackFooter, Registration, Login, ShowWhishlist},
     data: ()=>({
         isAuthenticated: false,
         isWide: window.innerWidth >= 800,
diff --git a/resources/views/PublicWishlist/FeedbackFooter.vue b/resources/views/PublicWishlist/FeedbackFooter.vue
new file mode 100644
index 0000000..7f059f6
--- /dev/null
+++ b/resources/views/PublicWishlist/FeedbackFooter.vue
@@ -0,0 +1,58 @@
+<script>
+import {useUserStore} from "../../store/user.js";
+import {watch} from "vue";
+import {useFeedbackStore} from "../../store/feedback.js";
+
+export default {
+    name: "FeedbackFooter",
+    data: () => ({
+        isAuthenticated: false,
+        userStore: useUserStore(),
+        feedbackStore: useFeedbackStore(),
+        isWide: window.innerWidth >= 800,
+        showFeedbackDialog: false,
+        loadingFeedback: false,
+        feedbackText: ''
+    }),
+    methods: {
+        sendFeedback(){
+            this.loadingFeedback = true;
+            let user_id = this.isAuthenticated ? this.userStore.user['id'] : null;
+            this.feedbackStore.create(user_id, this.feedbackText).then(()=>{
+                this.loadingFeedback = false;
+                this.showFeedbackDialog = false;
+                this.feedbackText = '';
+            });
+        }
+    },
+    mounted() {
+        watch(this.userStore, (newStore, oldStore)=>{
+            this.isAuthenticated = newStore.user !== null && newStore.user !== undefined;
+        });
+    }
+}
+</script>
+
+<template>
+    <div @click="showFeedbackDialog = true" class="d-flex card-bg feedback ma-2 pa-2 cursor-pointer link-no-decor">
+        <div v-if="isWide" class="mr-2">Оставить отзыв</div>
+        <v-icon icon="mdi-message-outline"></v-icon>
+    </div>
+    <v-dialog v-model="showFeedbackDialog" :class="isWide ? 'w-66' : 'w-100'">
+        <v-card class="w-100 card-bg">
+            <v-card-title class="d-flex justify-space-between">
+                <span>Оставить отзыв</span>
+                <v-icon @click="showFeedbackDialog = false" class="cursor-pointer" color="white" icon="mdi-close-thick"></v-icon>
+            </v-card-title>
+            <v-card-text class="d-flex flex-column w-100">
+                <v-textarea v-model="feedbackText"></v-textarea>
+                <div class="w-100 d-flex justify-center align-center">
+                    <v-btn @click="sendFeedback" :loading="loadingFeedback">Отправить</v-btn>
+                </div>
+            </v-card-text>
+        </v-card>
+    </v-dialog>
+</template>
+
+<style scoped>
+</style>
diff --git a/resources/views/Welcome.vue b/resources/views/Welcome.vue
index dae74fa..002cd95 100644
--- a/resources/views/Welcome.vue
+++ b/resources/views/Welcome.vue
@@ -21,6 +21,7 @@
                     <router-view v-else/>
                 </v-card-text>
             </v-card>
+            <FeedbackFooter/>
         </v-card-text>
     </v-card>
 </template>
@@ -28,8 +29,10 @@
 <script>
 import {useUserStore} from "../store/user.js";
 import {watch} from "vue";
+import FeedbackFooter from "./PublicWishlist/FeedbackFooter.vue";
 export default {
     name: "Welcome",
+    components: {FeedbackFooter},
     data: () => ({
         isAuthenticated: false,
         userStore: useUserStore(),
diff --git a/routes/api.php b/routes/api.php
index 05b25f9..24702b0 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\FeedbackController;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\AuthController;
@@ -42,3 +43,7 @@ Route::group(['prefix' => 'wish'], function () {
         Route::post('unbook', [WishesController::class, 'unbook']);
     });
 });
+
+Route::group(['prefix' => 'feedback'], function () {
+    Route::post('create', [FeedbackController::class, 'create']);
+});