fede/AlquilaFacil
Public Access
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

falta soporte para el menu de propietario de mostrar los archivos

Browse Source
This commit is contained in:
fedpo
2025-01-19 01:15:06 -03:00
parent 28415f8ba8
commit f5e3c4aacd
10 changed files with 400 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
Front/src/Componentes/ModalPedirDoc.svelte Normal file
View File

@@ -0,0 +1,44 @@
<script lang="ts">
let selectedOption = $state(false);
let {onClose, onSubmit}: {onClose:()=>void, onSubmit:(op:boolean)=>void} = $props();
const handleSubmit = (e:Event) => {
e.preventDefault();
onSubmit(selectedOption);
};
</script>
<div
class="modal show d-block"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Selecciona una opción</h5>
<button type="button" class="btn-close" aria-label="Close" onclick={onClose}></button>
</div>
<div class="modal-body">
<form onsubmit={handleSubmit}>
<div class="form-group mb-3">
<label for="formatSelect">Formato</label>
<select
id="formatSelect"
class="form-select"
bind:value={selectedOption}
>
<option value="false">PDF</option>
<option value="true">HTML</option>
</select>
</div>
<button type="submit" class="btn btn-primary" onclick={handleSubmit}>Aceptar</button>
</form>
</div>
</div>
</div>
</div>

96
Front/src/paginas/ContratoInquilino.svelte
View File

