fix: ust serit tiklaninca donuyordu — Kanban havuzdaki tum ihaleleri (8 bin+ kart) ciziyordu; artik yalnizca takipteki/kolona tasinan ihaleler, sekme gecisi transition ile aninda vurgulaniyor
- KanbanBoard: sunucu her ilana varsayilan 'incelenecek' verdigi icin bos pano 8.372 kart basiyordu; yalnizca takipte veya kolona tasinmis ihaleler kaliyor
- TopNavigation: useTransition + spinner; agir sekmelerde tiklama karsiliksiz kalmiyor
- sunucu: 'yeni liste eskisinden kucukse alma' kurali havuzu 30 Agustos zirvesinde dondurmustu (gunlerce yeni ilan yok); eksiksiz inen liste her zaman devrede
- sunucu: isYeni/bugun eklenen UTC-TR gun farkindan hep 0'di; Europe/Istanbul gunune gore ve her yanitta tazeleniyor (eklenmeZamani da donmuyor)
- ust kartlar: 'bugun eklenenler' tum ilanlari sayiyordu ('once' metnine bakiyordu), 'son giristen beri' sabit 14'tu; sayimlar liste filtresiyle ayni olcut (ihaleTarih.js), arsiv/sonuclanan filtreleri 'sadece acik' kapisina takilmiyor
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
@@ -6,6 +6,12 @@
|
|||||||
"runtimeExecutable": "npm",
|
"runtimeExecutable": "npm",
|
||||||
"runtimeArgs": ["run", "dev", "--", "--port", "3005", "--strictPort"],
|
"runtimeArgs": ["run", "dev", "--", "--port", "3005", "--strictPort"],
|
||||||
"port": 3005
|
"port": 3005
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ihaleist-api",
|
||||||
|
"runtimeExecutable": "node",
|
||||||
|
"runtimeArgs": ["server/index.js"],
|
||||||
|
"port": 3001
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
+52
-11
@@ -109,6 +109,33 @@ function relativeTimeTr(iso) {
|
|||||||
return `${Math.floor(hours / 24)} gün önce eklendi`;
|
return `${Math.floor(hours / 24)} gün önce eklendi`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Türkiye günü ("yyyy-aa-gg"). Sunucu konteyneri UTC'de çalışıyor; ilan.gov.tr
|
||||||
|
// yayın saati TR gece yarısı = "…T21:00:00Z" olduğundan UTC'ye göre gün DÜN
|
||||||
|
// çıkıyor ve "bugün eklenen" hep 0 görünüyordu.
|
||||||
|
const TR_GUN = new Intl.DateTimeFormat('en-CA', {
|
||||||
|
timeZone: 'Europe/Istanbul', year: 'numeric', month: '2-digit', day: '2-digit',
|
||||||
|
});
|
||||||
|
function trGun(iso) {
|
||||||
|
if (!iso) return '';
|
||||||
|
const d = new Date(iso);
|
||||||
|
return Number.isNaN(d.getTime()) ? String(iso).slice(0, 10) : TR_GUN.format(d);
|
||||||
|
}
|
||||||
|
const bugunTR = () => TR_GUN.format(new Date());
|
||||||
|
|
||||||
|
// isYeni / eklenmeZamani ilan havuza girerken hesaplanıp donuyordu; havuz
|
||||||
|
// günlerce yaşayınca "22 saat önce" damgası ve "bugün" bayrağı bayatlıyordu.
|
||||||
|
// Her yanıtta tazelenir (3 bin kayıt için birkaç ms).
|
||||||
|
function ilanTazele(t) {
|
||||||
|
if (!t.isLiveFeed || t.kaynak !== 'ilan.gov.tr') return t;
|
||||||
|
t.isYeni = Boolean(t.ilanTarihi) && t.ilanTarihi === bugunTR();
|
||||||
|
if (t.yayinZamani) t.eklenmeZamani = relativeTimeTr(t.yayinZamani);
|
||||||
|
return t;
|
||||||
|
}
|
||||||
|
const bugunEklenenSayisi = (liste) => {
|
||||||
|
const bugun = bugunTR();
|
||||||
|
return (liste || []).filter((t) => t.kaynak === 'ilan.gov.tr' && t.ilanTarihi === bugun).length;
|
||||||
|
};
|
||||||
|
|
||||||
function daysUntil(ddmmyyyy) {
|
function daysUntil(ddmmyyyy) {
|
||||||
if (!ddmmyyyy) return null;
|
if (!ddmmyyyy) return null;
|
||||||
const [d, m, y] = ddmmyyyy.split('.').map(Number);
|
const [d, m, y] = ddmmyyyy.split('.').map(Number);
|
||||||
@@ -130,8 +157,7 @@ function mapAd(ad) {
|
|||||||
let aciliyetBadge = null;
|
let aciliyetBadge = null;
|
||||||
if (kalanGun !== null && kalanGun >= 0 && kalanGun <= 3) aciliyetBadge = '⚠️ SON 3 GÜN';
|
if (kalanGun !== null && kalanGun >= 0 && kalanGun <= 3) aciliyetBadge = '⚠️ SON 3 GÜN';
|
||||||
|
|
||||||
const publishedToday =
|
const ilanTarihi = trGun(ad.publishStartDate);
|
||||||
ad.publishStartDate && new Date(ad.publishStartDate).toDateString() === new Date().toDateString();
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
id: `ilan-${ad.id}`,
|
id: `ilan-${ad.id}`,
|
||||||
@@ -151,8 +177,9 @@ function mapAd(ad) {
|
|||||||
brans: ihaleTuru || 'Genel',
|
brans: ihaleTuru || 'Genel',
|
||||||
kurumTipi: classify(INSTITUTION_RULES, ad.advertiserName || '', 'Diğer Kamu Kurumları'),
|
kurumTipi: classify(INSTITUTION_RULES, ad.advertiserName || '', 'Diğer Kamu Kurumları'),
|
||||||
eklenmeZamani: relativeTimeTr(ad.publishStartDate),
|
eklenmeZamani: relativeTimeTr(ad.publishStartDate),
|
||||||
ilanTarihi: ad.publishStartDate ? String(ad.publishStartDate).slice(0, 10) : '',
|
yayinZamani: ad.publishStartDate || null,
|
||||||
isYeni: Boolean(publishedToday),
|
ilanTarihi,
|
||||||
|
isYeni: Boolean(ilanTarihi) && ilanTarihi === bugunTR(),
|
||||||
isLiveFeed: true,
|
isLiveFeed: true,
|
||||||
aciliyetBadge,
|
aciliyetBadge,
|
||||||
items: [],
|
items: [],
|
||||||
@@ -259,7 +286,7 @@ async function ilanSayfalari(baslangic, adet) {
|
|||||||
istekler.push(
|
istekler.push(
|
||||||
ilanSearch({ ats: [3] }, page * LIST_SIZE, LIST_SIZE).catch((e) => {
|
ilanSearch({ ats: [3] }, page * LIST_SIZE, LIST_SIZE).catch((e) => {
|
||||||
console.warn(`[ihaleist-api] sayfa ${page} alınamadı: ${e.message}`);
|
console.warn(`[ihaleist-api] sayfa ${page} alınamadı: ${e.message}`);
|
||||||
return { ads: [] };
|
return { ads: [], hata: true };
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -366,20 +393,31 @@ async function arkaPlandaTamamla(numFound, ilkListe) {
|
|||||||
const yeni = [...ilkListe];
|
const yeni = [...ilkListe];
|
||||||
const gerekliSayfa = Math.min(MAX_PAGES, Math.ceil(numFound / LIST_SIZE));
|
const gerekliSayfa = Math.min(MAX_PAGES, Math.ceil(numFound / LIST_SIZE));
|
||||||
let page = ILK_PARTI;
|
let page = ILK_PARTI;
|
||||||
|
let eksiksiz = true; // her sayfa hatasız indi mi?
|
||||||
while (page < gerekliSayfa) {
|
while (page < gerekliSayfa) {
|
||||||
const grup = Math.min(ES_ZAMANLI, gerekliSayfa - page);
|
const grup = Math.min(ES_ZAMANLI, gerekliSayfa - page);
|
||||||
const sonuclar = await ilanSayfalari(page, grup);
|
const sonuclar = await ilanSayfalari(page, grup);
|
||||||
|
if (sonuclar.some((r) => r.hata)) eksiksiz = false;
|
||||||
const ads = sonuclar.flatMap((r) => r.ads || []);
|
const ads = sonuclar.flatMap((r) => r.ads || []);
|
||||||
if (!ads.length) break;
|
if (!ads.length) { eksiksiz = false; break; }
|
||||||
const eklenen = ilanlariBirlestir(yeni, ads);
|
const eklenen = ilanlariBirlestir(yeni, ads);
|
||||||
if (eklenen.length) yeni.push(...eklenen);
|
if (eklenen.length) yeni.push(...eklenen);
|
||||||
page += grup;
|
page += grup;
|
||||||
await new Promise((r) => setTimeout(r, 120)); // kaynağı yormamak için
|
await new Promise((r) => setTimeout(r, 120)); // kaynağı yormamak için
|
||||||
}
|
}
|
||||||
// Yalnızca daha zengin bir liste elde ettiysek devreye al
|
// EKSİKSİZ inen liste her zaman devreye girer — kaynaktaki ihale sayısı
|
||||||
if (yeni.length >= cache.tenders.length) {
|
// düşse bile. Eskiden "yeni liste eskisinden küçükse alma" kuralı vardı;
|
||||||
|
// kaynak 3.372'lik zirveden 3.100'e inince havuz o zirve anında DONDU:
|
||||||
|
// günlerce yeni ilan eklenmedi, "bugün eklenen" 0 kaldı. Yarım inen liste
|
||||||
|
// ise yalnızca eldekinden zenginse alınır (kullanıcı eksik listeye düşmesin).
|
||||||
|
if (eksiksiz || yeni.length >= cache.tenders.length) {
|
||||||
|
if (yeni.length < cache.tenders.length) {
|
||||||
|
console.log(`[ihaleist-api] havuz küçüldü: ${cache.tenders.length} → ${yeni.length} (kaynak ${numFound}); güncel liste devrede`);
|
||||||
|
}
|
||||||
cache.tenders = yeni;
|
cache.tenders = yeni;
|
||||||
cache.todayCount = yeni.filter((t) => t.isYeni).length;
|
cache.todayCount = bugunEklenenSayisi(yeni);
|
||||||
|
} else {
|
||||||
|
console.warn(`[ihaleist-api] yenileme eksik indi (${yeni.length}/${numFound}); eldeki ${cache.tenders.length} ilan korunuyor`);
|
||||||
}
|
}
|
||||||
console.log(`[ihaleist-api] havuz hazır: ${cache.tenders.length}/${numFound} ilan`);
|
console.log(`[ihaleist-api] havuz hazır: ${cache.tenders.length}/${numFound} ilan`);
|
||||||
havuzKaydet(numFound, cache.tenders.length);
|
havuzKaydet(numFound, cache.tenders.length);
|
||||||
@@ -513,7 +551,7 @@ async function getTenders(force = false) {
|
|||||||
// Yenileme: eldeki dolu listeyi KORU, yenisi arka planda hazırlansın.
|
// Yenileme: eldeki dolu listeyi KORU, yenisi arka planda hazırlansın.
|
||||||
if (!cache.tenders || cache.tenders.length === 0) {
|
if (!cache.tenders || cache.tenders.length === 0) {
|
||||||
cache.tenders = ilkListe;
|
cache.tenders = ilkListe;
|
||||||
cache.todayCount = ilkListe.filter((t) => t.isYeni).length;
|
cache.todayCount = bugunEklenenSayisi(ilkListe);
|
||||||
console.log(`[ihaleist-api] ilk yükleme: ${ilkListe.length} ilan (havuz ${cache.totalCount}) — kalanı arka planda`);
|
console.log(`[ihaleist-api] ilk yükleme: ${ilkListe.length} ilan (havuz ${cache.totalCount}) — kalanı arka planda`);
|
||||||
} else {
|
} else {
|
||||||
console.log(`[ihaleist-api] yenileme başladı (mevcut ${cache.tenders.length} ilan sunulmaya devam ediyor)`);
|
console.log(`[ihaleist-api] yenileme başladı (mevcut ${cache.tenders.length} ilan sunulmaya devam ediyor)`);
|
||||||
@@ -589,6 +627,9 @@ async function tendersPayload(force = false) {
|
|||||||
if (dt.available) sources.push('EKAP Doğrudan Temin (22/d) worker');
|
if (dt.available) sources.push('EKAP Doğrudan Temin (22/d) worker');
|
||||||
if (hist.available && hist.totalCount) sources.push('EKAP Sonuç İlanları (geçmiş sonuçlar)');
|
if (hist.available && hist.totalCount) sources.push('EKAP Sonuç İlanları (geçmiş sonuçlar)');
|
||||||
|
|
||||||
|
for (const t of c.tenders) ilanTazele(t); // isYeni + "x saat önce" gün değişse de doğru
|
||||||
|
c.todayCount = bugunEklenenSayisi(c.tenders);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
success: true,
|
success: true,
|
||||||
source: sources.join(' + '),
|
source: sources.join(' + '),
|
||||||
@@ -1107,7 +1148,7 @@ const server = http.createServer(async (req, res) => {
|
|||||||
return json(res, 200, {
|
return json(res, 200, {
|
||||||
success: true,
|
success: true,
|
||||||
toplamIlan: c.totalCount,
|
toplamIlan: c.totalCount,
|
||||||
bugunEklenen: c.todayCount,
|
bugunEklenen: bugunEklenenSayisi(c.tenders),
|
||||||
yuklenenIlan: c.tenders.length,
|
yuklenenIlan: c.tenders.length,
|
||||||
kaynak: 'ilan.gov.tr',
|
kaynak: 'ilan.gov.tr',
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -22,8 +22,12 @@ export const KanbanBoard = () => {
|
|||||||
...tenders.map((t) => t.atananPersonel).filter(Boolean),
|
...tenders.map((t) => t.atananPersonel).filter(Boolean),
|
||||||
])];
|
])];
|
||||||
|
|
||||||
|
// Panoda yalnızca takibe alınan ya da bir kolona taşınmış ihaleler durur.
|
||||||
|
// Sunucu HER ilana varsayılan 'incelenecek' durumu veriyor; onu "panoda"
|
||||||
|
// saymak 8 bin+ kartı tek seferde çizdirip sekmeyi saniyelerce donduruyordu.
|
||||||
const filteredTenders = tenders.filter(t => {
|
const filteredTenders = tenders.filter(t => {
|
||||||
if (!t.takipte && !t.kanbanStatus) return false;
|
const panoda = t.takipte || (t.kanbanStatus && t.kanbanStatus !== 'incelenecek');
|
||||||
|
if (!panoda) return false;
|
||||||
if (selectedPersonel && t.atananPersonel !== selectedPersonel) return false;
|
if (selectedPersonel && t.atananPersonel !== selectedPersonel) return false;
|
||||||
return true;
|
return true;
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { useApp } from '../context/AppContext';
|
import { useApp } from '../context/AppContext';
|
||||||
import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react';
|
import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react';
|
||||||
|
import { bugunEklendi, acikIhale } from '../services/ihaleTarih';
|
||||||
|
|
||||||
export const LiveStatsBar = () => {
|
export const LiveStatsBar = () => {
|
||||||
const { liveStats, tenders } = useApp();
|
const { liveStats, tenders } = useApp();
|
||||||
@@ -8,6 +9,12 @@ export const LiveStatsBar = () => {
|
|||||||
const yukluIhale = tenders.length;
|
const yukluIhale = tenders.length;
|
||||||
const takibimdeki = tenders.filter((t) => t.takipte).length;
|
const takibimdeki = tenders.filter((t) => t.takipte).length;
|
||||||
const kalemSayisi = tenders.reduce((s, t) => s + (t.items?.length || 0), 0);
|
const kalemSayisi = tenders.reduce((s, t) => s + (t.items?.length || 0), 0);
|
||||||
|
// Üst kartla (BUGÜN EKLENENLER) AYNI ölçüt: bugün yayımlanan ve süresi
|
||||||
|
// geçmemiş ilanlar (ilan.gov.tr + DT). İki bant farklı sayı göstermesin.
|
||||||
|
const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
|
||||||
|
const bugunEklenen = tenders.length
|
||||||
|
? tenders.filter((t) => acikIhale(t, bugun) && bugunEklendi(t)).length
|
||||||
|
: liveStats.bugunEklenen;
|
||||||
|
|
||||||
// Havuz sağlığı: kaynak (ilan.gov.tr) sayısı 7 GÜNLÜK ORTALAMANIN çok altındaysa
|
// Havuz sağlığı: kaynak (ilan.gov.tr) sayısı 7 GÜNLÜK ORTALAMANIN çok altındaysa
|
||||||
// bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin.
|
// bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin.
|
||||||
@@ -25,7 +32,7 @@ export const LiveStatsBar = () => {
|
|||||||
const stats = [
|
const stats = [
|
||||||
{ deger: liveStats.toplamIhale, etiket: 'Canlı İhale Havuzu', renk: 'text-white', dot: true },
|
{ deger: liveStats.toplamIhale, etiket: 'Canlı İhale Havuzu', renk: 'text-white', dot: true },
|
||||||
{ deger: yukluIhale, etiket: 'Yüklü İhale', renk: 'text-white', icon: Database, iconRenk: 'text-blue-400' },
|
{ deger: yukluIhale, etiket: 'Yüklü İhale', renk: 'text-white', icon: Database, iconRenk: 'text-blue-400' },
|
||||||
{ deger: liveStats.bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' },
|
{ deger: bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' },
|
||||||
{ deger: kalemSayisi, etiket: 'Kalem', renk: 'text-white', icon: Layers, iconRenk: 'text-indigo-400' },
|
{ deger: kalemSayisi, etiket: 'Kalem', renk: 'text-white', icon: Layers, iconRenk: 'text-indigo-400' },
|
||||||
{ deger: liveStats.arsiv, etiket: 'Sonuç Arşivi', renk: 'text-white', icon: Trophy, iconRenk: 'text-emerald-400' },
|
{ deger: liveStats.arsiv, etiket: 'Sonuç Arşivi', renk: 'text-white', icon: Trophy, iconRenk: 'text-emerald-400' },
|
||||||
{ deger: takibimdeki, etiket: 'Takibimdeki', renk: 'text-white', icon: Eye, iconRenk: 'text-amber-400' },
|
{ deger: takibimdeki, etiket: 'Takibimdeki', renk: 'text-white', icon: Eye, iconRenk: 'text-amber-400' },
|
||||||
|
|||||||
@@ -1,49 +1,62 @@
|
|||||||
import React from 'react';
|
import React, { useMemo } from 'react';
|
||||||
import { useApp } from '../context/AppContext';
|
import { useApp } from '../context/AppContext';
|
||||||
import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react';
|
import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react';
|
||||||
|
import { acikIhale, hizliFiltreGecer } from '../services/ihaleTarih';
|
||||||
|
|
||||||
export const SummaryCards = () => {
|
export const SummaryCards = () => {
|
||||||
const { tenders, quickFilter, setQuickFilter, setActiveTab } = useApp();
|
const { tenders, quickFilter, setQuickFilter, setActiveTab, oncekiGiris, favoriteKurumlar } = useApp();
|
||||||
|
|
||||||
const activeCount = tenders.filter(t => t.durum === 'Aktif').length;
|
// Sayımlar listedeki filtreyle AYNI ölçütü kullanır (ihaleTarih.js); karta
|
||||||
const todayCount = tenders.filter(t => (t.eklenmeZamani || '').includes('önce') || (t.eklenmeZamani || '').includes('az')).length;
|
// tıklayınca gelen liste ile karttaki sayı birbirini tutar.
|
||||||
const trackedCount = tenders.filter(t => t.takipte).length;
|
const sayim = useMemo(() => {
|
||||||
const sinceLastLoginCount = 14; // Mocked counter
|
const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
|
||||||
const unreadCount = tenders.filter(t => !t.incelendi).length;
|
const secenek = { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris };
|
||||||
|
const say = (id) => tenders.filter((t) => acikIhale(t, bugun) && hizliFiltreGecer(t, id, secenek)).length;
|
||||||
|
return {
|
||||||
|
all: say('all'),
|
||||||
|
bugun_eklenenler: say('bugun_eklenenler'),
|
||||||
|
takiptekiler: say('takiptekiler'),
|
||||||
|
son_giris: say('son_giris'),
|
||||||
|
incelenmedi: say('incelenmedi'),
|
||||||
|
};
|
||||||
|
}, [tenders, oncekiGiris, favoriteKurumlar]);
|
||||||
|
|
||||||
const cards = [
|
const cards = [
|
||||||
{
|
{
|
||||||
id: 'all',
|
id: 'all',
|
||||||
label: 'AKTİF İHALELER',
|
label: 'AKTİF İHALELER',
|
||||||
count: activeCount,
|
count: sayim.all,
|
||||||
icon: Layers,
|
icon: Layers,
|
||||||
color: 'blue'
|
color: 'blue'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'bugun_eklenenler',
|
id: 'bugun_eklenenler',
|
||||||
label: 'BUGÜN EKLENENLER',
|
label: 'BUGÜN EKLENENLER',
|
||||||
count: todayCount,
|
count: sayim.bugun_eklenenler,
|
||||||
icon: CalendarPlus,
|
icon: CalendarPlus,
|
||||||
color: 'emerald'
|
color: 'emerald'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'takiptekiler',
|
id: 'takiptekiler',
|
||||||
label: 'TAKİP ETTİKLERİM',
|
label: 'TAKİP ETTİKLERİM',
|
||||||
count: trackedCount,
|
count: sayim.takiptekiler,
|
||||||
icon: Star,
|
icon: Star,
|
||||||
color: 'amber'
|
color: 'amber'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'son_giris',
|
id: 'son_giris',
|
||||||
label: 'SON GİRİŞTEN BERİ',
|
label: 'SON GİRİŞTEN BERİ',
|
||||||
count: sinceLastLoginCount,
|
count: sayim.son_giris,
|
||||||
icon: BellRing,
|
icon: BellRing,
|
||||||
color: 'purple'
|
color: 'purple',
|
||||||
|
title: oncekiGiris
|
||||||
|
? `Önceki ziyaretinizden (${new Date(oncekiGiris).toLocaleString('tr-TR')}) sonra yayımlanan ilanlar`
|
||||||
|
: 'İlk ziyaretiniz — bugün yayımlanan ilanlar gösteriliyor'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'incelenmedi',
|
id: 'incelenmedi',
|
||||||
label: 'İNCELENMEMİŞ',
|
label: 'İNCELENMEMİŞ',
|
||||||
count: unreadCount,
|
count: sayim.incelenmedi,
|
||||||
icon: EyeOff,
|
icon: EyeOff,
|
||||||
color: 'rose'
|
color: 'rose'
|
||||||
}
|
}
|
||||||
@@ -58,6 +71,7 @@ export const SummaryCards = () => {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={card.id}
|
key={card.id}
|
||||||
|
title={card.title}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setQuickFilter(card.id);
|
setQuickFilter(card.id);
|
||||||
setActiveTab('list');
|
setActiveTab('list');
|
||||||
@@ -70,7 +84,7 @@ export const SummaryCards = () => {
|
|||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<p className="text-[11px] font-bold tracking-wider text-slate-500 uppercase">{card.label}</p>
|
<p className="text-[11px] font-bold tracking-wider text-slate-500 uppercase">{card.label}</p>
|
||||||
<p className="text-2xl font-black text-slate-900 mt-1">{card.count}</p>
|
<p className="text-2xl font-black text-slate-900 mt-1">{card.count.toLocaleString('tr-TR')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className={`w-11 h-11 rounded-xl flex items-center justify-center transition-transform group-hover:scale-105 ${
|
<div className={`w-11 h-11 rounded-xl flex items-center justify-center transition-transform group-hover:scale-105 ${
|
||||||
card.color === 'blue' ? 'bg-blue-100 text-blue-600' :
|
card.color === 'blue' ? 'bg-blue-100 text-blue-600' :
|
||||||
|
|||||||
@@ -3,19 +3,12 @@ import { useApp } from '../context/AppContext';
|
|||||||
import { TenderCard } from './TenderCard';
|
import { TenderCard } from './TenderCard';
|
||||||
import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react';
|
import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react';
|
||||||
import confetti from 'canvas-confetti';
|
import confetti from 'canvas-confetti';
|
||||||
|
import { acikIhale, hizliFiltreGecer, GECMIS_FILTRELER } from '../services/ihaleTarih';
|
||||||
|
|
||||||
// İl adları kaynaklar arasında farklı yazılabiliyor (Ankara / ANKARA);
|
// İl adları kaynaklar arasında farklı yazılabiliyor (Ankara / ANKARA);
|
||||||
// filtre büyük-küçük harf ve Türkçe karakter duyarlılığına takılmasın.
|
// filtre büyük-küçük harf ve Türkçe karakter duyarlılığına takılmasın.
|
||||||
const normTr = (v) => String(v || '').trim().toLocaleUpperCase('tr-TR');
|
const normTr = (v) => String(v || '').trim().toLocaleUpperCase('tr-TR');
|
||||||
|
|
||||||
// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
|
|
||||||
// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
|
|
||||||
const ihaleGunu = (v) => {
|
|
||||||
const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
|
|
||||||
if (!m) return null;
|
|
||||||
return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
|
|
||||||
};
|
|
||||||
|
|
||||||
export const TenderList = () => {
|
export const TenderList = () => {
|
||||||
const {
|
const {
|
||||||
tenders,
|
tenders,
|
||||||
@@ -28,7 +21,8 @@ export const TenderList = () => {
|
|||||||
quickFilter,
|
quickFilter,
|
||||||
onlyValidOnly,
|
onlyValidOnly,
|
||||||
setOnlyValidOnly,
|
setOnlyValidOnly,
|
||||||
favoriteKurumlar
|
favoriteKurumlar,
|
||||||
|
oncekiGiris
|
||||||
} = useApp();
|
} = useApp();
|
||||||
|
|
||||||
const [sortBy, setSortBy] = useState('newest'); // 'newest', 'urgent', 'distant'
|
const [sortBy, setSortBy] = useState('newest'); // 'newest', 'urgent', 'distant'
|
||||||
@@ -57,21 +51,11 @@ export const TenderList = () => {
|
|||||||
|
|
||||||
// Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster"
|
// Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster"
|
||||||
// derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez.
|
// derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez.
|
||||||
if (onlyValidOnly) {
|
// Arşiv / sonuçlananlar gibi geçmişi hedefleyen hızlı filtrelerde kapı kapalı.
|
||||||
const gun = ihaleGunu(tender.tarih);
|
if (onlyValidOnly && !GECMIS_FILTRELER.has(quickFilter) && !acikIhale(tender, bugun)) return false;
|
||||||
if (gun && gun < bugun) return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Quick Filter
|
// Hızlı filtre (üst kartlar + sol menü) — ölçütler ihaleTarih.js'de tek yerde
|
||||||
if (quickFilter === 'favori_kurumlar' && !(favoriteKurumlar || []).includes((tender.kurum || '').trim())) return false;
|
if (!hizliFiltreGecer(tender, quickFilter, { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris })) return false;
|
||||||
if (quickFilter === 'dogrudan_temin' && tender.alimTuru !== 'Doğrudan Temin') return false;
|
|
||||||
if (quickFilter === 'bugun_eklenenler' && !((tender.eklenmeZamani || '').includes('önce') || (tender.eklenmeZamani || '').includes('az'))) return false;
|
|
||||||
if (quickFilter === 'incelenenler' && !tender.incelendi) return false;
|
|
||||||
if (quickFilter === 'incelenmedi' && tender.incelendi) return false;
|
|
||||||
if (quickFilter === 'takiptekiler' && !tender.takipte) return false;
|
|
||||||
if (quickFilter === 'sozlesmeler' && tender.durum !== 'Sözleşme İmzalandı') return false;
|
|
||||||
if (quickFilter === 'sonuclananlar' && tender.durum !== 'Sonuçlandı') return false;
|
|
||||||
if (quickFilter === 'iptal' && tender.durum !== 'İptal') return false;
|
|
||||||
|
|
||||||
// Dropdown Filters
|
// Dropdown Filters
|
||||||
if (selectedCity && normTr(tender.sehir) !== normTr(selectedCity)) return false;
|
if (selectedCity && normTr(tender.sehir) !== normTr(selectedCity)) return false;
|
||||||
@@ -87,7 +71,7 @@ export const TenderList = () => {
|
|||||||
if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
|
if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
|
||||||
return 0;
|
return 0;
|
||||||
});
|
});
|
||||||
}, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun]);
|
}, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun, favoriteKurumlar, oncekiGiris]);
|
||||||
|
|
||||||
const gorunenTenders = filteredTenders.slice(0, gosterilen);
|
const gorunenTenders = filteredTenders.slice(0, gosterilen);
|
||||||
const dahaVar = gosterilen < filteredTenders.length;
|
const dahaVar = gosterilen < filteredTenders.length;
|
||||||
|
|||||||
@@ -1,10 +1,23 @@
|
|||||||
import React, { useRef, useState, useEffect, useCallback } from 'react';
|
import React, { useRef, useState, useEffect, useCallback, useTransition } from 'react';
|
||||||
import { useApp } from '../context/AppContext';
|
import { useApp } from '../context/AppContext';
|
||||||
import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight } from 'lucide-react';
|
import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight, Loader2 } from 'lucide-react';
|
||||||
|
|
||||||
export const TopNavigation = () => {
|
export const TopNavigation = () => {
|
||||||
const { activeTab, setActiveTab, isAdmin } = useApp();
|
const { activeTab, setActiveTab, isAdmin } = useApp();
|
||||||
|
|
||||||
|
// Ağır sekmeler (10 bin+ kayıtlı havuzda Kanban, analiz vb.) tıklamadan
|
||||||
|
// sonra saniyelerce hiçbir tepki vermiyordu — kullanıcı "tıklanmıyor" sanıyordu.
|
||||||
|
// Sekme değişimi geçiş (transition) olarak yapılır: tıklanan sekme ANINDA
|
||||||
|
// vurgulanır ve dönen simge gösterilir, ağır görünüm arka planda hazırlanır.
|
||||||
|
const [isPending, startTransition] = useTransition();
|
||||||
|
const [hedefTab, setHedefTab] = useState(null);
|
||||||
|
const sekmeSec = (id) => {
|
||||||
|
if (id === activeTab) return;
|
||||||
|
setHedefTab(id);
|
||||||
|
startTransition(() => setActiveTab(id));
|
||||||
|
};
|
||||||
|
const bekleyen = isPending ? hedefTab : null;
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid },
|
{ id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid },
|
||||||
{ id: 'bulten', label: 'Günlük Bülten', icon: Newspaper },
|
{ id: 'bulten', label: 'Günlük Bülten', icon: Newspaper },
|
||||||
@@ -90,19 +103,23 @@ export const TopNavigation = () => {
|
|||||||
<div ref={seritRef} className="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none scroll-smooth">
|
<div ref={seritRef} className="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none scroll-smooth">
|
||||||
{navItems.map(item => {
|
{navItems.map(item => {
|
||||||
const Icon = item.icon;
|
const Icon = item.icon;
|
||||||
const isActive = activeTab === item.id;
|
const isActive = bekleyen ? bekleyen === item.id : activeTab === item.id;
|
||||||
|
const yukleniyor = bekleyen === item.id;
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
key={item.id}
|
key={item.id}
|
||||||
data-tab={item.id}
|
data-tab={item.id}
|
||||||
onClick={() => setActiveTab(item.id)}
|
aria-busy={yukleniyor || undefined}
|
||||||
|
onClick={() => sekmeSec(item.id)}
|
||||||
className={`flex items-center gap-2 px-3.5 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all select-none ${
|
className={`flex items-center gap-2 px-3.5 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all select-none ${
|
||||||
isActive
|
isActive
|
||||||
? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs'
|
? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs'
|
||||||
: 'text-slate-600 hover:text-slate-900 hover:bg-slate-50'
|
: 'text-slate-600 hover:text-slate-900 hover:bg-slate-50'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} />
|
{yukleniyor
|
||||||
|
? <Loader2 className="w-4 h-4 text-blue-600 animate-spin" />
|
||||||
|
: <Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} />}
|
||||||
<span>{item.label}</span>
|
<span>{item.label}</span>
|
||||||
{item.badge && (
|
{item.badge && (
|
||||||
<span className="bg-amber-100 text-amber-800 font-bold text-[10px] px-1.5 py-0.5 rounded-full border border-amber-200">
|
<span className="bg-amber-100 text-amber-800 font-bold text-[10px] px-1.5 py-0.5 rounded-full border border-amber-200">
|
||||||
|
|||||||
@@ -105,6 +105,26 @@ export const AppProvider = ({ children }) => {
|
|||||||
.finally(() => setAuthReady(true));
|
.finally(() => setAuthReady(true));
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
// "Son girişten beri" kartı için önceki ziyaretin zamanı. Ziyaret = tarayıcı
|
||||||
|
// sekmesi oturumu (sessionStorage): sayfa yenilemek sayacı sıfırlamaz, yeni
|
||||||
|
// sekme/gün açmak önceki damgayı "önceki giriş" yapar. Eskiden sabit 14'tü.
|
||||||
|
const [oncekiGiris, setOncekiGiris] = useState(null);
|
||||||
|
useEffect(() => {
|
||||||
|
if (!authUser) return;
|
||||||
|
try {
|
||||||
|
const anahtar = 'ihaleist_son_giris';
|
||||||
|
const onceki = Number(localStorage.getItem(anahtar)) || null;
|
||||||
|
const oturum = sessionStorage.getItem('ihaleist_oturum_giris');
|
||||||
|
if (oturum !== null) { // aynı sekmede yenileme: damga sabit kalır
|
||||||
|
setOncekiGiris(Number(oturum) || null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setOncekiGiris(onceki);
|
||||||
|
sessionStorage.setItem('ihaleist_oturum_giris', String(onceki || 0));
|
||||||
|
localStorage.setItem(anahtar, String(Date.now()));
|
||||||
|
} catch { /* depolama kapalıysa kart bugünü gösterir */ }
|
||||||
|
}, [authUser?.email]);
|
||||||
|
|
||||||
// Giriş yapınca kullanıcı verisini SUNUCUDAN yükle (localStorage'ı ezer)
|
// Giriş yapınca kullanıcı verisini SUNUCUDAN yükle (localStorage'ı ezer)
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!authUser) { setVeriSenkron(false); setPlan(null); return; }
|
if (!authUser) { setVeriSenkron(false); setPlan(null); return; }
|
||||||
@@ -530,6 +550,7 @@ export const AppProvider = ({ children }) => {
|
|||||||
toggleCpv,
|
toggleCpv,
|
||||||
cpvBolumListesi,
|
cpvBolumListesi,
|
||||||
onlyValidOnly,
|
onlyValidOnly,
|
||||||
|
oncekiGiris,
|
||||||
setOnlyValidOnly,
|
setOnlyValidOnly,
|
||||||
quickFilter,
|
quickFilter,
|
||||||
setQuickFilter,
|
setQuickFilter,
|
||||||
|
|||||||
@@ -0,0 +1,76 @@
|
|||||||
|
/**
|
||||||
|
* İhale tarih yardımcıları — üst kartlar (SummaryCards) ile liste filtresi
|
||||||
|
* (TenderList) aynı ölçütü kullansın diye tek yerde.
|
||||||
|
*
|
||||||
|
* Kaynaklar tarihi farklı yazıyor:
|
||||||
|
* ilan.gov.tr → ilanTarihi "2026-09-02"
|
||||||
|
* DT (EKAP) → ilanTarihi "2026-09-02T00:00:00"
|
||||||
|
* arşiv → ilanTarihi "02.09.2026"
|
||||||
|
*/
|
||||||
|
|
||||||
|
// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
|
||||||
|
// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
|
||||||
|
export const ihaleGunu = (v) => {
|
||||||
|
const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
|
||||||
|
if (!m) return null;
|
||||||
|
return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
|
||||||
|
};
|
||||||
|
|
||||||
|
// Her biçimi "yyyy-aa-gg" dizesine indirger (karşılaştırma için).
|
||||||
|
export const ilanTarihiISO = (t) => {
|
||||||
|
const v = String(t?.ilanTarihi || '').trim();
|
||||||
|
let m = /^(\d{4})-(\d{2})-(\d{2})/.exec(v);
|
||||||
|
if (m) return `${m[1]}-${m[2]}-${m[3]}`;
|
||||||
|
m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(v);
|
||||||
|
if (m) return `${m[3]}-${m[2]}-${m[1]}`;
|
||||||
|
return '';
|
||||||
|
};
|
||||||
|
|
||||||
|
const iso = (d) => {
|
||||||
|
const y = d.getFullYear();
|
||||||
|
const a = String(d.getMonth() + 1).padStart(2, '0');
|
||||||
|
const g = String(d.getDate()).padStart(2, '0');
|
||||||
|
return `${y}-${a}-${g}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const bugunISO = () => iso(new Date());
|
||||||
|
|
||||||
|
// Bugün yayımlanan ilan. Sunucunun isYeni bayrağı esas; o yoksa ilan tarihine bakılır.
|
||||||
|
export const bugunEklendi = (t) => Boolean(t?.isYeni) || (ilanTarihiISO(t) !== '' && ilanTarihiISO(t) === bugunISO());
|
||||||
|
|
||||||
|
// Önceki ziyaretten (ms) sonra yayımlanan ilan. Kayıt yoksa "bugün" kabul edilir.
|
||||||
|
export const girisSonrasiEklendi = (t, oncekiGirisMs) => {
|
||||||
|
const tarih = ilanTarihiISO(t);
|
||||||
|
if (!tarih) return false;
|
||||||
|
const esik = oncekiGirisMs ? iso(new Date(oncekiGirisMs)) : bugunISO();
|
||||||
|
return tarih >= esik;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Süresi geçmemiş (veya tarihi okunamayan) ihale — listenin varsayılan görünümü.
|
||||||
|
export const acikIhale = (t, bugun) => {
|
||||||
|
const gun = ihaleGunu(t?.tarih);
|
||||||
|
return !(gun && gun < bugun);
|
||||||
|
};
|
||||||
|
|
||||||
|
// Bu hızlı filtreler doğası gereği GEÇMİŞ ihaleleri hedefler; "sadece açık
|
||||||
|
// ihaleler" kapısı bunlara uygulanmaz, yoksa hiç sonuç çıkmaz.
|
||||||
|
export const GECMIS_FILTRELER = new Set(['arsiv', 'sonuclananlar', 'sozlesmeler', 'iptal']);
|
||||||
|
|
||||||
|
// Hızlı filtre (üst kartlar + sol menü) ölçütü. Bilinmeyen id → her şey geçer.
|
||||||
|
export const hizliFiltreGecer = (t, id, { favoriteKurumlar = [], oncekiGirisMs = null } = {}) => {
|
||||||
|
switch (id) {
|
||||||
|
case 'favori_kurumlar': return favoriteKurumlar.includes((t.kurum || '').trim());
|
||||||
|
case 'dogrudan_temin': return t.alimTuru === 'Doğrudan Temin';
|
||||||
|
case 'ihaleler': return t.alimTuru !== 'Doğrudan Temin' && t.durum !== 'Sonuçlandı';
|
||||||
|
case 'bugun_eklenenler': return bugunEklendi(t);
|
||||||
|
case 'son_giris': return girisSonrasiEklendi(t, oncekiGirisMs);
|
||||||
|
case 'incelenenler': return Boolean(t.incelendi);
|
||||||
|
case 'incelenmedi': return !t.incelendi;
|
||||||
|
case 'takiptekiler': return Boolean(t.takipte);
|
||||||
|
case 'sozlesmeler': return t.durum === 'Sözleşme İmzalandı';
|
||||||
|
case 'sonuclananlar': return t.durum === 'Sonuçlandı';
|
||||||
|
case 'arsiv': return t.durum === 'Sonuçlandı';
|
||||||
|
case 'iptal': return t.durum === 'İptal';
|
||||||
|
default: return true;
|
||||||
|
}
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user