import { CommonModule } from '@angular/common';
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { IonCard, IonItem, IonLabel, IonList } from '@ionic/angular/standalone';
import { IonButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar, ModalController } from '@ionic/angular/standalone';
import { CloudObject, CloudQuery } from 'src/lib/ncloud';

@Component({
  selector: 'app-report-modal',
  templateUrl: './report-modal.component.html',
  styleUrls: ['./report-modal.component.scss'],
  standalone: true,
  imports: [IonHeader,IonToolbar,IonTitle,CommonModule,
    IonButtons,IonButton,IonContent,IonCard,IonList,IonItem,IonLabel
  ],
})
export class ReportModalComponent  implements OnInit {

  constructor(private modalCtrl: ModalController,private router: Router) {}
  closeModal() {
    this.router.navigate(['tabs/tab3']);
  }
  chatrecordList:Array<CloudObject>=[]
  async loadChatRecordList(){
    let query = new CloudQuery("ChatRecord");
    this.chatrecordList = await query.find();
    console.log(this.chatrecordList.map(record => record.get('content')));
  }
  ngOnInit() {
    this.loadChatRecordList()
  }
}