From beb36a4db426b23bfa9d2edc21b3239e6b8732e5 Mon Sep 17 00:00:00 2001
From: root <yankalyshev@outlook.com>
Date: Fri, 21 Apr 2023 18:42:27 +0400
Subject: [PATCH] added models

---
 .../subd/Controllers/DriverController.java    |   4 +-
 .../subd/Controllers/OrderController.java     |   4 +-
 .../java/com/subd/subd/Dtos/OrderDto.java     |   7 +-
 .../java/com/subd/subd/Models/Driver.java     |  17 +--
 .../main/java/com/subd/subd/Models/Order.java |  14 ++-
 .../com/subd/subd/Services/DriverService.java |  11 +-
 .../com/subd/subd/Services/OrderService.java  |   9 +-
 SUBD-front/main.js                            |  30 ++++++
 SUBD-front/src/App.vue                        |   8 +-
 .../src/components/CatalogDisciplines.vue     |  44 ++++++++
 SUBD-front/src/components/CatalogGroups.vue   |  44 ++++++++
 SUBD-front/src/components/CatalogStudents.vue |  82 +++++++++++++++
 SUBD-front/src/components/Catalogs.vue        |  23 ++++
 SUBD-front/src/components/DataTable.vue       |  67 ++++++++++++
 SUBD-front/src/components/Header.vue          |  64 +++++------
 SUBD-front/src/components/Modal.vue           |  63 +++++++++++
 .../src/components/ReportGroupDisciplines.vue |  60 +++++++++++
 .../src/components/ReportGroupStudents.vue    |  64 +++++++++++
 SUBD-front/src/components/Reports.vue         |  21 ++++
 SUBD-front/src/components/ToolBar.vue         |  46 ++++++++
 SUBD-front/src/images/hamburger.png           | Bin 7699 -> 0 bytes
 SUBD-front/src/main.js                        |  25 -----
 SUBD-front/src/mixins/CatalogMixins.js        |  99 ++++++++++++++++++
 SUBD-front/src/models/Car.js                  |  47 +++++++++
 SUBD-front/src/models/Client.js               |  45 ++++++++
 SUBD-front/src/models/Driver.js               |  54 ++++++++++
 SUBD-front/src/models/Order.js                |  86 +++++++++++++++
 SUBD-front/src/models/PickUpPoint.js          |  21 ++++
 SUBD-front/src/services/DataService.js        |   8 +-
 SUBD-front/style.css                          |   0
 30 files changed, 977 insertions(+), 90 deletions(-)
 create mode 100644 SUBD-front/main.js
 create mode 100644 SUBD-front/src/components/CatalogDisciplines.vue
 create mode 100644 SUBD-front/src/components/CatalogGroups.vue
 create mode 100644 SUBD-front/src/components/CatalogStudents.vue
 create mode 100644 SUBD-front/src/components/Catalogs.vue
 create mode 100644 SUBD-front/src/components/DataTable.vue
 create mode 100644 SUBD-front/src/components/Modal.vue
 create mode 100644 SUBD-front/src/components/ReportGroupDisciplines.vue
 create mode 100644 SUBD-front/src/components/ReportGroupStudents.vue
 create mode 100644 SUBD-front/src/components/Reports.vue
 create mode 100644 SUBD-front/src/components/ToolBar.vue
 delete mode 100644 SUBD-front/src/images/hamburger.png
 delete mode 100644 SUBD-front/src/main.js
 create mode 100644 SUBD-front/src/mixins/CatalogMixins.js
 create mode 100644 SUBD-front/src/models/Car.js
 create mode 100644 SUBD-front/src/models/Client.js
 create mode 100644 SUBD-front/src/models/Driver.js
 create mode 100644 SUBD-front/src/models/Order.js
 create mode 100644 SUBD-front/src/models/PickUpPoint.js
 create mode 100644 SUBD-front/style.css