@@ -4,12 +4,12 @@
import ModalEstatico from "../Componentes/ModalEstatico.svelte";
import {urlG} from "../stores/urlStore";
import type { CanonDto, ContratoDto, ContratoPropiedadDto, GaranteDto2 } from "../types";
import ModalPedirDoc from "../Componentes/ModalPedirDoc.svelte";
let token:string = sessionStorage.getItem("token")||"";
let interes:number = $state(0);
let selMod:any =$state();
let showmodal:boolean = $state(false);
let canons:CanonDto[] = $state([]);
let garantes: GaranteDto2[] = $state([]);
let prop:ContratoPropiedadDto = $state({
@@ -72,13 +72,30 @@
const qs = window.location.search;
const par = new URLSearchParams(qs);
contratoid = par.get("id")||"";
}
function submitnuevosCanones() {
}
}
async function verContrato() {
async function refreshCanon() {
try {
const ret = await fetch($urlG+"/api/contratos/canon?id="+contratoid, {
method: "GET",
headers: {
"Auth": String(token),
}
});
if (!ret.ok){
let data = await ret.json();
modaldata = data.message;
return;
}
let data = await ret.json();
canons = data;
return;
} catch {
modaldata = "No se pudo obtener la lista de canones actualizada";
}
}
async function verContrato() {
if (prop.id <= 0) {
modaldata = "no hay contratos con id 0 o menor";
return;
@@ -105,6 +122,58 @@
modaldata= "fallo intentar hacer la request";
}
}
async function realizarpago(mes: Date) {
try {
const ret = await fetch($urlG+"/api/contratos/realizarPago", {
method: "POST",
headers: {
"Auth": String(token),
"Content-Type": "application/json",
},
body: JSON.stringify({idcontrato:contratoid, fecha:mes}),
});
let data = await ret.json();
modaldata = data.message;
if (ret.ok){
refreshCanon()
return;
}
} catch {
modaldata = "Fallo al intentar hacer la request";
}
}
function generarTiket(mod) {
selMod = mod;
showmodal =true;
}
async function pedirdocumento(op:boolean) {
try {
const ret = await fetch($urlG+"/api/contrato/GenerarRecibo?html="+op, {
method: "POST",
headers: {
"Auth": String(token),
"Content-Type": "application/json",
},
body: JSON.stringify({fecha: selMod.mes, idcontrato: contratoid})
});
if (!ret.ok) {
let blob = await ret.json();
modaldata=blob.message;
return;
}
let blob = await ret.blob();
const blobUrl = URL.createObjectURL(blob);
window.open(blobUrl, '_blank');
setTimeout(() => URL.revokeObjectURL(blobUrl), 100000);
} catch {
modaldata = "Fallo al intentar hacer la request";
}
}
</script>
<NavBarAutocompletable/>
@@ -112,6 +181,11 @@
{#if modaldata}
<ModalEstatico payload={modaldata} close={()=>!!(modaldata = "")}/>
{/if}
{#if showmodal}
<ModalPedirDoc onClose={()=>showmodal=false} onSubmit={pedirdocumento} />
{/if}
<div class="container-fluid mt-4 d-flex">
<div class="col-md-4 me-4">
<div class="card">
@@ -219,10 +293,10 @@
<p><strong>Pago:</strong> {canon.pago ? "Sí" : "No"}</p>
</div>
<div class="card-footer d-flex justify-content-between">
<button class="btn btn-primary btn-xs" disabled={canon.pago}>
<button class="btn btn-primary btn-xs" disabled={canon.pago} onclick={()=>realizarpago(canon.mes)}>
Pagar
</button>
<button class="btn btn-info btn-xs" disabled={!canon.pago}>
<button class="btn btn-info btn-xs" disabled={!canon.pago} onclick={()=> generarTiket(canon)}>
Generar Tiket
</button>
</div>

72
Front/src/paginas/ContratosPropietario.svelte
View File

@@ -75,8 +75,24 @@
contratoid = par.get("id")||"";
}
function submitnuevosCanones() {
async function submitnuevosCanones() {
try {
const ret = await fetch($urlG+"/api/contratos/crearcanons",{
method: "POST",
headers: {
"Auth" : String(token),
},
body: JSON.stringify({idcontrato: contratoid, aumento: interes})
});
let data = await ret.json();
modaldata = data.message;
if (ret.ok) {
refreshCanon();
}
} catch {
modaldata = "Fallo al intentar alcanzar el servidor";
}
}
async function verContrato() {
@@ -106,6 +122,53 @@
modaldata= "fallo intentar hacer la request";
}
}
async function refreshCanon() {
try {
const ret = await fetch($urlG+"/api/contratos/canon?id="+contratoid, {
method: "GET",
headers: {
"Auth": String(token),
}
});
if (!ret.ok){
let data = await ret.json();
modaldata = data.message;
return;
}
let data = await ret.json();
canons = data;
return;
} catch {
modaldata = "No se pudo obtener la lista de canones actualizada";
}
}
async function marcarPago(mes: Date) {
try {
const ret = await fetch($urlG+"/api/contratos/marcarPago", {
method: "POST",
headers: {
"Auth": String(token),
"Content-Type": "application/json",
},
body: JSON.stringify({idcontrato:contratoid, fecha:mes}),
});
let data = await ret.json();
modaldata = data.message;
if (ret.ok){
refreshCanon()
return;
}
} catch {
modaldata = "Fallo al intentar hacer la request";
}
}
async function generarTiket(mes: Date) { //WIP
}
</script>
<NavBarAutocompletable/>
@@ -114,7 +177,6 @@
<ModalEstatico payload={modaldata} close={()=>!!(modaldata = "")}/>
{/if}
<ModalConfirm />
<div class="container-fluid mt-4 d-flex">
<div class="col-md-4 me-4">
<div class="card">
@@ -222,10 +284,10 @@
<p><strong>Pago:</strong> {canon.pago ? "Sí" : "No"}</p>
</div>
<div class="card-footer d-flex justify-content-between">
<button class="btn btn-warning btn-xs" disabled={canon.pago}>
<button class="btn btn-warning btn-xs" disabled={canon.pago} onclick={()=>marcarPago(canon.mes)}>
Marcar Pago
</button>
<button class="btn btn-info btn-xs" disabled={!canon.pago}>
<button class="btn btn-info btn-xs" disabled={!canon.pago} onclick={()=> generarTiket(canon.mes)}>
Generar Tiket
</button>
</div>