From 57596deb85579c6b813af1071b509f179e42e05e Mon Sep 17 00:00:00 2001
From: "ityurner02@mail.ru" <ityurner02@mail.ru>
Date: Sun, 21 May 2023 19:56:47 +0400
Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=A04=20=D1=82=D0=B5=D0=BF=D0=B5=D1=80?=
 =?UTF-8?q?=D1=8C=20=D0=B3=D0=BE=D1=82=D0=BE=D0=B2=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vue-project/src/components/Header.vue     |   3 +
 .../vue-project/src/components/Report.vue     |  76 ++++++++++++++++++
 Frontend/vue-project/src/main.js              |   4 +-
 data.mv.db                                    | Bin 77824 -> 77824 bytes
 4 files changed, 82 insertions(+), 1 deletion(-)
 create mode 100644 Frontend/vue-project/src/components/Report.vue

diff --git a/Frontend/vue-project/src/components/Header.vue b/Frontend/vue-project/src/components/Header.vue
index 3e62729..9275459 100644
--- a/Frontend/vue-project/src/components/Header.vue
+++ b/Frontend/vue-project/src/components/Header.vue
@@ -20,6 +20,9 @@
                 <li class="nav-item">
                     <router-link to="/catalogs/collections" class="nav-link">Коллекции</router-link>
                 </li>
+                <li class="nav-item">
+                    <router-link to="/report" class="nav-link">Отчет</router-link>
+                </li>
             </ul>
             </div>
         </div>
diff --git a/Frontend/vue-project/src/components/Report.vue b/Frontend/vue-project/src/components/Report.vue
new file mode 100644
index 0000000..e34b8ac
--- /dev/null
+++ b/Frontend/vue-project/src/components/Report.vue
@@ -0,0 +1,76 @@
+<script>
+	import 'axios';
+    import axios from "axios";
+    import Film from "../models/Film";
+    import Genre from "../models/Genre";
+
+    export default{
+        created() {
+            this.getFilms();
+            this.getGenres();
+        },
+        data() {
+            return{
+                films: [],
+                URL: "http://localhost:8080/",
+                genres: [],
+                genreId: undefined
+            }
+        },
+        methods: {
+            getFilms(){
+                axios.get(this.URL + "film")
+                    .then(response => {
+                        this.films = response.data;
+                    })
+                    .catch(error => {
+                        console.log(error);
+                    });
+            },
+            getGenres(){
+                axios.get(this.URL + "genre")
+                    .then(response => {
+                        this.genres = response.data;
+                        console.log(response.data);
+                    })
+                    .catch(error => {
+                        console.log(error);
+                    });
+            },
+            filter() {
+                let genreId = document.getElementById('genreFilterSelect').value;
+                axios.get(this.URL + `genre/film/${genreId}`)
+                    .then(response => {
+                        this.films = response.data;
+                    })
+                    .catch(error => {
+                        console.log(error);
+                    });
+            }
+        }
+    }
+</script>
+<template>
+    <div class="mt-4">
+        <h2 class="text-danger">Выберите жанр для отчета</h2>
+        <select class="form-select" id="genreFilterSelect" required>
+        <option v-for="genre in this.genres" :value="genre.id">{{ genre.name }}</option>
+        </select>
+        <button class="btn btn-success" type="button" id="report-button"
+        @click.prevent="filter">Сформировать</button>
+        <button class="btn btn-danger" type="button" id="report-button"
+        @click.prevent="getFilms">Очистить</button>
+        <table class="table text-light">
+            <thead>
+            <tr>
+                <th>Название</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr v-for="flm in films" :key="flm.id">
+                <td>{{ flm.name }}</td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/vue-project/src/main.js b/Frontend/vue-project/src/main.js
index 5c568ad..41edc9e 100644
--- a/Frontend/vue-project/src/main.js
+++ b/Frontend/vue-project/src/main.js
@@ -5,13 +5,15 @@ import Index from './components/Index.vue'
 import CatalogGenres from './components/CatalogGenres.vue'
 import CatalogFilms from './components/CatalogFilms.vue'
 import CatalogCollections from './components/CatalogCollections.vue'
+import Report from './components/Report.vue'
 
 const routes = [
     { path: '/', redirect: '/index' },
     { path: '/index', component: Index},
     { path: '/catalogs/genres', component: CatalogGenres},
     { path: '/catalogs/films', component: CatalogFilms},
-    { path: '/catalogs/collections', component: CatalogCollections}
+    { path: '/catalogs/collections', component: CatalogCollections},
+    { path: '/report', component: Report}
 ]
 
 const router = createRouter({
diff --git a/data.mv.db b/data.mv.db
index 482449d257d8736fc44ae74a9a23e0748784de9e..195bd6ed7cf026c4d6e2b2edab7cb32e63c2206e 100644
GIT binary patch
delta 503
zcmbVJO)mpc6rDH9=rq2i5rRRJ3ZvfC4DUS~iA2OgBz87DuhVE$XV6Mmv9Z^?sKi1f
z_Dq_PNF>->NPNVuI~#w%LKq}v?QYKIoO{nXce@nWE(Ic!EUqu69kI-Ye{eRnWita~
ztc#^wW|<i#-;4A%b3K{1vtr3!V@Zq!PhhTk{ICu_>O!smlNLWZgJWS{KA*NT%+Oc3
z%P0l+sy$}KiSGj&7N<ndrdDj0z}QUKHq|%mwe^(a^G&X29l;XAL*NZgDXJs|&MGJ2
z0?#O<%HI{E=htn>li_A)LN+O=W~UFuesdJ5M5a`dl(&j!a4ie^b~-{N_?<dt_?%Tf
z9zY(PK6DjIJ*W|IRDstA7A(7fyT>L(p><a)T=pOpl!XS+p1OfVH{>If*IK}tSHV3F
z!R@+&M&LRZhWdL2MzuEBiZ*utjX}R-kR;I^A#yIyh)sqG?7W=FRvhMg4{D_`Ng4=C
kUxViMJzgW{wd&|^eSa${|7wIUT2xp`zntmfyHj!X2~mBbJOBUy

delta 425
zcmZp8z|!!5Ma9F)NGB;LKRFvl2WM8LS{WJ`80aKtl;&ky8Jbv5RMD6`N1vP1IN37U
z!XVX%Yh&Vk{>lIOxuu|biPf|DzdWbIWHxny$r1`YlP%PZgv(NkiZk=`fVNoZl;kH{
zSsIv6-l*@D$i=|GpvriYfro`bTtZTcf%PCGYa)nfWM(}CVgiXqW}qTT#tudSpd!{p
zN!COOpqLayoI#p#A(J3T;vl005K97eNC7cW3;Qqj{mhdKQ-iq8IKh6@Gc+-uZ2voR
z@`f0d%?}z=StcL4zGCv*Hm=DW7X+r?P-c{xY@p6QxmB%v@;dc>V!*Hg0%J2110GW&
zC@0xs@`i)vlUH@{azllTQVfhHU)0d!Vq#!m0orQjz_3|Dvw%(A0vg_CI>??+%SkOs
Z&PXk?vPexbHc2#10|tZN=D+#O2LNaYdE5X1