import { CommonModule } from "@angular/common";
import { AfterViewInit, Component, ElementRef, ViewChild } from "@angular/core";
import { DialogRef, DialogService } from "@ngneat/dialog";
import { WindowComponent } from "../window/window.component";

@Component({
  selector: "app-modal",
  templateUrl: "./modal.component.html",
  styleUrls: ["./modal.component.less"],
  imports: [CommonModule],
  standalone: true,
})
export class ModalComponent implements AfterViewInit {
  dialogRef: DialogRef | undefined = undefined;
  @ViewChild("modal") modal: ElementRef | undefined = undefined;
  constructor(private dialogService: DialogService, private ref: ElementRef) {}
  ngAfterViewInit(): void {
    this.dialogRef = this.dialogService.open(WindowComponent, {
      resizable: true,
      draggable: true,
      backdrop: false,
      closeButton: false,
      container: this.modal ?? this.ref,
      enableClose: false,
      dragConstraint: "constrain",
      id: "info-modal",
      minWidth: "300px",
      minHeight: "10rem",
    });
  }
}