Files
Jobhero_front/src/app/pages/postulations/already/already.page.ts
Carlos c677fdcb59 feat: Reportes, chat de discusión y mejoras de navegación
- Tab "Reportados" en Contratos (cliente) y tab "Reportadas" en Postulaciones (proveedor) con skeleton loading e ionViewWillEnter
- Modal de chat para discusión de reportes: burbujas por rol (propio/otro/moderador), skeleton, input con cámara y envío
- Endpoints GET/POST contracts/reports/{id}/comments en ichamba.service
- userId guardado en AuthService desde auth/user para identificar mensajes propios
- Botón "Postularse" corregido con slot=end en ion-item
- Todas las secciones de tabs migradas de ngOnInit a ionViewWillEnter + ChangeDetectorRef.detectChanges()
- Android navigation bar reactiva al tema del sistema vía values/values-night styles.xml

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-18 21:05:24 -06:00

79 lines
2.8 KiB
TypeScript
Executable File

import { Component, ChangeDetectorRef } from '@angular/core';
import { MenuController, NavController } from '@ionic/angular';
import { EventService } from '../../../services/event.service';
import { EnvService } from 'src/app/services/env.service';
import { AuthService } from 'src/app/services/auth.service';
import { IchambaService } from 'src/app/services/ichamba.service';
import { AlertService } from 'src/app/services/alert.service';
import { Browser } from '@capacitor/browser';
@Component({
selector: 'app-already',
templateUrl: './already.page.html',
styleUrls: ['./already.page.scss'],
standalone: false
})
export class AlreadyPage {
postulations: any[] = [];
postulations_dates: any[] = [];
loading = true;
constructor(
private menu: MenuController,
private navCtrl: NavController,
private events: EventService,
private authService: AuthService,
private alertService: AlertService,
private ichambaService: IchambaService,
private env: EnvService,
private cdr: ChangeDetectorRef,
) {
this.events.subscribe('refreshpostulations', (data) => {
this.getpostulations();
});
}
ionViewWillEnter() {
this.loading = true;
this.getpostulations();
}
refresh(event: any) {
this.ichambaService.getContractedPostulation().subscribe(
data => {
this.postulations = data;
this.postulations_dates = [];
for (var i of this.postulations) {
this.postulations_dates.push(new Date((new Date(i.date).toLocaleString('en-US') + ' UTC').replace(',', '')).toLocaleDateString('es-US', { weekday: 'long', year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric', timeZoneName: 'long' }));
}
this.cdr.detectChanges();
event.target.complete();
}, error => {
this.alertService.presentToast("Por favor contacte a soporte técnico, Estatus:" + error['status']);
event.target.complete();
});
}
getpostulations() {
this.ichambaService.getContractedPostulation().subscribe(
data => {
this.postulations = data;
this.postulations_dates = [];
for (var i of this.postulations) {
this.postulations_dates.push(new Date((new Date(i.date).toLocaleString('en-US') + ' UTC').replace(',', '')).toLocaleDateString('es-US', { weekday: 'long', year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric', timeZoneName: 'long' }));
}
this.loading = false;
this.cdr.detectChanges();
}, error => {
this.loading = false;
this.alertService.presentToast("Por favor contacte a soporte técnico, Estatus:" + error['status']);
});
}
async openMaps(lat: Number, lng: Number) {
await Browser.open({ url: 'http://maps.google.com/maps?q=' + lat + ',' + lng });
}
}