fcarra/Condopay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ExtraordinaryAdmin.tsx

Browse Source
This commit is contained in:
frakarr
2026-01-10 00:15:51 +01:00
committed by GitHub
parent dcadc6ea66
commit a6f2d2d3d9
1 changed files with 35 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pages/ExtraordinaryAdmin.tsx
View File

@@ -2,7 +2,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { CondoService } from '../services/mockDb'; import { CondoService } from '../services/mockDb';
import { ExtraordinaryExpense, Family, ExpenseItem, ExpenseShare } from '../types'; import { ExtraordinaryExpense, Family, ExpenseItem, ExpenseShare } from '../types';
import { Plus, Calendar, FileText, CheckCircle2, Clock, Users, X, Save, Paperclip, Euro, Trash2, Eye, Briefcase, Pencil, Banknote, History } from 'lucide-react'; import { Plus, Calendar, FileText, CheckCircle2, Clock, Users, X, Save, Paperclip, Euro, Trash2, Eye, Briefcase, Pencil, Banknote, History, Type, AlignLeft } from 'lucide-react';
export const ExtraordinaryAdmin: React.FC = () => { export const ExtraordinaryAdmin: React.FC = () => {
const [expenses, setExpenses] = useState<ExtraordinaryExpense[]>([]); const [expenses, setExpenses] = useState<ExtraordinaryExpense[]>([]);
@@ -364,14 +364,33 @@ export const ExtraordinaryAdmin: React.FC = () => {
<form id="createForm" onSubmit={handleSubmit} className="space-y-6"> <form id="createForm" onSubmit={handleSubmit} className="space-y-6">
{/* General Info */} {/* General Info */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<input className="border p-2 rounded" placeholder="Titolo Lavori" value={formTitle} onChange={e => setFormTitle(e.target.value)} required /> <div className="relative">
<input className="border p-2 rounded" placeholder="Azienda Appaltatrice" value={formContractor} onChange={e => setFormContractor(e.target.value)} required /> <Type className="absolute left-3 top-2.5 w-5 h-5 text-slate-400" />
<div className="col-span-2"> <input className="w-full border p-2 pl-10 rounded" placeholder="Titolo Lavori" value={formTitle} onChange={e => setFormTitle(e.target.value)} required />
<textarea className="w-full border p-2 rounded h-20" placeholder="Descrizione..." value={formDesc} onChange={e => setFormDesc(e.target.value)} /> </div>
<div className="relative">
<Briefcase className="absolute left-3 top-2.5 w-5 h-5 text-slate-400" />
<input className="w-full border p-2 pl-10 rounded" placeholder="Azienda Appaltatrice" value={formContractor} onChange={e => setFormContractor(e.target.value)} required />
</div>
<div className="col-span-2 relative">
<AlignLeft className="absolute left-3 top-2.5 w-5 h-5 text-slate-400" />
<textarea className="w-full border p-2 pl-10 rounded h-20" placeholder="Descrizione..." value={formDesc} onChange={e => setFormDesc(e.target.value)} />
</div> </div>
<div className="grid grid-cols-2 gap-2 col-span-2 md:col-span-1"> <div className="grid grid-cols-2 gap-2 col-span-2 md:col-span-1">
<div><label className="text-xs font-bold text-slate-500">Inizio</label><input type="date" className="w-full border p-2 rounded" value={formStart} onChange={e => setFormStart(e.target.value)} required /></div> <div>
<div><label className="text-xs font-bold text-slate-500">Fine (Prevista)</label><input type="date" className="w-full border p-2 rounded" value={formEnd} onChange={e => setFormEnd(e.target.value)} /></div> <label className="text-xs font-bold text-slate-500">Inizio</label>
<div className="relative">
<Calendar className="absolute left-2 top-2.5 w-4 h-4 text-slate-400" />
<input type="date" className="w-full border p-2 pl-8 rounded" value={formStart} onChange={e => setFormStart(e.target.value)} required />
</div>
</div>
<div>
<label className="text-xs font-bold text-slate-500">Fine (Prevista)</label>
<div className="relative">
<Calendar className="absolute left-2 top-2.5 w-4 h-4 text-slate-400" />
<input type="date" className="w-full border p-2 pl-8 rounded" value={formEnd} onChange={e => setFormEnd(e.target.value)} />
</div>
</div>
</div> </div>
{!isEditing && ( {!isEditing && (
<div> <div>
@@ -650,13 +669,16 @@ export const ExtraordinaryAdmin: React.FC = () => {
<div> <div>
<label className="block text-xs font-bold text-slate-500 uppercase mb-1">Note (Opzionale)</label> <label className="block text-xs font-bold text-slate-500 uppercase mb-1">Note (Opzionale)</label>
<div className="relative">
<FileText className="absolute left-3 top-2.5 w-4 h-4 text-slate-400"/>
<input <input
className="w-full border p-2 rounded-lg text-slate-700 text-sm" className="w-full border p-2 pl-9 rounded-lg text-slate-700 text-sm"
placeholder="Es. Bonifico, Contanti..." placeholder="Es. Bonifico, Contanti..."
value={payNotes} value={payNotes}
onChange={e => setPayNotes(e.target.value)} onChange={e => setPayNotes(e.target.value)}
/> />
</div> </div>
</div>
<button type="submit" disabled={isPaying || payAmount <= 0} className="w-full bg-green-600 text-white p-2.5 rounded-lg hover:bg-green-700 font-bold disabled:opacity-50 flex items-center justify-center gap-2"> <button type="submit" disabled={isPaying || payAmount <= 0} className="w-full bg-green-600 text-white p-2.5 rounded-lg hover:bg-green-700 font-bold disabled:opacity-50 flex items-center justify-center gap-2">
{isPaying ? 'Registrazione...' : <><Plus className="w-4 h-4"/> Conferma Pagamento</>} {isPaying ? 'Registrazione...' : <><Plus className="w-4 h-4"/> Conferma Pagamento</>}