Carlos
c677fdcb59
- 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>
49 lines
2.1 KiB
HTML
Executable File
49 lines
2.1 KiB
HTML
Executable File
<ion-header>
|
|
<ion-toolbar color="primary">
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title>Postulaciones</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content class="ion-padding">
|
|
<h2 class="ion-text-capitalize" style="padding-bottom: 0.5em">Ya contratado</h2>
|
|
<ion-refresher slot="fixed" (ionRefresh)="refresh($event)">
|
|
<ion-refresher-content></ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<ng-container *ngIf="loading">
|
|
<ion-card *ngFor="let _ of [1,2]">
|
|
<ion-item style="--border-color: #fff">
|
|
<ion-label>
|
|
<ion-skeleton-text [animated]="true" style="width: 55%; height: 18px; margin-bottom: 8px"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 85%"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 40%"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 70%"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 75%"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 35%"></ion-skeleton-text>
|
|
<ion-skeleton-text [animated]="true" style="width: 80%"></ion-skeleton-text>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-card>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="!loading">
|
|
<ng-container *ngFor="let postulation of postulations; let i = index">
|
|
<ion-card>
|
|
<ion-item>
|
|
<ion-label>
|
|
<h2 class="ion-text-capitalize">{{ postulation.category }}</h2>
|
|
<ion-text color="primary"><p class="ion-text-wrap" (click)="openMaps(postulation.lat, postulation.lng)"><b><u>{{postulation.address}}</u></b></p></ion-text>
|
|
<p class="ion-text-wrap">Télefono: <a href="tel:{{ postulation.phone }}">{{ postulation.phone }}</a></p>
|
|
<p class="ion-text-wrap">Referencias: {{postulation.references}}</p>
|
|
<p class="ion-text-wrap ion-text-capitalize">{{postulations_dates[i]}}</p>
|
|
<p class="ion-text-wrap">Monto: {{postulation.amount}}</p>
|
|
<p class="ion-text-wrap">Detalles: {{postulation.details}}</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-card>
|
|
</ng-container>
|
|
</ng-container>
|
|
</ion-content>
|