Use ToastrService for displaying success messages

frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ApiClientService } from 'src/app/_services/api-client.service';
+import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
 
 @Component({
@@ -28,7 +29,8 @@ export class AdminMaintenanceComponent implements OnInit {
 
   constructor(
     private translateService: TranslateService,
-    private api: ApiClientService
+    private api: ApiClientService,
+    private toastr: ToastrService
   ) { }
 
   sizeToHuman(size: number) {
@@ -97,11 +99,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   runMigrations() {
     this.api.post('admin/runMigrations').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.run_migrations_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.run_migrations_success')
-      });
       this.getDB();
     }).catch((err: any) => {
       Swal.fire({
@@ -124,11 +122,7 @@ export class AdminMaintenanceComponent implements OnInit {
     }).then((result) => {
       if (result.isConfirmed) {
         this.api.post('admin/runSeeding').then((res: any) => {
-          Swal.fire({
+          this.toastr.success(this.translateService.instant('admin.run_seeding_success'));
-            icon: 'success',
-            title: this.translateService.instant('success_title'),
-            text: this.translateService.instant('admin.run_seeding_success')
-          });
           this.getDB();
         }).catch((err: any) => {
           Swal.fire({
@@ -153,11 +147,7 @@ export class AdminMaintenanceComponent implements OnInit {
     }).then((result) => {
       if (result.isConfirmed) {
         this.api.post('admin/runJob', { job }).then((res: any) => {
-          Swal.fire({
+          this.toastr.success(this.translateService.instant('admin.run_success'));
-            icon: 'success',
-            title: this.translateService.instant('success_title'),
-            text: this.translateService.instant('admin.run_success')
-          });
           this.getJobs();
         }).catch((err: any) => {
           Swal.fire({
@@ -181,11 +171,7 @@ export class AdminMaintenanceComponent implements OnInit {
           console.log(err);
         });
       }
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.maintenance_mode_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.maintenance_mode_success')
-      });
     }).catch((err: any) => {
       Swal.fire({
         icon: 'error',
@@ -197,11 +183,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   runOptimization() {
     this.api.post('admin/runOptimization').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.run_optimization_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.run_optimization_success')
-      });
     }).catch((err: any) => {
       Swal.fire({
         icon: 'error',
@@ -213,11 +195,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   clearOptimization() {
     this.api.post('admin/clearOptimization').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.clear_optimization_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.clear_optimization_success')
-      });
     }).catch((err: any) => {
       Swal.fire({
         icon: 'error',
@@ -229,11 +207,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   clearCache() {
     this.api.post('admin/clearCache').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.clear_cache_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.clear_cache_success')
-      });
     }).catch((err: any) => {
       Swal.fire({
         icon: 'error',
@@ -267,11 +241,7 @@ export class AdminMaintenanceComponent implements OnInit {
       allowOutsideClick: () => !Swal.isLoading()
     }).then((result) => {
       if (result.isConfirmed) {
-        Swal.fire({
+        this.toastr.success(this.translateService.instant('admin.env_encrypt_success'));
-          icon: 'success',
-          title: this.translateService.instant('success_title'),
-          text: this.translateService.instant('admin.env_encrypt_success')
-        });
       }
     });
   }
@@ -300,11 +270,7 @@ export class AdminMaintenanceComponent implements OnInit {
       allowOutsideClick: () => !Swal.isLoading()
     }).then((result) => {
       if (result.isConfirmed) {
-        Swal.fire({
+        this.toastr.success(this.translateService.instant('admin.env_decrypt_success'));
-          icon: 'success',
-          title: this.translateService.instant('success_title'),
-          text: this.translateService.instant('admin.env_decrypt_success')
-        });
       }
     });
   }
@@ -321,11 +287,7 @@ export class AdminMaintenanceComponent implements OnInit {
     }).then((result) => {
       if (result.isConfirmed) {
         this.api.post('admin/envDelete').then((res: any) => {
-          Swal.fire({
+          this.toastr.success(this.translateService.instant('admin.env_delete_success'));
-            icon: 'success',
-            title: this.translateService.instant('success_title'),
-            text: this.translateService.instant('admin.env_delete_success')
-          });
         }).catch((err: any) => {
           Swal.fire({
             icon: 'error',
@@ -339,11 +301,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   setTelegramBotWebhook() {
     this.api.post('admin/telegramBot/setWebhook').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.telegram_webhook_set_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.telegram_webhook_set_success')
-      });
       this.getTelegramBotDebugInfo();
     }).catch((err: any) => {
       Swal.fire({
@@ -356,11 +314,7 @@ export class AdminMaintenanceComponent implements OnInit {
 
   unsetTelegramBotWebhook() {
     this.api.post('admin/telegramBot/unsetWebhook').then((res: any) => {
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('admin.telegram_webhook_unset_success'));
-        icon: 'success',
-        title: this.translateService.instant('success_title'),
-        text: this.translateService.instant('admin.telegram_webhook_unset_success')
-      });
       this.getTelegramBotDebugInfo();
     }).catch((err: any) => {
       Swal.fire({

frontend/src/app/_routes/admin/options/admin-options.component.ts

@@ -1,8 +1,8 @@
 import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { ApiClientService } from 'src/app/_services/api-client.service';
 import { AuthService } from 'src/app/_services/auth.service';
+import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
 
 @Component({
@@ -17,7 +17,7 @@ export class AdminOptionsComponent implements OnInit {
     private translateService: TranslateService,
     private api: ApiClientService,
     public auth: AuthService,
-    private router: Router
+    private toastr: ToastrService
   ) { }
 
   getOptions() {
@@ -64,12 +64,7 @@ export class AdminOptionsComponent implements OnInit {
     }).then((res: any) => {
       console.log(res);
       option._origValue = option.value;
-      Swal.fire({
+      this.toastr.success(this.translateService.instant("admin.option_update_success"));
-        title: this.translateService.instant("success_title"),
-        text: this.translateService.instant("admin.option_update_success"),
-        icon: 'success',
-        confirmButtonText: 'Ok'
-      });
     }).catch((err: any) => {
       console.error(err);
       Swal.fire({

frontend/src/app/_routes/edit-user/edit-user.component.ts

@@ -7,6 +7,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { ModalAddTrainingCourseComponent } from 'src/app/_components/modal-add-traning-course/modal-add-training-course.component';
 import { ModalAddMedicalExaminationComponent } from 'src/app/_components/modal-add-medical-examination/modal-add-medical-examination.component';
 import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
+import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
 
 @Component({
@@ -71,7 +72,8 @@ export class EditUserComponent implements OnInit {
     private api: ApiClientService,
     private auth: AuthService,
     private translateService: TranslateService,
-    private modalService: BsModalService
+    private modalService: BsModalService,
+    private toastr: ToastrService
   ) {
     this.route.paramMap.subscribe(params => {
       this.id = typeof params.get('id') === 'string' ? parseInt(params.get('id') || '') : undefined;
@@ -227,12 +229,7 @@ export class EditUserComponent implements OnInit {
     if (this.id) {
       this.api.put(`users/${this.id}`, data).then((response) => {
         console.log(response);
-        Swal.fire({
+        this.toastr.success(this.translateService.instant('edit_user.success_text'));
-          title: this.translateService.instant("success_title"),
-          text: this.translateService.instant("edit_user.success_text"),
-          icon: 'success',
-          confirmButtonText: 'Ok'
-        });
       }).catch((err) => {
         console.log(err);
         Swal.fire({
@@ -315,12 +312,7 @@ export class EditUserComponent implements OnInit {
       password: this.newPwd
     }).then((response) => {
       console.log(response);
-      Swal.fire({
+      this.toastr.success(this.translateService.instant('password_changed_successfully'));
-        title: this.translateService.instant("success_title"),
-        text: this.translateService.instant("password_changed_successfully"),
-        icon: 'success',
-        confirmButtonText: 'Ok'
-      });
       this.resetPwdModalRef?.hide();
     }).catch((err) => {
       console.log(err);