diff --git a/SUBD-back/src/main/java/com/subd/subd/Controllers/DriverController.java b/SUBD-back/src/main/java/com/subd/subd/Controllers/DriverController.java
index 945fa8c..63a6d19 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Controllers/DriverController.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Controllers/DriverController.java
@@ -22,11 +22,11 @@ public class DriverController {
     }
     @PostMapping("/driver")
     public Driver createDriver(@RequestBody Driver driver) {
-        return DriverService.addDriver(driver.getName(), driver.getAge(), driver.getPhone(), driver.getEmail());
+        return DriverService.addDriver(driver.getName(), driver.getBirthday(), driver.getPhone(), driver.getEmail());
     }
     @PutMapping("/driver/{id}")
     public Driver updateDriver(@PathVariable Long id, @RequestBody Driver driver) {
-        return DriverService.updateDriver(id, driver.getName(), driver.getAge(), driver.getPhone(), driver.getEmail());
+        return DriverService.updateDriver(id, driver.getName(), driver.getBirthday(), driver.getPhone(), driver.getEmail());
     }
     @DeleteMapping("/driver/{id}")
     public Driver deleteDriver(@PathVariable Long id) {
diff --git a/SUBD-back/src/main/java/com/subd/subd/Controllers/OrderController.java b/SUBD-back/src/main/java/com/subd/subd/Controllers/OrderController.java
index 5586956..ae044eb 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Controllers/OrderController.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Controllers/OrderController.java
@@ -23,11 +23,11 @@ public class OrderController {
     }
     @PostMapping("/order")
     public Order createOrder(@RequestBody OrderDto orderDto) {
-        return OrderService.addOrder(orderDto.getValue(), orderDto.getClientId(), orderDto.getSourcePickUpPointId(), orderDto.getDestPickUpPointId(), orderDto.getCarId());
+        return OrderService.addOrder(orderDto.getValue(), orderDto.getStatus(), orderDto.getClientId(), orderDto.getSourcePickUpPointId(), orderDto.getDestPickUpPointId(), orderDto.getCarId());
     }
     @PutMapping("/order/{id}")
     public Order updateOrder(@PathVariable Long id, @RequestBody OrderDto orderDto) {
-        return OrderService.updateOrder(id, orderDto.getValue(), orderDto.getClientId(), orderDto.getSourcePickUpPointId(), orderDto.getDestPickUpPointId(), orderDto.getCarId());
+        return OrderService.updateOrder(id, orderDto.getValue(), orderDto.getStatus(), orderDto.getClientId(), orderDto.getSourcePickUpPointId(), orderDto.getDestPickUpPointId(), orderDto.getCarId());
     }
     @DeleteMapping("/order/{id}")
     public Order deleteOrder(@PathVariable Long id) {
diff --git a/SUBD-back/src/main/java/com/subd/subd/Dtos/OrderDto.java b/SUBD-back/src/main/java/com/subd/subd/Dtos/OrderDto.java
index f84bae5..ebccfd3 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Dtos/OrderDto.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Dtos/OrderDto.java
@@ -2,13 +2,15 @@ package com.subd.subd.Dtos;
 
 public class OrderDto {
     private Double value;
+    private String status;
     private Long clientId;
     private Long sourcePickUpPointId;
     private Long destPickUpPointId;
     private Long carId;
     public OrderDto() {}
-    public OrderDto(Double value, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
+    public OrderDto(Double value, String status, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
         this.value = value;
+        this.status = status;
         this.clientId = clientId;
         this.sourcePickUpPointId = sourcePickUpPointId;
         this.destPickUpPointId = destPickUpPointId;
@@ -17,6 +19,9 @@ public class OrderDto {
     public Double getValue() {
         return this.value;
     }
+    public String  getStatus() {
+        return this.status;
+    }
     public Long getClientId() {
         return this.clientId;
     }
diff --git a/SUBD-back/src/main/java/com/subd/subd/Models/Driver.java b/SUBD-back/src/main/java/com/subd/subd/Models/Driver.java
index 6d56399..6090a15 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Models/Driver.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Models/Driver.java
@@ -5,6 +5,7 @@ import jakarta.persistence.GeneratedValue;
 import jakarta.persistence.Id;
 import jakarta.persistence.Table;
 
+import java.util.Date;
 import java.util.Objects;
 
 @Entity
@@ -14,13 +15,13 @@ public class Driver {
     @GeneratedValue
     private Long id;
     private String name;
-    private Integer age;
+    private Date birthday;
     private String phone;
     private String email;
     Driver() {}
-    public Driver(String name, Integer age, String phone, String email) {
+    public Driver(String name, Date birthday, String phone, String email) {
         this.name = name;
-        this.age = age;
+        this.birthday = birthday;
         this.phone = phone;
         this.email = email;
     }
@@ -28,8 +29,8 @@ public class Driver {
     public void setId(Long id) { this.id = id; }
     public String getName() { return this.name; }
     public void setName(String name) { this.name = name; }
-    public Integer getAge() { return this.age; }
-    public void setAge(Integer age) { this.age = age; }
+    public Date getBirthday() { return this.birthday; }
+    public void setBirthday(Date birthday) { this.birthday = birthday; }
     public String getPhone() { return this.phone; }
     public void setPhone(String phone) { this.phone = phone; }
     public String getEmail() { return this.email; }
@@ -43,19 +44,19 @@ public class Driver {
         Driver driver = (Driver) o;
         return Objects.equals(this.id, driver.id) &&
                 Objects.equals(this.name, driver.name) &&
-                Objects.equals(this.age, driver.age) &&
+                Objects.equals(this.birthday, driver.birthday) &&
                 Objects.equals(this.phone, driver.phone) &&
                 Objects.equals(this.email, driver.email);
     }
     @Override
     public int hashCode() {
-        return Objects.hash(this.id, this.name, this.age, this.phone, this.email);
+        return Objects.hash(this.id, this.name, this.birthday, this.phone, this.email);
     }
     @Override
     public String toString() {
         return "Client{" + "id=" + this.id +
                 ", name='" + this.name + '\'' +
-                ", age='" + this.age + '\'' +
+                ", birthday='" + this.birthday + '\'' +
                 ", phone='" + this.phone + '\'' +
                 ", email='" + this.email + '\'' +
                 '}';
diff --git a/SUBD-back/src/main/java/com/subd/subd/Models/Order.java b/SUBD-back/src/main/java/com/subd/subd/Models/Order.java
index 9aa34eb..65abd22 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Models/Order.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Models/Order.java
@@ -11,6 +11,7 @@ public class Order {
     @GeneratedValue
     private Long id;
     private Double value;
+    private String status;
     @ManyToOne( cascade = {CascadeType.MERGE}, fetch = FetchType.EAGER)
     @JoinColumn(name = "Client_id", nullable = true)
     private Client client;
@@ -24,8 +25,9 @@ public class Order {
     @JoinColumn(name = "Car_id", referencedColumnName = "id")
     private Car car;
     Order() {}
-    public Order(Double value, Client client, PickUpPoint sourcePickUpPoint, PickUpPoint destPickUpPoint, Car car) {
+    public Order(Double value, String status, Client client, PickUpPoint sourcePickUpPoint, PickUpPoint destPickUpPoint, Car car) {
         this.value = value;
+        this.status = status;
         this.client = client;
         this.sourcePickUpPoint = sourcePickUpPoint;
         this.destPickUpPoint = destPickUpPoint;
@@ -43,6 +45,12 @@ public class Order {
     public void setValue(Double value) {
         this.value = value;
     }
+    public String getStatus() {
+        return this.status;
+    }
+    public void setStatus(String status) {
+        this.status = status;
+    }
     public Client getClient() {
         return client;
     }
@@ -81,6 +89,7 @@ public class Order {
         Order order = (Order) o;
         return Objects.equals(this.id, order.id) &&
                 Objects.equals(this.value, order.value) &&
+                Objects.equals(this.status, order.status) &&
                 Objects.equals(this.client, order.client) &&
                 Objects.equals(this.sourcePickUpPoint, order.sourcePickUpPoint) &&
                 Objects.equals(this.destPickUpPoint, order.destPickUpPoint) &&
@@ -88,12 +97,13 @@ public class Order {
     }
     @Override
     public int hashCode() {
-        return Objects.hash(this.id, this.value, this.client, this.sourcePickUpPoint, destPickUpPoint, car);
+        return Objects.hash(this.id, this.value, this.status, this.client, this.sourcePickUpPoint, destPickUpPoint, car);
     }
     @Override
     public String toString() {
         return "Client{" + "id=" + this.id +
                 ", value='" + this.value + '\'' +
+                ", status='" + this.status + '\'' +
                 ", client='" + this.client + '\'' +
                 ", sourcePickUpPoint='" + this.sourcePickUpPoint + '\'' +
                 ", destPickUpPoint='" + this.destPickUpPoint + '\'' +
diff --git a/SUBD-back/src/main/java/com/subd/subd/Services/DriverService.java b/SUBD-back/src/main/java/com/subd/subd/Services/DriverService.java
index eb6933f..0cfbf8d 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Services/DriverService.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Services/DriverService.java
@@ -6,6 +6,7 @@ import com.subd.subd.Repositories.DriverRepository;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
+import java.util.Date;
 import java.util.List;
 import java.util.Optional;
 
@@ -16,8 +17,8 @@ public class DriverService {
         this.driverRepository = driverRepository;
     }
     @Transactional
-    public Driver addDriver(String name, Integer age, String phone, String email) {
-        final Driver driver = new Driver(name, age, phone, email);
+    public Driver addDriver(String name, Date birthday, String phone, String email) {
+        final Driver driver = new Driver(name, birthday, phone, email);
         return driverRepository.save(driver);
     }
     @Transactional(readOnly = true)
@@ -30,13 +31,13 @@ public class DriverService {
         return driverRepository.findAll();
     }
     @Transactional
-    public Driver updateDriver(Long id, String name, Integer age, String phone, String email) {
+    public Driver updateDriver(Long id, String name, Date birthday, String phone, String email) {
         final Driver currentDriver = findDriver(id);
         if (name != null) {
             currentDriver.setName(name);
         }
-        if (age != null) {
-            currentDriver.setAge(age);
+        if (birthday != null) {
+            currentDriver.setBirthday(birthday);
         }
         if (phone != null) {
             currentDriver.setPhone(phone);
diff --git a/SUBD-back/src/main/java/com/subd/subd/Services/OrderService.java b/SUBD-back/src/main/java/com/subd/subd/Services/OrderService.java
index cef05bd..633c670 100644
--- a/SUBD-back/src/main/java/com/subd/subd/Services/OrderService.java
+++ b/SUBD-back/src/main/java/com/subd/subd/Services/OrderService.java
@@ -31,7 +31,7 @@ public class OrderService {
         this.carRepository = carRepository;
     }
     @Transactional
-    public Order addOrder(Double value, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
+    public Order addOrder(Double value, String status, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
         final Client client = clientRepository.findById(clientId)
                 .orElseThrow(() -> new ClientNotFoundException(clientId));
         final PickUpPoint sourcePickUpPoint = pickUpPointRepository.findById(sourcePickUpPointId)
@@ -40,7 +40,7 @@ public class OrderService {
                 .orElseThrow(() -> new PickUpPointNotFoundException(destPickUpPointId));
         final Car car = carRepository.findById(carId)
                 .orElseThrow(() -> new CarNotFoundException(carId));
-        final Order order = new Order(value, client, sourcePickUpPoint, destPickUpPoint, car);
+        final Order order = new Order(value, status, client, sourcePickUpPoint, destPickUpPoint, car);
         return orderRepository.save(order);
     }
     @Transactional(readOnly = true)
@@ -53,11 +53,14 @@ public class OrderService {
         return orderRepository.findAll();
     }
     @Transactional
-    public Order updateOrder(Long id, Double value, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
+    public Order updateOrder(Long id, Double value, String status, Long clientId, Long sourcePickUpPointId, Long destPickUpPointId, Long carId) {
         final Order currentOrder = findOrder(id);
         if (value != null) {
             currentOrder.setValue(value);
         }
+        if (status != null) {
+            currentOrder.setStatus(status);
+        }
         if (clientId != null) {
             final Client client = clientRepository.findById(clientId)
                     .orElseThrow(() -> new ClientNotFoundException(clientId));
diff --git a/SUBD-front/main.js b/SUBD-front/main.js
new file mode 100644
index 0000000..7baf981
--- /dev/null
+++ b/SUBD-front/main.js
@@ -0,0 +1,30 @@
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+import './style.css'
+import App from './App.vue'
+import Catalogs from './components/Catalogs.vue'
+import CatalogStudents from './components/CatalogStudents.vue'
+import CatalogGroups from './components/CatalogGroups.vue'
+import CatalogDisciplines from './components/CatalogDisciplines.vue'
+import Reports from './components/Reports.vue'
+import ReportGroupStudents from './components/ReportGroupStudents.vue'
+import ReportGroupDisciplines from './components/ReportGroupDisciplines.vue'
+
+const routes = [
+    { path: '/', redirect: '/catalogs/students' },
+    { path: '/catalogs', component: Catalogs, meta: { label: 'Справочники' } },
+    { path: '/catalogs/students', component: CatalogStudents },
+    { path: '/catalogs/groups', component: CatalogGroups },
+    { path: '/catalogs/disciplines', component: CatalogDisciplines },
+    { path: '/reports', component: Reports, meta: { label: 'Отчеты' } },
+    { path: '/reports/group-students', component: ReportGroupStudents },
+    { path: '/reports/group-disciplines', component: ReportGroupDisciplines }
+]
+
+const router = createRouter({ 
+    history: createWebHistory(),
+    linkActiveClass: 'active',
+    routes 
+})
+
+createApp(App).use(router).mount('#app')
\ No newline at end of file
diff --git a/SUBD-front/src/App.vue b/SUBD-front/src/App.vue
index 7cb90de..406f563 100644
--- a/SUBD-front/src/App.vue
+++ b/SUBD-front/src/App.vue
@@ -1,5 +1,6 @@
 <script>
   import Header from './components/Header.vue';
+
   export default {
     components: {
       Header
@@ -9,5 +10,10 @@
 
 <template>
   <Header></Header>
-  <router></router>
+  <div class="container-fluid">
+    <router-view></router-view>
+  </div>
 </template>
+
+<style scoped>
+</style>
diff --git a/SUBD-front/src/components/CatalogDisciplines.vue b/SUBD-front/src/components/CatalogDisciplines.vue
new file mode 100644
index 0000000..26726da
--- /dev/null
+++ b/SUBD-front/src/components/CatalogDisciplines.vue
@@ -0,0 +1,44 @@
+<script>
+    import CatalogMixins from '../mixins/CatalogMixins.js';
+    import Discipline from "../models/Discipline";
+
+    export default {
+        mixins: [
+            CatalogMixins
+        ],
+        data() {
+            return {
+                getAllUrl: 'disciplines',
+                dataUrl: 'disciplines/',
+                transformer: (data) => new Discipline(data),
+                headers: [
+                    { name: 'name', label: 'Название дисциплины' }
+                ]
+            }
+        }
+    }
+</script>
+
+<template>
+    <ToolBar 
+        @add="showAddModal" 
+        @edit="showEditModal" 
+        @remove="removeSelectedItems">
+    </ToolBar>
+    <DataTable 
+        :headers="this.headers"
+        :items="this.items"
+        :selectedItems="this.selectedItems"
+        @dblclick="showEditModalDblClick">
+    </DataTable>
+    <Modal 
+        :header="this.modal.header" 
+        :confirm="this.modal.confirm" 
+        v-model:visible="this.modalShow" 
+        @done="saveItem">
+        <div class="mb-3">
+            <label for="name" class="form-label">Название дисциплины</label>
+            <input type="text" class="form-control" id="name" required v-model="data.name">
+        </div>
+    </Modal>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/CatalogGroups.vue b/SUBD-front/src/components/CatalogGroups.vue
new file mode 100644
index 0000000..b7ac5ac
--- /dev/null
+++ b/SUBD-front/src/components/CatalogGroups.vue
@@ -0,0 +1,44 @@
+<script>
+    import CatalogMixins from '../mixins/CatalogMixins.js';
+    import Group from "../models/Group";
+
+    export default {
+        mixins: [
+            CatalogMixins
+        ],
+        data() {
+            return {
+                getAllUrl: 'groups',
+                dataUrl: 'groups/',
+                transformer: (data) => new Group(data),
+                headers: [
+                    { name: 'name', label: 'Название группы' }
+                ]
+            }
+        }
+    }
+</script>
+
+<template>
+    <ToolBar 
+        @add="showAddModal" 
+        @edit="showEditModal" 
+        @remove="removeSelectedItems">
+    </ToolBar>
+    <DataTable 
+        :headers="this.headers"
+        :items="this.items"
+        :selectedItems="this.selectedItems"
+        @dblclick="showEditModalDblClick">
+    </DataTable>
+    <Modal 
+        :header="this.modal.header" 
+        :confirm="this.modal.confirm" 
+        v-model:visible="this.modalShow" 
+        @done="saveItem">
+        <div class="mb-3">
+            <label for="name" class="form-label">Название группы</label>
+            <input type="text" class="form-control" id="name" required v-model="data.name">
+        </div>
+    </Modal>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/CatalogStudents.vue b/SUBD-front/src/components/CatalogStudents.vue
new file mode 100644
index 0000000..2a8aad0
--- /dev/null
+++ b/SUBD-front/src/components/CatalogStudents.vue
@@ -0,0 +1,82 @@
+<script>
+    import CatalogMixins from '../mixins/CatalogMixins.js';
+    import Student from "../models/Student";
+    import Group from '../models/Group';
+    import DataService from '../services/DataService';
+
+    export default {
+        mixins: [
+            CatalogMixins
+        ],
+        data() {
+            return {
+                getAllUrl: 'students?_expand=group',
+                dataUrl: 'students/',
+                transformer: (data) => new Student(data),
+                headers: [
+                    { name: 'name', label: 'ФИО' },
+                    { name: 'birthday', label: 'Дата рождения' },
+                    { name: 'phone', label: 'Номер телефона' },
+                    { name: 'groupName', label: 'Группа' }
+                ],
+                groupsUrl: 'groups',
+                groups: []
+            }
+        },
+        created() {
+            DataService.readAll(this.groupsUrl, (data) => new Group(data))
+                .then(data => {
+                    this.groups = data;
+                });
+        }
+    }
+</script>
+
+<template>
+    <ToolBar
+        @add="showAddModal"
+        @edit="showEditModal"
+        @remove="removeSelectedItems">
+    </ToolBar>
+    <DataTable 
+        :headers="this.headers"
+        :items="this.items"
+        :selectedItems="this.selectedItems"
+        @dblclick="showEditModalDblClick">
+    </DataTable>
+    <Modal 
+        :header="this.modal.header" 
+        :confirm="this.modal.confirm"
+        v-model:visible="this.modalShow" 
+        @done="saveItem">
+            <div class="mb-3">
+                <label for="lastName" class="form-label">Фамилия</label>
+                <input type="text" class="form-control" id="lastName" required v-model="data.lastName">
+            </div>
+            <div class="mb-3">
+                <label for="firstName" class="form-label">Имя</label>
+                <input type="text" class="form-control" id="firstName" required v-model="data.firstName">
+            </div>
+            <div class="mb-3">
+                <label for="birthday" class="form-label">Дата рождения</label>
+                <input type="date" class="form-control" id="birthday" required v-model="data.birthday">
+            </div>
+            <div class="mb-3">
+                <label for="phone" class="form-label">Номер телефона</label>
+                <input type="tel" class="form-control" id="phone" required pattern="8 [0-9]{3} [0-9]{3} [0-9]{4}"
+                    placeholder="8 999 999 9999"
+                    v-model="data.phone">
+            </div>
+            <div class="mb-3">
+                <label for="groups" class="form-label">Группа</label>
+                <select class="form-select" id="group" required v-model="data.groupId">
+                    <option disabled value="">Укажите группу</option>
+                    <option v-for="group in this.groups" 
+                        :value="group.id"
+                        :selected="data.groupId && group.id === data.groupId">
+                        {{ group.name }}
+                    </option>
+                </select>
+            </div>
+    </Modal>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/Catalogs.vue b/SUBD-front/src/components/Catalogs.vue
new file mode 100644
index 0000000..8480eb4
--- /dev/null
+++ b/SUBD-front/src/components/Catalogs.vue
@@ -0,0 +1,23 @@
+<script>
+    export default {
+        data() {
+            return {
+                catalogs: [
+                    { name: 'groups', label: 'Группы' },
+                    { name: 'students', label: 'Студенты' },
+                    { name: 'disciplines', label: 'Дисциплины' }
+                ]
+            }
+        }
+    }
+</script>
+
+<template>
+    <div class="list-group">
+        <router-link v-for="catalog in this.catalogs"
+            :to="'/catalogs/' + catalog.name"
+            class="list-group-item list-group-item-action">
+            {{ catalog.label }}
+        </router-link>
+    </div>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/DataTable.vue b/SUBD-front/src/components/DataTable.vue
new file mode 100644
index 0000000..f24eb88
--- /dev/null
+++ b/SUBD-front/src/components/DataTable.vue
@@ -0,0 +1,67 @@
+<script>
+    export default {
+        props: {
+            headers: Array,
+            items: Array,
+            selectedItems: Array
+        },
+        emits: {
+            dblclick: null
+        },
+        methods: {
+            rowClick(id) {
+                if (this.isSelected(id)) {
+                    var index = this.selectedItems.indexOf(id);
+                    if (index !== -1) {
+                        this.selectedItems.splice(index, 1);
+                    }
+                } else {
+                    this.selectedItems.push(id);
+                }
+            },
+            rowDblClick(id) {
+                this.$emit('dblclick', id);
+            },
+            isSelected(id) {
+                return this.selectedItems.includes(id);
+            }
+        }
+    }
+</script>
+
+<template>
+    <table class="table table-hover">
+        <thead>
+            <tr>
+                <th scope="col">#</th>
+                <th v-for="header in this.headers"
+                    :id="header.name"
+                    scope="col">{{ header.label }}</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(item, index) in this.items"
+                @click="rowClick(item.id)"
+                @dblclick="rowDblClick(item.id)"
+                :class="{selected: isSelected(item.id)}">
+                <th scope="row">{{ index + 1 }}</th>
+                <td v-for="header in this.headers">
+                    {{ item[header.name] }}
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</template>
+
+<style scoped>
+tbody tr:hover {
+        cursor: pointer;
+    }
+tr.selected {
+    background-color: #0d6efd;
+    opacity: 80%;
+}
+tbody tr {
+    user-select: none;
+}
+</style>
\ No newline at end of file
diff --git a/SUBD-front/src/components/Header.vue b/SUBD-front/src/components/Header.vue
index 0067085..162c8d6 100644
--- a/SUBD-front/src/components/Header.vue
+++ b/SUBD-front/src/components/Header.vue
@@ -1,45 +1,35 @@
+<script>
+    export default {
+        methods: {
+            getRoutes() {
+                return this.$router.options.routes.filter(route => route.meta?.hasOwnProperty('label'));
+            }
+        }
+    }
+</script>
+
 <template>
-    <nav class="navbar navbar-dark navbar-expand-lg sticky-top">
+    <nav class="navbar navbar-expand-lg bg-light">
         <div class="container-fluid">
-            <button class="btn me-3 border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling">
-                <img class="width-2rem" src="../images/hamburger.png">
-            </button>
-            <!-- <a class="navbar-brand" href="index.html">LOGO</a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Переключатель навигации">
+            <a class="navbar-brand" href="/">
+                <i class="fa-solid fa-book"></i>
+                Деканат
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
-            </button> -->
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav mb-2 mb-lg-0 justify-content-between align-content-center w-100">
-                    <li class="nav-item align-self-center mb-2 mb-md-0">
-                        <!-- <button class="btn btn-primary p-1 border-0 d-inline-flex align-items-center me-2">
-                            <div class="d-inline-flex flex-row align-items-center rounded-1 pe-1 ps-1" id="buttonHeaderRandomInside">
-                                <img class="m-0 p-0 width-2rem" src="../images/gamecube.png"/>
-                                <p class="mb-0">Великий рандом!</p>
-                            </div>
-                        </button>
-                        <a href="#"><img src="../images/search.png" class="width-2rem"/></a> -->
-                    </li>
-                    <li class="nav-item d-flex align-self-center align-content-center">
-                        <!-- <button type="button" class="btn btn-primary me-4" data-bs-toggle="modal" data-bs-target="#enterModal">Войти</button>
-                        <div class="vr"></div>
-                        <button type="button" class="btn position-relative border-0">
-                            <img src="../images/bell.png" class="width-2rem">
-                            <span class="position-absolute top-25 start-50 p-1 bg-danger border border-light rounded-circle">
-                                <span class="visually-hidden">Новые уведомления</span>
-                            </span>
-                        </button>
-                        <div class="vr me-3"></div>
-                        <div class="dropdown">
-                            <a class="nav-link dropdown-toggle drop" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                                <img src="../images/user.png" class="rounded-1 width-2rem">
-                            </a>
-                            <ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end">
-                                <li><a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#enterModal" href="#">Войти</a></li>
-                            </ul>
-                        </div> -->
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav">
+                    <li class="nav-item"
+                        v-for="route in this.getRoutes()">
+                        <router-link class="nav-link" :to="route.path">{{ route.meta.label }}</router-link>
                     </li>
                 </ul>
             </div>
         </div>
     </nav>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/SUBD-front/src/components/Modal.vue b/SUBD-front/src/components/Modal.vue
new file mode 100644
index 0000000..f12c004
--- /dev/null
+++ b/SUBD-front/src/components/Modal.vue
@@ -0,0 +1,63 @@
+<script>
+    export default {
+        props: {
+            header: String,
+            confirm: String,
+            visible: Boolean
+        },
+        emits: {
+            done: null,
+            'update:visible': (value) => {
+                if (typeof value !== 'boolean') {
+                    throw 'Value is not a boolean';
+                }
+                return true;
+            }
+        },
+        methods: {
+            hide() {
+                this.$emit('update:visible', false);
+            },
+            done() {
+                if (this.$refs.form.checkValidity()) {
+                    this.$emit('done');
+                    this.hide();
+                } else {
+                    this.$refs.form.reportValidity();
+                }
+            }
+        }
+    }
+</script>
+
+<template>
+    <div class="modal fade" tabindex="-1" aria-hidden="true"
+        :class="{ 'modal-show': this.visible, 'show': this.visible }">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h1 class="modal-title fs-5" id="exampleModalLabel">{{ header }}</h1>
+                    <button type="button" class="btn-close" aria-label="Close"
+                        @click.prevent="hide"></button>
+                </div>
+                <div class="modal-body">
+                    <form @submit.prevent="done" ref="form">
+                        <slot></slot>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary"
+                        @click.prevent="hide">Закрыть</button>
+                    <button type="button" class="btn btn-primary"
+                        @click.prevent="done">{{ confirm }}</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.modal-show {
+    display: block;
+}
+</style>
\ No newline at end of file
diff --git a/SUBD-front/src/components/ReportGroupDisciplines.vue b/SUBD-front/src/components/ReportGroupDisciplines.vue
new file mode 100644
index 0000000..2d87fe6
--- /dev/null
+++ b/SUBD-front/src/components/ReportGroupDisciplines.vue
@@ -0,0 +1,60 @@
+<script>
+import DataService from '../services/DataService';
+import Group from "../models/Group";
+import Discipline from '../models/Discipline';
+
+export default {
+    data() {
+        return {
+            groupsUrl: 'groups',
+            groups: [],
+            groupId: undefined,
+            disciplinesUrl: 'groups/%id%/groupDisciplines?_expand=discipline',
+            disciplines: []
+        }
+    },
+    created() {
+        DataService.readAll(this.groupsUrl, (data) => new Group(data))
+            .then(data => {
+                this.groups = data;
+            });
+    },
+    methods: {
+        formReport() {
+            if (!this.groupId) {
+                return;
+            }
+            DataService.readAll(this.disciplinesUrl.replace('%id%', this.groupId), 
+                (data) => new Discipline(data.discipline))
+                .then(data => {
+                    this.disciplines = data;
+                });
+        }
+    }
+}
+</script>
+
+<template>
+    <div class="input-group mb-3">
+        <select class="form-select" v-model="groupId">
+            <option disabled value="" selected>Выберите группу</option>
+            <option v-for="group in groups" :value="group.id">{{ group.name }}</option>
+        </select>
+        <button class="btn btn-outline-secondary" type="button" id="report-button"
+            @click.prevent="formReport">Сформировать</button>
+    </div>
+    <table class="table">
+        <thead>
+            <tr>
+                <th scope="col">#</th>
+                <th scope="col">Название предмета</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(discipline, index) in disciplines">
+                <th scope="row">{{ index + 1 }}</th>
+                <td>{{ discipline.name }}</td>
+            </tr>
+        </tbody>
+    </table>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/ReportGroupStudents.vue b/SUBD-front/src/components/ReportGroupStudents.vue
new file mode 100644
index 0000000..82ebd6c
--- /dev/null
+++ b/SUBD-front/src/components/ReportGroupStudents.vue
@@ -0,0 +1,64 @@
+<script>
+    import DataService from '../services/DataService';
+    import Group from "../models/Group";
+    import Student from '../models/Student';
+
+    export default {
+        data() {
+            return {
+                groupsUrl: 'groups',
+                groups: [],
+                groupId: undefined,
+                studentsUrl: 'groups/%id%/students',
+                students: []
+            }
+        },
+        created() {
+            DataService.readAll(this.groupsUrl, (data) => new Group(data))
+                .then(data => {
+                    this.groups = data;
+                });
+        },
+        methods: {
+            formReport() {
+                if (!this.groupId) {
+                    return;
+                }
+                DataService.readAll(this.studentsUrl.replace('%id%', this.groupId), (data) => new Student(data))
+                    .then(data => {
+                        this.students = data;
+                    });
+            }
+        }
+    }
+</script>
+
+<template>
+    <div class="input-group mb-3">
+        <select class="form-select" v-model="groupId">
+            <option disabled value="" selected>Выберите группу</option>
+            <option v-for="group in groups"
+                :value="group.id">{{ group.name }}</option>
+        </select>
+        <button class="btn btn-outline-secondary" type="button" id="report-button"
+            @click.prevent="formReport">Сформировать</button>
+    </div>
+    <table class="table">
+        <thead>
+            <tr>
+                <th scope="col">#</th>
+                <th scope="col">Фамилия</th>
+                <th scope="col">Имя</th>
+                <th scope="col">Номер телефона</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(student, index) in students">
+                <th scope="row">{{ index + 1 }}</th>
+                <td>{{ student.lastName }}</td>
+                <td>{{ student.firstName }}</td>
+                <td>{{ student.phone }}</td>
+            </tr>
+        </tbody>
+    </table>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/Reports.vue b/SUBD-front/src/components/Reports.vue
new file mode 100644
index 0000000..56cfe60
--- /dev/null
+++ b/SUBD-front/src/components/Reports.vue
@@ -0,0 +1,21 @@
+<script>
+export default {
+    data() {
+        return {
+            reports: [
+                { name: 'group-students', label: 'Список студентов' },
+                { name: 'group-disciplines', label: 'Список дисциплин' }
+            ]
+        }
+    }
+}
+</script>
+
+<template>
+    <div class="list-group">
+        <router-link v-for="report in this.reports" 
+            :to="'/reports/' + report.name" class="list-group-item list-group-item-action">
+            {{ report.label }}
+        </router-link>
+    </div>
+</template>
\ No newline at end of file
diff --git a/SUBD-front/src/components/ToolBar.vue b/SUBD-front/src/components/ToolBar.vue
new file mode 100644
index 0000000..0a21290
--- /dev/null
+++ b/SUBD-front/src/components/ToolBar.vue
@@ -0,0 +1,46 @@
+<script>
+    export default {
+        props: {
+
+        },
+        emits: {
+            add: null,
+            edit: null,
+            remove: null
+        },
+        methods: {
+            add() {
+                this.$emit('add');
+            },
+            edit() {
+                this.$emit('edit');
+            },
+            remove() {
+                this.$emit('remove');
+            }
+        }
+    }
+</script>
+
+<template>
+    <div class="btn-group mt-2" role="group">
+        <button type="button" class="btn btn-success"
+            @click.prevent="add">
+            Добавить
+        </button>
+        <button type="button" class="btn btn-warning"
+            @click.prevent="edit">
+            Изменить
+        </button>
+        <button type="button" class="btn btn-danger"
+            @click.prevent="remove">
+            Удалить
+        </button>
+    </div>
+</template>
+
+<style scoped>
+.btn {
+    min-width: 140px;
+}
+</style>
\ No newline at end of file
diff --git a/SUBD-front/src/images/hamburger.png b/SUBD-front/src/images/hamburger.png
deleted file mode 100644
index c847f227bc4f305ecfa1a593927dbf77eb0a3cb8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7699
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

diff --git a/SUBD-front/src/main.js b/SUBD-front/src/main.js
deleted file mode 100644
index 2974ee0..0000000
--- a/SUBD-front/src/main.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue';
-import Orders from './components/Orders.vue'
-// import Clients from './components/Clients.vue'
-// import Cars from './components/Cars.vue'
-// import Drivers from './components/Drivers.vue'
-
-// import './assets/main.css'
-
-const routes = [
-    { path: '/', redirect: '/orders' },
-    { path: '/orders', component: Orders },
-    // { path: '/clients', component: Clients},
-    // { path: '/cars', component: Cars},
-    // { path: '/drivers', component: Drivers}
-]
-
-const router = createRouter({ 
-    history: createWebHistory(),
-    linkActiveClass: 'active',
-    routes 
-})
-
-
-const app = createApp(App).use(router).mount('#app')
diff --git a/SUBD-front/src/mixins/CatalogMixins.js b/SUBD-front/src/mixins/CatalogMixins.js
new file mode 100644
index 0000000..a9ea635
--- /dev/null
+++ b/SUBD-front/src/mixins/CatalogMixins.js
@@ -0,0 +1,99 @@
+import ToolBar from '../components/ToolBar.vue';
+import DataTable from '../components/DataTable.vue';
+import Modal from '../components/Modal.vue';
+import DataService from '../services/DataService';
+
+const CatalogMixin = {
+    components: {
+        ToolBar, DataTable, Modal
+    },
+    data() {
+        return {
+            getAllUrl: undefined,
+            dataUrl: undefined,
+            transformer: undefined,
+            headers: [],
+            items: [],
+            selectedItems: [],
+            modal: {
+                header: undefined,
+                confirm: undefined,
+            },
+            modalShow: false,
+            data: undefined,
+            isEdit: false
+        }
+    },
+    created() {
+        this.getItems();
+        this.data = this.transformer();
+    },
+    methods: {
+        getItems() {
+            DataService.readAll(this.getAllUrl, this.transformer)
+                .then(data => {
+                    this.items = data;
+                });
+        },
+        showAddModal() {
+            this.isEdit = false;
+            this.data = this.transformer();
+            this.modal.header = 'Добавление элемента';
+            this.modal.confirm = 'Добавить';
+            this.modalShow = true;
+        },
+        showEditModal() {
+            if (this.selectedItems.length === 0) {
+                return;
+            }
+            this.showEditModalDblClick(this.selectedItems[0]);
+        },
+        showEditModalDblClick(editId) {
+            DataService.read(this.dataUrl + editId, this.transformer)
+                .then(data => {
+                    this.data = data;
+                    this.isEdit = true;
+                    this.modal.header = 'Редактирование элемента';
+                    this.modal.confirm = 'Сохранить';
+                    this.modalShow = true;
+                });
+        },
+        saveItem() {
+            if (!this.isEdit) {
+                DataService.create(this.dataUrl, this.data)
+                    .then(() => {
+                        this.getItems();
+                    });
+            } else {
+                DataService.update(this.dataUrl + this.data.id, this.data)
+                    .then(() => {
+                        this.getItems();
+                    });
+            }
+        },
+        removeSelectedItems() {
+            if (this.selectedItems.length === 0) {
+                return;
+            }
+            if (confirm('Удалить выбранные элементы?')) {
+                const promises = [];
+                const self = this;
+                this.selectedItems.forEach(item => {
+                    promises.push(DataService.delete(this.dataUrl + item));
+                });
+                Promise.all(promises).then((results) => {
+                    results.forEach(function (id) {
+                        const index = self.selectedItems.indexOf(id);
+                        if (index === - 1) {
+                            return;
+                        }
+                        self.selectedItems.splice(index, 1);
+                    });
+                    this.getItems();
+                });
+            }
+        }
+    }
+}
+
+export default CatalogMixin;
\ No newline at end of file
diff --git a/SUBD-front/src/models/Car.js b/SUBD-front/src/models/Car.js
new file mode 100644
index 0000000..dc56858
--- /dev/null
+++ b/SUBD-front/src/models/Car.js
@@ -0,0 +1,47 @@
+export default class Car {
+    constructor(data) {
+        this._id = data?.id;
+        this._gosNumber = data?.gosNumber;
+        this._vin = data?.vin;
+        this._driver = data?.driver;
+        this._driverId = data?.driverId;
+    }
+
+    get id() {
+        return this._id;
+    }
+
+    get gosNumber() {
+        return this._gosNumber;
+    }
+
+    set gosNumber(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New gosNumber value ' + value + ' is not a string or empty';
+        }
+        this._gosNumber = value;
+    }
+
+    get vin() {
+        return this._vin;
+    }
+
+    set vin(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New vin value ' + value + ' is not a string or empty';
+        }
+        this._vin = value;
+    }
+
+    get driverId() {
+        return this._groupId;
+    }
+
+    set driverId(value) {
+        this._groupId = value;
+    }
+
+    get driverName() {
+        return this.driver?.name;
+    }
+}
\ No newline at end of file
diff --git a/SUBD-front/src/models/Client.js b/SUBD-front/src/models/Client.js
new file mode 100644
index 0000000..86f54b9
--- /dev/null
+++ b/SUBD-front/src/models/Client.js
@@ -0,0 +1,45 @@
+export default class Student {
+    constructor(data) {
+        this._id = data?.id;
+        this._name = data?.name;
+        this._phone = data?.phone;
+        this._email = data?.email;
+    }
+
+    get id() {
+        return this._id;
+    }
+
+    get name() {
+        return this._name;
+    }
+
+    set name(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New name value ' + value + ' is not a string or empty';
+        }
+        this._name = value;
+    }
+
+    get phone() {
+        return this._phone;
+    }
+
+    set phone(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New phone value ' + value + ' is not a string or empty';
+        }
+        this._phone = value;
+    }
+
+    get email() {
+        return this._email;
+    }
+
+    set email(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New email value ' + value + ' is not a string or empty';
+        }
+        this._email = value;
+    }
+}
\ No newline at end of file
diff --git a/SUBD-front/src/models/Driver.js b/SUBD-front/src/models/Driver.js
new file mode 100644
index 0000000..43727d1
--- /dev/null
+++ b/SUBD-front/src/models/Driver.js
@@ -0,0 +1,54 @@
+export default class Driver {
+    constructor(data) {
+        this._id = data?.id;
+        this._name = data?.name;
+        this._birthday = data?.birthday;
+        this._phone = data?.phone;
+        this._email = data?.email;
+    }
+
+    get id() {
+        return this._id;
+    }
+
+    get name() {
+        return this._name;
+    }
+
+    set name(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New name value ' + value + ' is not a string or empty';
+        }
+        this._name = value;
+    }
+
+    get birthday() {
+        return this._age;
+    }
+
+    set birthday(value) {
+        this._birthday = value;
+    }
+
+    get phone() {
+        return this._phone;
+    }
+
+    set phone(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New phone value ' + value + ' is not a string or empty';
+        }
+        this._phone = value;
+    }
+
+    get email() {
+        return this._email;
+    }
+
+    set email(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New email value ' + value + ' is not a string or empty';
+        }
+        this._email = value;
+    }
+}
\ No newline at end of file
diff --git a/SUBD-front/src/models/Order.js b/SUBD-front/src/models/Order.js
new file mode 100644
index 0000000..ca906a9
--- /dev/null
+++ b/SUBD-front/src/models/Order.js
@@ -0,0 +1,86 @@
+export default class Order {
+    constructor(data) {
+        this._id = data?.id;
+        this._value = data?.value;
+        this._status = data?.status;
+        this._client = data?.client;
+        this._clientId = data?.clientId;
+        this._sourcePickUpPoint = data?.sourcePickUpPoint;
+        this._sourcePickUpPointId = data?.sourcePickUpPointId;
+        this._destPickUpPoint = data?.destPickUpPoint;
+        this._destPickUpPointId = data?.destPickUpPointId;
+        this._car = data?.car;
+        this._carId = data?.carId;
+    }
+
+    get id() {
+        return this._id;
+    }
+
+    get value() {
+        return this._value;
+    }
+
+    set value(data) {
+        this._value = data;
+    }
+
+    get status() {
+        return this._status;
+    }
+
+    set status(data) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New status value ' + value + ' is not a string or empty';
+        }
+        this._status = data;
+    }
+
+    get clientId() {
+        return this._firstName;
+    }
+
+    set clientId(value) {
+        this._clientId = value;
+    }
+
+    get clientName() {
+        return this._client?.name;
+    }
+
+    get sourcePickUpPointId() {
+        return this._sourcePickUpPointId;
+    }
+
+    set sourcePickUpPointId(value) {
+        this._sourcePickUpPointId = value;
+    }
+
+    get sourcePickUpPointAddress() {
+        return this._sourcePickUpPoint?.address;
+    }
+
+    get destPickUpPointId() {
+        return this._destPickUpPointId;
+    }
+
+    set destPickUpPointId(value) {
+        this._destPickUpPointId = value;
+    }
+
+    get destPickUpPointAddress() {
+        return this._destPickUpPoint?.address;
+    }
+
+    get carId() {
+        return this._carId;
+    }
+
+    set carId(value) {
+        this._carId = value;
+    }
+
+    get carNumber() {
+        return this.car?.gosNumber;
+    }
+}
\ No newline at end of file
diff --git a/SUBD-front/src/models/PickUpPoint.js b/SUBD-front/src/models/PickUpPoint.js
new file mode 100644
index 0000000..652ddeb
--- /dev/null
+++ b/SUBD-front/src/models/PickUpPoint.js
@@ -0,0 +1,21 @@
+export default class PickUpPoint {
+    constructor(data) {
+        this._id = data?.id;
+        this._address = data?.address;
+    }
+
+    get id() {
+        return this._id;
+    }
+
+    get address() {
+        return this._address;
+    }
+
+    set address(value) {
+        if (typeof value !== 'string' || value === null || value.length == 0) {
+            throw 'New address value ' + value + ' is not a string or empty';
+        }
+        this._address = value;
+    }
+}
\ No newline at end of file
diff --git a/SUBD-front/src/services/DataService.js b/SUBD-front/src/services/DataService.js
index a06314a..54810c9 100644
--- a/SUBD-front/src/services/DataService.js
+++ b/SUBD-front/src/services/DataService.js
@@ -7,22 +7,22 @@ function toJSON(data) {
         if (data[field] === undefined) {
             continue;
         }
-        jsonObj[field.substring(0)] = data[field];
+        jsonObj[field.substring(1)] = data[field];
     }
     return jsonObj;
 }
 
 export default class DataService {
-    static dataUrlPrefix = 'http://127.0.0.1:8080/';
+    static dataUrlPrefix = 'http://localhost:8080/';
 
     static async readAll(url, transformer) {
         const response = await axios.get(this.dataUrlPrefix + url);
         return response.data.map(item => transformer(item));
     }
 
-    static async read(url) {
+    static async read(url, transformer) {
         const response = await axios.get(this.dataUrlPrefix + url);
-        return response.data;
+        return transformer(response.data);
     }
 
     static async create(url, data) {
diff --git a/SUBD-front/style.css b/SUBD-front/style.css
new file mode 100644
index 0000000..e69de29