List view

A

frontend\src\app\settings\connections\show-connections\show-connections.component.ts

• 0 Duplication
• 2 Churn
• 61 Lines
• 50 Lines of Code

import { DatePipe, Location, NgFor, NgIf, UpperCasePipe } from '@angular/common';
import { Component, ElementRef, ViewChild } from '@angular/core';
import { RouterLink } from '@angular/router';
import { Connection } from '../../../models/connection';
import { SettingsService } from '../../../services/settings.service';

@Component({
    selector: 'app-show-connections',
    imports: [DatePipe, NgIf, NgFor, RouterLink, UpperCasePipe],
    templateUrl: './show-connections.component.html',
    styleUrl: './show-connections.component.css'
})
export class ShowConnectionsComponent {
  connectionList: Connection[] = [];
  isLoading = false;
  resultMessage = '';
  resultType = '';

  constructor(private _location: Location, private settingsService: SettingsService) { }

  ngOnInit() {
    this.getConnections();
  }
    
  getConnections() {
    this.isLoading = true;
    this.settingsService.getConnections().subscribe((connections: Connection[]) => {
      this.connectionList = connections;
      this.isLoading = false;
    });
  }

  // Reference to the dialog element
  @ViewChild('deleteConnectionDialog') deleteConnectionDialog!: ElementRef<HTMLDialogElement>;

  showDeleteDialog(): void {
    this.deleteConnectionDialog.nativeElement.showModal(); // Open the dialog
  }

  closeDeleteDialog(): void {
    this.deleteConnectionDialog.nativeElement.close(); // Close the dialog
  }

  // showDialog = false;
  selectedId = 0;
  onConfirmDelete() {
    // this.showDialog = false;
    this.closeDeleteDialog();
    this.settingsService.deleteConnection(this.selectedId).subscribe((res: string) => {
      this.resultType = 'error';
      if (res.toLowerCase().includes('success')) {
        this.resultType = 'success';
      }
      this.resultMessage = res;
      this.getConnections();
      setTimeout(() => {
          this.resultMessage = '';
        }, 3000);
    })
  }
}