From 748421580a750650508140da05b18b7fa742e68a Mon Sep 17 00:00:00 2001
From: Polianin Nikita <nikitkapolyanin@yandex.ru>
Date: Tue, 2 Jul 2024 00:58:35 +0300
Subject: [PATCH] feat: add summary page

---
 .../setup/summary/summary.component.html      | 22 ++++++++++++++++
 src/pages/setup/summary/summary.component.ts  | 26 +++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 src/pages/setup/summary/summary.component.html
 create mode 100644 src/pages/setup/summary/summary.component.ts

diff --git a/src/pages/setup/summary/summary.component.html b/src/pages/setup/summary/summary.component.html
new file mode 100644
index 0000000..bef194c
--- /dev/null
+++ b/src/pages/setup/summary/summary.component.html
@@ -0,0 +1,22 @@
+<h1>Настройка завершена</h1>
+<hr/>
+<p>
+  Поздравляем! Вы успешно завершили настройку системы.
+  Ваша база данных, кэширование и другие важные параметры были настроены.
+  Вы можете начать использовать программу прямо сейчас.
+</p>
+
+<h4 style="margin-bottom: -5px;">Что дальше?</h4>
+<p class="mat-body-2 secondary">
+  Теперь, когда основные настройки завершены, вы можете начать использовать систему с уверенностью, что все работает правильно.
+</p>
+
+<h4 style="margin-bottom: -5px;">Изменение настроек</h4>
+<p class="mat-body-2 secondary">
+  Помните, что вы всегда можете изменить некоторые настройки позже через интерфейс программы.
+  Для изменения настроек перейдите в раздел настроек программы, который доступен в меню пользователя.
+</p>
+
+<p class="mat-h3" style="color: red;font-weight: lighter;">
+  Для того, чтобы настройки были применены нажмите кнопку "Завершить" и перезагрузите приложение
+</p>
diff --git a/src/pages/setup/summary/summary.component.ts b/src/pages/setup/summary/summary.component.ts
new file mode 100644
index 0000000..93e921c
--- /dev/null
+++ b/src/pages/setup/summary/summary.component.ts
@@ -0,0 +1,26 @@
+import {Component} from '@angular/core';
+import {MatButton} from "@angular/material/button";
+import {NavigationService} from "@service/navigation.service";
+import {MatFormFieldModule} from "@angular/material/form-field";
+import {MatInput} from "@angular/material/input";
+import SetupService from "@api/v1/setup.service";
+
+@Component({
+  selector: 'app-summary',
+  standalone: true,
+  imports: [
+    MatButton,
+    MatFormFieldModule,
+    MatInput
+  ],
+  templateUrl: './summary.component.html'
+})
+
+export class SummaryComponent {
+  constructor(private navigationService: NavigationService, private api: SetupService) {
+    this.navigationService.nextButtonAction = () => {
+      return this.api.submit();
+    };
+    this.navigationService.setNextButtonState(true);
+  }
+}