From db321f58991daa7ebc6d6d3f32768f6ea7c4d39c Mon Sep 17 00:00:00 2001
From: ArtemEmelyanov <artem_emelyanov_2003@list.ru>
Date: Wed, 10 May 2023 10:57:22 +0400
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=82=D0=B8=D1=85=D0=BE=D0=BD?=
 =?UTF-8?q?=D1=8C=D0=BA=D1=83=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8E?=
 =?UTF-8?q?=20=D1=84=D1=80=D0=BE=D0=BD=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 data.mv.db                                  | Bin 53248 -> 53248 bytes
 frontend/vue-project/src/pages/students.vue |  63 +++++++++++++++++++-
 frontend/vue-project/src/pages/subjects.vue |  50 +++++++++++++++-
 3 files changed, 111 insertions(+), 2 deletions(-)

diff --git a/data.mv.db b/data.mv.db
index ea79c7a8f98a8750a7ad0f7b19d19df96ef85fa5..ed2b748500ae834f0cd849a0fbc83feaa5011fe9 100644
GIT binary patch
delta 901
zcmbVL&rcIU6rSyFTPQ>bMGz#mD8YjZ%<OKryK5!YlZ1mt)Wnm_?oKUIc1yc8=!N|Q
zOcch0#tRou>H(YhE0L7giwBb?#)Fq$ym%uXjRqWA3Z6K4dEYlL^W%H(d*iS1{u+Pk
zq9KW9&b8(ZwTUxx_lSWYgrb!#IrD~WuADjDYl@j1@vJN<7ztHEnu-&V^~DEWD}Hpf
zJ2LRUXJ5s`X>9Hb$PtIhS-^QiMhun=L`*0;WXUtIn8&wB(a^+#>v{&Um_nGaiLQv=
z+yYaq*}4jmD&8T5;+*R+-J<7O2EsO`>l0Iv2mql%=r;%q(D!gUEMZkMEtB%-N;s+8
zkQG#(K|eV95{=LeX{?-;zXWy(&B`P6>?q+opK;~4{_BntgFQQe4i2P1Fg0C^)sEFr
zO&OCA0N`BDHc#*8l=fhXt%jo$0{x&4MZuA%73|``a3d}B^-qOpUG47;vP#G0P$R-7
zpmKZiA=h`*!K@}XPn@d->=d!(v671Pi5BB9eYYFSTiP#9mSI3<5A(CV!(q?~+8UOP
zBXy6+T8ro{g6Yr7cN+G)Y5ijxji&~wHVKCg+E;Q)MPi@#uD9BV>0~t)$h@F8t8se!
zS`XdcY@<)B$-~dot1&+FoLjB*)2)T$bZ0X}Pgc-!^Y+7DJMa%T{7WPh(Y35n9y``u
z10oJ}G`&}B9jSX9N|vteab)QTxAvGx4eoOSZz!#WWh+vP+X)RayL<q|#{h6?z<nA7
zAW#9q8<yh%5H<vcJ`g@%V94@cSstW;@U4#_0KxjB^~H>^8V`>i%<?~Txc_x*T~<xP
O1`^L+D*ss)F8>9%R1#7E

delta 405
zcmZozz}&EaS=+<PNGB;LKRMef8A1nVR;5}Q8W<SpBxjW7Wm_31>Lll+CgxcgPE=N(
zJnK9+r=^)?qM>C<BG<;mS^Sd(xD?6Lxk-WDVY2#Rfyv?xyp#KFHHFJki;6Sz^Q?@`
zbxQJ+fo?Fgn4H+)KY4uvJChB=X6^KUj7*kBo3%4NnV8H>H@Qw>+RT-AgGH9djggy?
z!G?j=#`}W&1&IrW7ff`G3>g?0Y<T*ZCjT!o5e2dtczJ#^^D{Cig4oPn{F_-OH<pVC
zn{a@Asb_2oW0+0;c;MFLg-UBT@9VW^ocuvq#xxli8U_YN$)<_iDPXp-VPdiYjBR9S
zV#1wb0ajydlxzeQ-z+?#gkQ}Z8n|XUNWM$UNi9jvNG-BTOg2riG)_zdd2{ohdX@kH
D@wI%#

diff --git a/frontend/vue-project/src/pages/students.vue b/frontend/vue-project/src/pages/students.vue
index 2fd7333..5f025b4 100644
--- a/frontend/vue-project/src/pages/students.vue
+++ b/frontend/vue-project/src/pages/students.vue
@@ -1,8 +1,69 @@
 <template>
-
+    <div class="add_student_button">
+        <button id="add_btn" type="submit" data-bs-toggle="modal" data-bs-target="#addModal">Добавить студента</button>
+    </div>
+    <table class="table table-striped table-bordered table-hover">
+        <thead>
+            <tr>
+            <th>ФИО</th>
+            <th>Дата рождения</th>
+            <th>Группа</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(student, index) in students" :key="index">
+                <td>{{ student.name }}</td>
+                <td>{{ student.birthDate }}</td>
+                <td><button class="buttonUpdate" @click="openModal(student)" data-bs-toggle="modal" data-bs-target="#exampleModal"></button></td>
+                <td><button class="buttonRemove" @click="deleteUser(student)"></button></td>
+            </tr>
+        </tbody>
+    </table>
+    <div class="modal" ref="addModal" id="addModal"  tabindex="-1">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Добавить студента</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <form>
+              <div class="mb-3">
+                <label for="name" class="form-label">Имя</label>
+                <input type="text" class="form-control" id="name">
+              </div>
+              <div class="mb-3">
+                <label for="birthDate" class="form-label">Дата рождения</label>
+                <input type="date" class="form-control" id="birthDate">
+              </div>
+              <div class="mb-3">
+                <label for="group" class="form-label">Группа</label>
+                <input type="text" class="form-control" id="group">
+              </div>
+            </form>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
+            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Сохранить</button>
+          </div>
+        </div>
+      </div>
+    </div>
 </template>
 <script>
 export default {
+    data(){
+        return{
+            name: "",
+            birthDate: ""
+        }
+    },
+    methods:{
+        addUser(){
+            fetch('')
+                .then(response => response.text())
+        }
+    }
 }
 </script>
 <style>
diff --git a/frontend/vue-project/src/pages/subjects.vue b/frontend/vue-project/src/pages/subjects.vue
index 2fd7333..062345c 100644
--- a/frontend/vue-project/src/pages/subjects.vue
+++ b/frontend/vue-project/src/pages/subjects.vue
@@ -1,8 +1,56 @@
 <template>
-
+    <div class="add_student_button">
+        <button id="add_btn" type="submit" data-bs-toggle="modal" data-bs-target="#addModal">Добавить предмет</button>
+    </div>
+    <table class="table table-striped table-bordered table-hover">
+        <thead>
+            <tr>
+            <th>Название предмета</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(subject, index) in subjects" :key="index">
+                <td>{{ subject.name }}</td>
+                <td><button class="buttonUpdate" @click="openModal(subject)" data-bs-toggle="modal" data-bs-target="#exampleModal"></button></td>
+                <td><button class="buttonRemove" @click="deleteUser(subject)"></button></td>
+            </tr>
+        </tbody>
+    </table>
+    <div class="modal" ref="addModal" id="addModal"  tabindex="-1">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Добавить пердмет</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <form>
+              <div class="mb-3">
+                <label for="name" class="form-label">Название</label>
+                <input type="text" class="form-control" id="name">
+              </div>
+            </form>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
+            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Сохранить</button>
+          </div>
+        </div>
+      </div>
+    </div>
 </template>
 <script>
 export default {
+    data(){
+        return{
+            name: ""
+        }
+    },
+    methods:{
+        addSubject(){
+            
+        }
+    }
 }
 </script>
 <style>