Manşetler
Dilek Şikayet Öneri
Mayıs
2025
Pzt
Sal
Çar
Per
Cum
Cmt
Paz
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
31
22 Mayıs 2025
Bugün için planlanmış etkinlik bulunmuyor.
Ay Seçin
Yıl Seçin
`;
// Ayları ekle
const aylar = [];
for(let i = 0; i < 12; i++) {
const date = new Date(2020, i, 1);
const ayAdi = date.toLocaleString('tr-TR', { month: 'long' });
const isActive = i + 1 === selectedMonth ? 'active' : '';
popoverContent += `
${ayAdi}
`;
}
popoverContent += `
`;
// Yılları ekle
const currentYear = new Date().getFullYear();
for(let i = currentYear - 2; i <= currentYear + 5; i++) {
const isActive = i === selectedYear ? 'active' : '';
popoverContent += `
${i}
`;
}
popoverContent += `
Etkinlikler yükleniyor...
';
// Gecikme ekleyerek yükleme hissi ver
setTimeout(() => {
// Seçilen gün için etkinlikleri filtrele
const seciliGunEtkinlikleri =tumetkinlikler
.filter(e => {
const etkinlikTarih = new Date(e.EtkinlikTarih);
return etkinlikTarih.getDate() == gun &&
(etkinlikTarih.getMonth() + 1) == ay &&
etkinlikTarih.getFullYear() == yil;
});
// Listeyi güncelle
if (seciliGunEtkinlikleri.length > 0) {
let html = '';
seciliGunEtkinlikleri.forEach((etkinlik, index) => {
html += `
`;
});
etkinlikListesi.innerHTML = html;
} else {
etkinlikListesi.innerHTML = 'Bu gün için planlanmış etkinlik bulunmuyor.
'; } // Yükseklikleri yeniden eşitle setTimeout(equalizeHeight, 100); }, 300); } // Etkinlik URL oluşturucu yardımcı fonksiyonu function getEtkinlikUrl(no) { return '/Anasayfa/Etkinlik/Index/' + no; } // Önceki ve sonraki ay butonları const ayOncekiBtn = document.querySelector('.ay-onceki'); const aySonrakiBtn = document.querySelector('.ay-sonraki'); ayOncekiBtn.addEventListener('click', function() { selectedMonth--; if (selectedMonth < 1) { selectedMonth = 12; selectedYear--; } // Ay ve yıl görüntüsünü güncelle currentMonthEl.textContent = new Date(selectedYear, selectedMonth - 1, 1).toLocaleString('tr-TR', { month: 'long' }); currentYearEl.textContent = selectedYear; // Takvimi güncelle takvimGuncelle(selectedMonth, selectedYear); }); aySonrakiBtn.addEventListener('click', function() { selectedMonth++; if (selectedMonth > 12) { selectedMonth = 1; selectedYear++; } // Ay ve yıl görüntüsünü güncelle currentMonthEl.textContent = new Date(selectedYear, selectedMonth - 1, 1).toLocaleString('tr-TR', { month: 'long' }); currentYearEl.textContent = selectedYear; // Takvimi güncelle takvimGuncelle(selectedMonth, selectedYear); }); // Takvimi güncelleme fonksiyonu function takvimGuncelle(ay, yil) { const takvimEl = document.getElementById('takvim-tarihler'); // Yükleniyor efekti takvimEl.style.opacity = '0.5'; setTimeout(() => { // Ayın ilk günü ve gün sayısı const firstDay = new Date(yil, ay - 1, 1); const lastDay = new Date(yil, ay, 0); const daysInMonth = lastDay.getDate(); // Haftanın hangi gününde başlıyor (0: Pazar, 1: Pazartesi...) let firstDayOfWeek = firstDay.getDay(); // Pazartesi = 0 olacak şekilde ayarla firstDayOfWeek = firstDayOfWeek == 0 ? 6 : firstDayOfWeek - 1; // Bugünün tarihi const today = new Date(); // Takvimi oluştur let html = ''; // Boş günler for (let i = 0; i < firstDayOfWeek; i++) { html += ''; } // Ayın günleri for (let day = 1; day <= daysInMonth; day++) { const isToday = day === today.getDate() && ay === (today.getMonth() + 1) && yil === today.getFullYear(); // Bu gün için etkinlik var mı kontrol et const etkinlikler = tumetkinlikler .filter(e => { const etkinlikTarih = new Date(e.EtkinlikTarih); return etkinlikTarih.getDate() == day && (etkinlikTarih.getMonth() + 1) == ay && etkinlikTarih.getFullYear() == yil; }); const hasEvent = etkinlikler.length > 0; html += `
${day}
${hasEvent ? `
${etkinlikler.length}
` : ''}
`;
}
takvimEl.innerHTML = html;
takvimEl.style.opacity = '1';
// Badge'lerin görünürlüğünü düzenle
fixEventBadges();
setTimeout(fixEventBadges, 50);
setTimeout(fixEventBadges, 150);
// Yükseklikleri eşitle
setTimeout(equalizeHeight, 100);
// Yeni tarihlere tıklama olayı ekle
const yeniTarihler = document.querySelectorAll('.tarih:not(.bos)');
yeniTarihler.forEach(tarih => {
tarih.addEventListener('click', function() {
// Tüm seçili tarihleri temizle
yeniTarihler.forEach(t => t.classList.remove('secili'));
// Bu tarihi seçili olarak işaretle
this.classList.add('secili');
// Seçili tarihin bilgilerini al
const gun = this.getAttribute('data-day');
const ay = this.getAttribute('data-month');
const yil = this.getAttribute('data-year');
const ayAdi = new Date(yil, ay - 1, 1).toLocaleString('tr-TR', { month: 'long' });
// Başlığı güncelle
gunBaslik.textContent = `${gun} ${ayAdi} ${yil}`;
// Etkinlik listesini güncelle
gununEtkinlikleriniGoster(gun, ay, yil);
});
});
}, 300);
}
// Sayfa ilk yüklendiğinde bugünün tarihini işaretle
const bugun = document.querySelector('.tarih.bugun');
if (bugun) {
bugun.classList.add('secili');
}
// İlk yüklemede mevcut ayın verilerini yenile
// Sayfanın tam yüklenmesi için kısa bir gecikme ekleyelim
setTimeout(() => {
// Mevcut ayın verilerini yeniden yükle
takvimGuncelle(selectedMonth, selectedYear);
// Badge'lerin doğru görünmesi için birkaç kez kontrol
fixEventBadges();
setTimeout(fixEventBadges, 200);
setTimeout(fixEventBadges, 400);
setTimeout(fixEventBadges, 800);
}, 100);
});