feat: OKAS kod aramasi, toplu ihale dokumani yukleme, kazanan istihbarati
Uc ozellik, 27+1 depo taramasinda gorulen fikirlerden; kod kopyalanmadi
(ilgili depolar lisanssiz), uygulamalar sifirdan yazildi.
1) OKAS koduyla arama (fikir: firatbadur/ihaletakip-api'nin kullandigi
IhtiyacKalemleri/GetAll ucu). EKAP'in kendi OKAS katalogunda ad ile
(TR/EN) arama: "ortoped" → 33141700 Ortopedik malzemeler, 33183000
Ortopedik destek cihazlari. Secilen kodla EKAP'ta ihale aramasi
(okasBransKodList). Olculen: 33141700 altinda 335 ihale, basliklari
"VETERINER ILAC VE SARF MALZEME" — basliktan gorunmeyen turden.
- ekap-v2.mjs: okasAra(), searchByOkas(); sonuc normalize ortak
- GET /api/okas/ara?q= (1 sa onbellek); /api/urun-ara?okas=kod,kod
- Urun Arama modalinda "OKAS koduyla" modu (katalog onerisi + cok kod)
- Sol menude CPV bolumunun ustunde OKAS kutusu: kod secilince modal
o kodla acilip hemen arar
2) Toplu ihale dokumani yukleme (fikir: barkem-tayyar/ihale'nin izlenen
klasor + extractIkn deseni). Belge Kasasi'na coklu dosya secimi: her
dosyanin IKN'si METNINDEN bulunur ("Ihale Kayit Numarasi (IKN):
2026/1166496"), kullaniciya sorulmaz; ihaleye baglanir ve teklif
cetveli kalemleri otomatik havuza yazilir. Onlarca sartnameyi tek
seferde atarak kalem havuzunu hizla doldurmak icin.
- kalem-cikar.mjs#iknCikar + istemci esi (PDF tarayicida okunuyor)
- Yukleme ucu: otoIkn → ofis metninden IKN; donuste ikn alani
- Dosya basina sonuc satiri: IKN / kalem sayisi / "IKN bulunamadi"
Dogrulandi: ikn parametresiz docx → 2026/1588948 bulundu, 2 kalem.
3) Kazanan istihbarati (fikir: gulmezeren2-byte/ihalent, MIT). Rakip
Radari'nda firma basina kirim orani (1 − sozlesme/yaklasik maliyet,
ortalama), ortalama gecerli teklif sayisi (rekabet derinligi) ve tek
teklifle kazanma orani. Veri yoksa null — 0 ile karismasin; bedel >
maliyet×1,5 olan bozuk satirlar orana katilmiyor.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import React, { useState } from 'react';
|
||||
import React, {useState, useEffect } from 'react';
|
||||
import { useApp } from '../context/AppContext';
|
||||
import { INSTITUTION_TYPES_LIST, CITIES_LIST } from '../data/constants';
|
||||
import {
|
||||
@@ -24,6 +24,8 @@ export const LeftSidebar = () => {
|
||||
setSelectedCpvler,
|
||||
toggleCpv,
|
||||
cpvBolumListesi,
|
||||
setIsUrunAramaOpen,
|
||||
setUrunAramaBaslangic,
|
||||
selectedKurumTipi,
|
||||
setSelectedKurumTipi,
|
||||
selectedCity,
|
||||
@@ -33,6 +35,23 @@ export const LeftSidebar = () => {
|
||||
|
||||
const [sektorAra, setSektorAra] = useState('');
|
||||
const [cpvAra, setCpvAra] = useState('');
|
||||
// OKAS kataloğu: idarenin kendi kodu. "ortopedi" başlıkta geçmese de kod yakalar.
|
||||
const [okasQ, setOkasQ] = useState('');
|
||||
const [okasSonuc, setOkasSonuc] = useState([]);
|
||||
useEffect(() => {
|
||||
const t = okasQ.trim();
|
||||
if (t.length < 2) { setOkasSonuc([]); return; }
|
||||
let iptal = false;
|
||||
const z = setTimeout(() => import('../services/kalem')
|
||||
.then(({ okasAra }) => okasAra(t))
|
||||
.then((k) => { if (!iptal) setOkasSonuc(k.slice(0, 12)); })
|
||||
.catch(() => {}), 350);
|
||||
return () => { iptal = true; clearTimeout(z); };
|
||||
}, [okasQ]);
|
||||
const okasIleAra = (k) => {
|
||||
setUrunAramaBaslangic({ okasKod: k.kod, okasAd: k.ad });
|
||||
setIsUrunAramaOpen(true);
|
||||
};
|
||||
const [openSections, setOpenSections] = useState({
|
||||
alimTuru: true,
|
||||
sektorler: true,
|
||||
@@ -264,6 +283,27 @@ export const LeftSidebar = () => {
|
||||
<p className="text-[11px] text-slate-500 mb-2 leading-relaxed">
|
||||
CPV, AB'nin ihale konusunu sınıflandırdığı standart koddur. Türkiye'deki NACE/faaliyet kodunun yerine geçmez — NACE firmanızı, CPV ihalenin konusunu sınıflandırır.
|
||||
</p>
|
||||
{/* OKAS: EKAP'ta idarenin seçtiği kod. Bulunan kodla EKAP'ta arama açılır. */}
|
||||
<div className="mb-2 relative">
|
||||
<input
|
||||
value={okasQ}
|
||||
onChange={(e) => setOkasQ(e.target.value)}
|
||||
placeholder="OKAS kodu bul: ortopedik, röntgen…"
|
||||
className="w-full border border-indigo-200 bg-indigo-50/40 rounded-lg px-2 py-1.5 text-xs focus:outline-hidden focus:ring-2 focus:ring-indigo-500/30"
|
||||
/>
|
||||
{okasSonuc.length > 0 && (
|
||||
<div className="absolute z-20 left-0 right-0 mt-1 bg-white border border-slate-200 rounded-lg shadow-lg max-h-52 overflow-y-auto">
|
||||
{okasSonuc.map((k) => (
|
||||
<button key={k.kod} type="button" onClick={() => { okasIleAra(k); setOkasQ(''); }}
|
||||
title="Bu OKAS koduyla EKAP'ta ara"
|
||||
className="w-full text-left px-2 py-1.5 text-[11px] hover:bg-indigo-50 flex items-baseline gap-1.5">
|
||||
<span className="font-mono font-bold text-indigo-700 shrink-0">{k.kod}</span>
|
||||
<span className="text-slate-700 truncate">{k.ad}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<input
|
||||
value={cpvAra}
|
||||
onChange={(e) => setCpvAra(e.target.value)}
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
import React, { useState } from 'react';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { useApp } from '../context/AppContext';
|
||||
import {
|
||||
X, Search, Loader2, Package, AlertTriangle, Building2, MapPin, CalendarDays, Info,
|
||||
} from 'lucide-react';
|
||||
import { urunAra } from '../services/urunArama';
|
||||
import { okasAra } from '../services/kalem';
|
||||
|
||||
/**
|
||||
* Ürün Arama — ürün adını ihale dokümanlarının içinde aratır.
|
||||
@@ -23,15 +24,55 @@ const gecmisMi = (tarihSaat) => {
|
||||
};
|
||||
|
||||
export const UrunAramaModal = () => {
|
||||
const { isUrunAramaOpen, setIsUrunAramaOpen, setActiveTenderDetail, tenders } = useApp();
|
||||
const {
|
||||
isUrunAramaOpen, setIsUrunAramaOpen, setActiveTenderDetail, tenders,
|
||||
urunAramaBaslangic, setUrunAramaBaslangic,
|
||||
} = useApp();
|
||||
const [q, setQ] = useState('');
|
||||
const [teknik, setTeknik] = useState(false);
|
||||
const [sadeceAcik, setSadeceAcik] = useState(true);
|
||||
const [durum, setDurum] = useState({ yukleniyor: false, sonuc: null, hata: null, sayfa: 0 });
|
||||
// OKAS modu: idarenin kendi sınıflandırma koduyla arama. Serbest metinle
|
||||
// bulunamayan ("ortopedi" başlıkta hiç geçmiyor) ihaleleri kod yakalar.
|
||||
const [mod, setMod] = useState('metin'); // 'metin' | 'okas'
|
||||
const [okasQ, setOkasQ] = useState('');
|
||||
const [okasAdaylar, setOkasAdaylar] = useState([]);
|
||||
const [okasSecili, setOkasSecili] = useState([]); // [{kod, ad}]
|
||||
|
||||
// Sol menüden bir OKAS koduyla açıldıysa o kodla başla ve hemen ara
|
||||
useEffect(() => {
|
||||
if (!isUrunAramaOpen || !urunAramaBaslangic?.okasKod) return;
|
||||
setMod('okas');
|
||||
setOkasSecili([{ kod: urunAramaBaslangic.okasKod, ad: urunAramaBaslangic.okasAd || '' }]);
|
||||
setUrunAramaBaslangic(null);
|
||||
araOkas([urunAramaBaslangic.okasKod], 0);
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [isUrunAramaOpen, urunAramaBaslangic]);
|
||||
|
||||
// OKAS adı yazdıkça katalogda ara (350 ms)
|
||||
useEffect(() => {
|
||||
const t = okasQ.trim();
|
||||
if (mod !== 'okas' || t.length < 2) { setOkasAdaylar([]); return; }
|
||||
let iptal = false;
|
||||
const z = setTimeout(() => okasAra(t).then((k) => { if (!iptal) setOkasAdaylar(k); }).catch(() => {}), 350);
|
||||
return () => { iptal = true; clearTimeout(z); };
|
||||
}, [okasQ, mod]);
|
||||
|
||||
if (!isUrunAramaOpen) return null;
|
||||
|
||||
const araOkas = async (kodlar, sayfa = 0) => {
|
||||
if (!kodlar.length) { setDurum((d) => ({ ...d, hata: 'En az bir OKAS kodu seçin.' })); return; }
|
||||
setDurum({ yukleniyor: true, sonuc: null, hata: null, sayfa });
|
||||
try {
|
||||
const d = await urunAra('', { skip: sayfa * SAYFA, take: SAYFA, okas: kodlar });
|
||||
setDurum({ yukleniyor: false, sonuc: d, hata: null, sayfa });
|
||||
} catch (e) {
|
||||
setDurum({ yukleniyor: false, sonuc: null, hata: e.message, sayfa });
|
||||
}
|
||||
};
|
||||
|
||||
const ara = async (sayfa = 0) => {
|
||||
if (mod === 'okas') return araOkas(okasSecili.map((k) => k.kod), sayfa);
|
||||
const terim = q.trim();
|
||||
if (terim.length < 3) { setDurum((d) => ({ ...d, hata: 'En az 3 karakter yazın.' })); return; }
|
||||
setDurum({ yukleniyor: true, sonuc: null, hata: null, sayfa });
|
||||
@@ -43,6 +84,11 @@ export const UrunAramaModal = () => {
|
||||
}
|
||||
};
|
||||
|
||||
const okasEkle = (k) => {
|
||||
if (!okasSecili.some((x) => x.kod === k.kod)) setOkasSecili((o) => [...o, { kod: k.kod, ad: k.ad }]);
|
||||
setOkasQ(''); setOkasAdaylar([]);
|
||||
};
|
||||
|
||||
const sonuc = durum.sonuc;
|
||||
const liste = (sonuc?.list || []).filter((t) => !sadeceAcik || !gecmisMi(t.ihaleTarihSaat));
|
||||
const gizlenen = (sonuc?.list?.length || 0) - liste.length;
|
||||
@@ -74,7 +120,55 @@ export const UrunAramaModal = () => {
|
||||
<div className="p-6 space-y-4 overflow-y-auto">
|
||||
|
||||
<form onSubmit={(e) => { e.preventDefault(); ara(0); }} className="space-y-3">
|
||||
<div className="inline-flex items-center gap-1 bg-slate-100 border border-slate-200 rounded-xl p-1">
|
||||
{[['metin', 'Ürün adıyla'], ['okas', 'OKAS koduyla']].map(([m, ad]) => (
|
||||
<button key={m} type="button" onClick={() => setMod(m)}
|
||||
className={`text-[11px] font-extrabold px-3 py-1.5 rounded-lg transition-colors ${
|
||||
mod === m ? 'bg-indigo-600 text-white' : 'text-slate-600 hover:bg-white'}`}>
|
||||
{ad}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{mod === 'okas' && (
|
||||
<div className="space-y-2">
|
||||
<div className="relative">
|
||||
<Search className="w-4 h-4 text-slate-400 absolute left-3 top-1/2 -translate-y-1/2" />
|
||||
<input
|
||||
value={okasQ}
|
||||
onChange={(e) => setOkasQ(e.target.value)}
|
||||
placeholder="OKAS adı yazın — örn. ortopedik, röntgen, eldiven…"
|
||||
className="w-full text-sm pl-9 pr-3 py-2.5 rounded-xl border border-slate-300 focus:ring-2 focus:ring-indigo-500 outline-none"
|
||||
/>
|
||||
{okasAdaylar.length > 0 && (
|
||||
<div className="absolute z-10 left-0 right-0 mt-1 bg-white border border-slate-200 rounded-xl shadow-lg max-h-56 overflow-y-auto">
|
||||
{okasAdaylar.map((k) => (
|
||||
<button key={k.kod} type="button" onClick={() => okasEkle(k)}
|
||||
className="w-full text-left px-3 py-2 text-xs hover:bg-indigo-50 flex items-baseline gap-2">
|
||||
<span className="font-mono font-bold text-indigo-700 shrink-0">{k.kod}</span>
|
||||
<span className="text-slate-800 truncate">{k.ad}</span>
|
||||
{k.altSayisi > 0 && <span className="text-[10px] text-slate-400 shrink-0">+{k.altSayisi} alt</span>}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
{okasSecili.length > 0 && (
|
||||
<div className="flex flex-wrap gap-1.5">
|
||||
{okasSecili.map((k) => (
|
||||
<span key={k.kod} className="inline-flex items-center gap-1.5 bg-indigo-50 border border-indigo-200 text-indigo-800 text-[11px] font-bold px-2 py-1 rounded-lg">
|
||||
<span className="font-mono">{k.kod}</span> {k.ad}
|
||||
<button type="button" onClick={() => setOkasSecili((o) => o.filter((x) => x.kod !== k.kod))}
|
||||
className="text-indigo-400 hover:text-red-600" aria-label="kaldır">✕</button>
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex gap-2">
|
||||
{mod === 'metin' && (
|
||||
<div className="relative flex-1">
|
||||
<Search className="w-4 h-4 text-slate-400 absolute left-3 top-1/2 -translate-y-1/2" />
|
||||
<input
|
||||
@@ -84,6 +178,8 @@ export const UrunAramaModal = () => {
|
||||
className="w-full text-sm pl-9 pr-3 py-2.5 rounded-xl border border-slate-300 focus:ring-2 focus:ring-indigo-500 outline-none"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{mod === 'okas' && <div className="flex-1" />}
|
||||
<button
|
||||
type="submit"
|
||||
disabled={durum.yukleniyor}
|
||||
@@ -95,10 +191,12 @@ export const UrunAramaModal = () => {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-4 flex-wrap text-xs">
|
||||
{mod === 'metin' && (
|
||||
<label className="flex items-center gap-1.5 font-semibold text-slate-700 cursor-pointer">
|
||||
<input type="checkbox" checked={teknik} onChange={(e) => setTeknik(e.target.checked)} className="accent-indigo-600" />
|
||||
Teknik şartnamede de ara
|
||||
</label>
|
||||
)}
|
||||
<label className="flex items-center gap-1.5 font-semibold text-slate-700 cursor-pointer">
|
||||
<input type="checkbox" checked={sadeceAcik} onChange={(e) => setSadeceAcik(e.target.checked)} className="accent-indigo-600" />
|
||||
Sadece teklif verilebilir ihaleler
|
||||
@@ -126,7 +224,9 @@ export const UrunAramaModal = () => {
|
||||
<>
|
||||
<div className="flex items-baseline justify-between gap-2 flex-wrap">
|
||||
<p className="text-xs font-bold text-slate-900">
|
||||
Teklif cetvelinde <span className="text-indigo-700">"{q.trim()}"</span> geçen{' '}
|
||||
{mod === 'okas'
|
||||
? <>OKAS <span className="text-indigo-700">{okasSecili.map((k) => k.kod).join(', ')}</span> kodlu{' '}</>
|
||||
: <>Teklif cetvelinde <span className="text-indigo-700">"{q.trim()}"</span> geçen{' '}</>}
|
||||
<span className="text-indigo-700">{sonuc.totalCount.toLocaleString('tr-TR')}</span> ihale bulundu
|
||||
</p>
|
||||
{gizlenen > 0 && (
|
||||
|
||||
@@ -104,6 +104,27 @@ export const CompetitorRadar = () => {
|
||||
<div className="text-[11px] text-slate-500 ml-7">
|
||||
🏆 {f.wins} ihale · 💰 {formatTL(f.total)} {f.share ? `· %${f.share} pay` : ''} {f.sectors[0] ? `· ${f.sectors[0]}` : ''}
|
||||
</div>
|
||||
{/* Kazanan istihbaratı: ne kadar aşağı veriyor, kaç rakibe karşı kazanıyor */}
|
||||
<div className="text-[11px] mt-1 ml-7 flex flex-wrap gap-1.5">
|
||||
{f.kirimOrani != null && (
|
||||
<span className="bg-emerald-50 text-emerald-800 border border-emerald-200 px-1.5 py-0.5 rounded font-bold"
|
||||
title="Sözleşme bedelinin yaklaşık maliyete göre ortalama kırımı">
|
||||
↓ %{f.kirimOrani} kırım
|
||||
</span>
|
||||
)}
|
||||
{f.ortTeklif != null && (
|
||||
<span className="bg-blue-50 text-blue-800 border border-blue-200 px-1.5 py-0.5 rounded font-bold"
|
||||
title="Kazandığı ihalelerde ortalama geçerli teklif sayısı">
|
||||
⚔ ort. {f.ortTeklif} teklif
|
||||
</span>
|
||||
)}
|
||||
{f.tekTeklifOrani != null && f.tekTeklifOrani > 0 && (
|
||||
<span className="bg-amber-50 text-amber-800 border border-amber-200 px-1.5 py-0.5 rounded font-bold"
|
||||
title="Tek teklifle (rakipsiz) kazandığı ihalelerin oranı">
|
||||
%{f.tekTeklifOrani} tek teklif
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => addFromReal(f)}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import React, { useState, useEffect, useRef } from 'react';
|
||||
import { useApp } from '../../context/AppContext';
|
||||
import { listDocuments, uploadDocument, deleteDocument, downloadDocument, formatBayt } from '../../services/account';
|
||||
import { FolderKanban, Upload, Trash2, Download, Loader2, AlertTriangle, FileText, HardDrive } from 'lucide-react';
|
||||
import { FolderKanban, Upload, Trash2, Download, Loader2, AlertTriangle, FileText, HardDrive, Layers, Package, CheckCircle2, XCircle } from 'lucide-react';
|
||||
|
||||
const KATEGORILER = ['Yasal Belgeler', 'Kalite Belgeleri', 'Mali Belgeler', 'Resmi Kayıtlar', 'Teknik Belgeler', 'Diğer'];
|
||||
|
||||
@@ -38,6 +38,50 @@ export const DocumentVault = () => {
|
||||
}
|
||||
};
|
||||
|
||||
// Toplu ihale dokümanı: her dosyanın İKN'si METNİNDEN bulunur, kullanıcıya
|
||||
// sorulmaz; kalemler otomatik havuza yazılır. docx/xlsx/zip sunucuda,
|
||||
// PDF tarayıcıda (pdfjs) okunur. Onlarca şartnameyi tek seferde atmak için.
|
||||
const topluRef = useRef(null);
|
||||
const [toplu, setToplu] = useState([]); // [{ad, durum, ikn, kalem, hata}]
|
||||
const topluSecildi = async (e) => {
|
||||
const dosyalar = [...(e.target.files || [])];
|
||||
if (!dosyalar.length) return;
|
||||
setBusy(true); setHata(null);
|
||||
setToplu(dosyalar.map((f) => ({ ad: f.name, durum: 'bekliyor' })));
|
||||
const guncelle = (i, veri) => setToplu((o) => o.map((x, j) => (j === i ? { ...x, ...veri } : x)));
|
||||
for (let i = 0; i < dosyalar.length; i++) {
|
||||
const f = dosyalar[i];
|
||||
guncelle(i, { durum: 'yukleniyor' });
|
||||
try {
|
||||
if (f.size > 10 * 1024 * 1024) throw new Error('10 MB sınırı');
|
||||
const pdfGibi = /\.(pdf|txt|md)$/i.test(f.name);
|
||||
let ikn = null;
|
||||
let metin = null;
|
||||
if (pdfGibi) {
|
||||
const { extractText } = await import('../../services/pdfText');
|
||||
const { iknCikar } = await import('../../services/kalem');
|
||||
metin = (await extractText(f)).text;
|
||||
ikn = iknCikar(metin);
|
||||
}
|
||||
const cevap = await uploadDocument(f, 'İhale Dokümanı', ikn, { otoIkn: true });
|
||||
ikn = cevap?.ikn || ikn;
|
||||
let kalem = cevap?.kalem?.sayi || null;
|
||||
if (ikn && !kalem && metin) {
|
||||
try {
|
||||
const { kalemCikar } = await import('../../services/kalem');
|
||||
kalem = (await kalemCikar({ ikn, metin, dosya: f.name })).sayi || null;
|
||||
} catch { /* kalem çıkmazsa yükleme yine başarılı */ }
|
||||
}
|
||||
guncelle(i, { durum: 'tamam', ikn, kalem });
|
||||
setDurum(cevap);
|
||||
} catch (err) {
|
||||
guncelle(i, { durum: 'hata', hata: err.message });
|
||||
}
|
||||
}
|
||||
setBusy(false);
|
||||
if (topluRef.current) topluRef.current.value = '';
|
||||
};
|
||||
|
||||
const sil = async (id) => {
|
||||
setBusy(true); setHata(null);
|
||||
try { setDurum(await deleteDocument(id)); }
|
||||
@@ -110,6 +154,51 @@ export const DocumentVault = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Toplu ihale dokümanı yükleme */}
|
||||
<div className="bg-linear-to-r from-slate-900 via-indigo-950 to-slate-900 rounded-2xl p-5 space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<div className="w-10 h-10 rounded-xl bg-amber-400 text-slate-950 flex items-center justify-center shrink-0">
|
||||
<Layers className="w-5 h-5" />
|
||||
</div>
|
||||
<div className="min-w-0">
|
||||
<h3 className="font-black text-sm text-white">İhale Dokümanlarını Toplu Yükle</h3>
|
||||
<p className="text-[11px] text-slate-300 leading-relaxed">
|
||||
EKAP'tan indirdiğiniz şartname/doküman dosyalarını (PDF, DOCX, XLSX, ZIP) hepsini birden seçin.
|
||||
Her dosyanın <strong className="text-white">İKN'si metninden bulunur</strong>, ihaleye bağlanır ve
|
||||
teklif cetveli kalemleri otomatik çıkarılır — o ihale herkesin kartında kalemleriyle görünür.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<label className={`inline-flex font-black text-xs px-5 py-2.5 rounded-xl items-center gap-2 ${
|
||||
busy ? 'bg-slate-600 text-slate-300 cursor-not-allowed' : 'bg-amber-400 hover:bg-amber-300 text-slate-950 cursor-pointer'
|
||||
}`}>
|
||||
{busy ? <Loader2 className="w-4 h-4 animate-spin" /> : <Upload className="w-4 h-4" />}
|
||||
{busy ? 'İşleniyor…' : 'Dosyaları Seç (çoklu)'}
|
||||
<input ref={topluRef} type="file" multiple accept=".pdf,.docx,.xlsx,.zip,.txt" className="hidden" disabled={busy} onChange={topluSecildi} />
|
||||
</label>
|
||||
{toplu.length > 0 && (
|
||||
<ul className="space-y-1">
|
||||
{toplu.map((t, i) => (
|
||||
<li key={i} className="bg-black/30 rounded-lg px-3 py-2 flex items-center gap-2 text-[11px]">
|
||||
{t.durum === 'tamam' ? <CheckCircle2 className="w-3.5 h-3.5 text-emerald-400 shrink-0" />
|
||||
: t.durum === 'hata' ? <XCircle className="w-3.5 h-3.5 text-red-400 shrink-0" />
|
||||
: <Loader2 className={`w-3.5 h-3.5 text-slate-400 shrink-0 ${t.durum === 'yukleniyor' ? 'animate-spin' : ''}`} />}
|
||||
<span className="text-slate-200 truncate flex-1">{t.ad}</span>
|
||||
{t.durum === 'tamam' && (
|
||||
<span className="shrink-0 flex items-center gap-2">
|
||||
{t.ikn
|
||||
? <span className="font-mono font-bold text-amber-300">{t.ikn}</span>
|
||||
: <span className="text-amber-200/80">İKN bulunamadı — ihaleye bağlanmadı</span>}
|
||||
{t.kalem ? <span className="text-emerald-300 font-bold flex items-center gap-1"><Package className="w-3 h-3" />{t.kalem} kalem</span> : null}
|
||||
</span>
|
||||
)}
|
||||
{t.durum === 'hata' && <span className="text-red-300 shrink-0">{t.hata}</span>}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{hata && (
|
||||
<div className="bg-red-50 border border-red-200 rounded-xl p-4 flex gap-3">
|
||||
<AlertTriangle className="w-4 h-4 text-red-600 shrink-0 mt-0.5" />
|
||||
|
||||
Reference in New Issue
Block a user