mirror of
https://github.com/Dvorinka/PPve.git
synced 2026-06-05 04:52:58 +00:00
test
This commit is contained in:
Dvorinka
-403
@@ -1,403 +0,0 @@
|
|||||||
// Cookie utilities
|
|
||||||
function setCookie(name, value, days) {
|
|
||||||
const date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
||||||
const expires = "expires=" + date.toUTCString();
|
|
||||||
document.cookie = name + "=" + value + ";" + expires + ";path=/";
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCookie(name) {
|
|
||||||
const nameEQ = name + "=";
|
|
||||||
const ca = document.cookie.split(';');
|
|
||||||
for (let i = 0; i < ca.length; i++) {
|
|
||||||
let c = ca[i];
|
|
||||||
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
|
|
||||||
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Achievement system
|
|
||||||
const ACHIEVEMENTS = {
|
|
||||||
"first_visit": {
|
|
||||||
name: "Nováček",
|
|
||||||
description: "První návštěva na portálu",
|
|
||||||
icon: "fa-star",
|
|
||||||
color: "text-yellow-500",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-yellow-50",
|
|
||||||
textColor: "text-yellow-700",
|
|
||||||
borderColor: "border-yellow-200",
|
|
||||||
hoverColor: "hover:bg-yellow-100"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"mobile_master": {
|
|
||||||
name: "Mobilní Master",
|
|
||||||
description: "10 návštěv z mobilního zařízení za měsíc",
|
|
||||||
icon: "fa-mobile-alt",
|
|
||||||
color: "text-green-500",
|
|
||||||
threshold: 10,
|
|
||||||
period: "monthly",
|
|
||||||
device: "mobile",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-green-50",
|
|
||||||
textColor: "text-green-700",
|
|
||||||
borderColor: "border-green-200",
|
|
||||||
hoverColor: "hover:bg-green-100"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"desktop_guru": {
|
|
||||||
name: "Desktop Guru",
|
|
||||||
description: "20 návštěv z počítače za měsíc",
|
|
||||||
icon: "fa-desktop",
|
|
||||||
color: "text-blue-500",
|
|
||||||
threshold: 20,
|
|
||||||
period: "monthly",
|
|
||||||
device: "desktop",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-blue-50",
|
|
||||||
textColor: "text-blue-700",
|
|
||||||
borderColor: "border-blue-200",
|
|
||||||
hoverColor: "hover:bg-blue-100"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"frequent_visitor": {
|
|
||||||
name: "Pravidelný návštěvník",
|
|
||||||
description: "10 návštěv za měsíc",
|
|
||||||
icon: "fa-clock-rotate-left",
|
|
||||||
color: "text-blue-500",
|
|
||||||
threshold: 10,
|
|
||||||
period: "monthly",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-blue-50",
|
|
||||||
textColor: "text-blue-700",
|
|
||||||
borderColor: "border-blue-200",
|
|
||||||
hoverColor: "hover:bg-blue-100"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"power_user": {
|
|
||||||
name: "Power User",
|
|
||||||
description: "50 návštěv za měsíc",
|
|
||||||
icon: "fa-rocket",
|
|
||||||
color: "text-purple-500",
|
|
||||||
threshold: 50,
|
|
||||||
period: "monthly",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-purple-50",
|
|
||||||
textColor: "text-purple-700",
|
|
||||||
borderColor: "border-purple-200",
|
|
||||||
hoverColor: "hover:bg-purple-100"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"super_fan": {
|
|
||||||
name: "Super Fan",
|
|
||||||
description: "100 návštěv za měsíc",
|
|
||||||
icon: "fa-award",
|
|
||||||
color: "text-gold",
|
|
||||||
threshold: 100,
|
|
||||||
period: "monthly",
|
|
||||||
theme: {
|
|
||||||
backgroundColor: "bg-yellow-50",
|
|
||||||
textColor: "text-yellow-700",
|
|
||||||
borderColor: "border-yellow-200",
|
|
||||||
hoverColor: "hover:bg-yellow-100"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Device categories
|
|
||||||
const DEVICE_CATEGORIES = {
|
|
||||||
mobile: [
|
|
||||||
"iPhone",
|
|
||||||
"iPad",
|
|
||||||
"Android Phone",
|
|
||||||
"Android Tablet",
|
|
||||||
"Windows Phone"
|
|
||||||
],
|
|
||||||
desktop: [
|
|
||||||
"Windows PC",
|
|
||||||
"Mac",
|
|
||||||
"Linux PC"
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
// Get device category
|
|
||||||
function getDeviceCategory(device) {
|
|
||||||
for (const [category, devices] of Object.entries(DEVICE_CATEGORIES)) {
|
|
||||||
if (devices.includes(device)) {
|
|
||||||
return category;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return "unknown";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Track unlocked achievements
|
|
||||||
let unlockedAchievements = new Set();
|
|
||||||
|
|
||||||
// Store current theme
|
|
||||||
let currentTheme = {
|
|
||||||
backgroundColor: "bg-white",
|
|
||||||
textColor: "text-gray-800",
|
|
||||||
borderColor: "border-gray-200",
|
|
||||||
hoverColor: "hover:bg-gray-50"
|
|
||||||
};
|
|
||||||
|
|
||||||
// Apply theme to all cards
|
|
||||||
function applyTheme() {
|
|
||||||
const cards = document.querySelectorAll('.card');
|
|
||||||
cards.forEach(card => {
|
|
||||||
card.className = card.className.split(' ').filter(cls => !cls.startsWith('bg-') && !cls.startsWith('text-') && !cls.startsWith('border-') && !cls.startsWith('hover:')).join(' ');
|
|
||||||
card.className += ` ${currentTheme.backgroundColor} ${currentTheme.textColor} ${currentTheme.borderColor} ${currentTheme.hoverColor}`;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
let achievementsEnabled = false;
|
|
||||||
|
|
||||||
// Hidden toggle for achievements
|
|
||||||
function toggleAchievements() {
|
|
||||||
achievementsEnabled = !achievementsEnabled;
|
|
||||||
localStorage.setItem('achievementsEnabled', achievementsEnabled);
|
|
||||||
|
|
||||||
if (achievementsEnabled) {
|
|
||||||
checkAchievements();
|
|
||||||
showAchievements();
|
|
||||||
} else {
|
|
||||||
hideAchievements();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if user has earned achievements
|
|
||||||
async function checkAchievements() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/visitor-stats');
|
|
||||||
const stats = await response.json();
|
|
||||||
const visitorId = getCookie('visitor_id');
|
|
||||||
|
|
||||||
// First visit achievement
|
|
||||||
if (!localStorage.getItem('first_visit_' + visitorId)) {
|
|
||||||
unlockAchievement('first_visit');
|
|
||||||
localStorage.setItem('first_visit_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get visitor's stats
|
|
||||||
const visitor = stats.unique_visitors[visitorId];
|
|
||||||
if (!visitor) return;
|
|
||||||
|
|
||||||
// Device-specific achievements
|
|
||||||
const deviceCategory = getDeviceCategory(visitor.Device);
|
|
||||||
|
|
||||||
// Mobile Master achievement
|
|
||||||
if (deviceCategory === 'mobile' &&
|
|
||||||
visitor.Visits >= ACHIEVEMENTS.mobile_master.threshold &&
|
|
||||||
!localStorage.getItem('mobile_master_' + visitorId)) {
|
|
||||||
unlockAchievement('mobile_master');
|
|
||||||
localStorage.setItem('mobile_master_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Desktop Guru achievement
|
|
||||||
if (deviceCategory === 'desktop' &&
|
|
||||||
visitor.Visits >= ACHIEVEMENTS.desktop_guru.threshold &&
|
|
||||||
!localStorage.getItem('desktop_guru_' + visitorId)) {
|
|
||||||
unlockAchievement('desktop_guru');
|
|
||||||
localStorage.setItem('desktop_guru_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Monthly achievements
|
|
||||||
const monthlyVisits = stats.monthly_visits;
|
|
||||||
if (monthlyVisits >= ACHIEVEMENTS.frequent_visitor.threshold &&
|
|
||||||
!localStorage.getItem('frequent_visitor_' + visitorId)) {
|
|
||||||
unlockAchievement('frequent_visitor');
|
|
||||||
localStorage.setItem('frequent_visitor_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (monthlyVisits >= ACHIEVEMENTS.power_user.threshold &&
|
|
||||||
!localStorage.getItem('power_user_' + visitorId)) {
|
|
||||||
unlockAchievement('power_user');
|
|
||||||
localStorage.setItem('power_user_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (monthlyVisits >= ACHIEVEMENTS.super_fan.threshold &&
|
|
||||||
!localStorage.getItem('super_fan_' + visitorId)) {
|
|
||||||
unlockAchievement('super_fan');
|
|
||||||
localStorage.setItem('super_fan_' + visitorId, 'true');
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error checking achievements:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unlock achievement and show toast
|
|
||||||
function unlockAchievement(achievement) {
|
|
||||||
unlockedAchievements.add(achievement);
|
|
||||||
showAchievementToast(achievement);
|
|
||||||
showAchievements();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show achievement toast
|
|
||||||
function showAchievementToast(achievement) {
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-white rounded-lg shadow-lg p-4 w-64 flex items-center text-green-500';
|
|
||||||
toast.innerHTML = `
|
|
||||||
<div class="flex-1">
|
|
||||||
<h3 class="font-bold text-lg">Achievement Unlocked!</h3>
|
|
||||||
<p class="text-gray-600">${ACHIEVEMENTS[achievement].name}</p>
|
|
||||||
</div>
|
|
||||||
<i class="fas fa-trophy text-2xl ml-4"></i>
|
|
||||||
`;
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
// Remove toast after 3 seconds
|
|
||||||
setTimeout(() => {
|
|
||||||
toast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show only unlocked achievements
|
|
||||||
function showAchievements() {
|
|
||||||
const achievementsDisplay = document.getElementById('achievementsDisplay');
|
|
||||||
const achievementItems = achievementsDisplay.querySelectorAll('.achievement-item');
|
|
||||||
|
|
||||||
achievementItems.forEach(item => {
|
|
||||||
const achievementId = item.querySelector('.achievement-icon').classList[1];
|
|
||||||
const achievement = ACHIEVEMENTS[achievementId.replace('achievement-icon-', '')];
|
|
||||||
if (achievement && unlockedAchievements.has(achievementId.replace('achievement-icon-', ''))) {
|
|
||||||
item.style.display = 'block';
|
|
||||||
// Apply achievement theme
|
|
||||||
Object.entries(achievement.theme).forEach(([key, value]) => {
|
|
||||||
item.classList.add(value);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
item.style.display = 'none';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Show achievements display if any achievements are unlocked
|
|
||||||
if (unlockedAchievements.size > 0) {
|
|
||||||
achievementsDisplay.classList.remove('hidden');
|
|
||||||
} else {
|
|
||||||
achievementsDisplay.classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply highest unlocked achievement theme to the page
|
|
||||||
applyHighestAchievementTheme();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply highest unlocked achievement theme
|
|
||||||
function applyHighestAchievementTheme() {
|
|
||||||
const unlocked = Array.from(unlockedAchievements);
|
|
||||||
if (unlocked.length === 0) return;
|
|
||||||
|
|
||||||
// Sort achievements by threshold to find the highest
|
|
||||||
const sortedAchievements = Object.entries(ACHIEVEMENTS)
|
|
||||||
.filter(([id]) => unlocked.includes(id))
|
|
||||||
.sort(([, a], [, b]) => b.threshold - a.threshold);
|
|
||||||
|
|
||||||
const highest = sortedAchievements[0][1];
|
|
||||||
|
|
||||||
// Apply theme to body
|
|
||||||
const body = document.body;
|
|
||||||
// Remove existing theme classes
|
|
||||||
['bg-', 'text-', 'border-', 'hover:'].forEach(prefix => {
|
|
||||||
const classes = Array.from(body.classList).filter(cls => !cls.startsWith(prefix));
|
|
||||||
body.className = classes.join(' ');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Add new theme classes
|
|
||||||
Object.entries(highest.theme).forEach(([key, value]) => {
|
|
||||||
body.classList.add(value);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide achievements display
|
|
||||||
function hideAchievements() {
|
|
||||||
const achievementsDisplay = document.getElementById('achievementsDisplay');
|
|
||||||
if (achievementsDisplay) {
|
|
||||||
achievementsDisplay.style.display = 'none';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Doom-style cheat code toggle
|
|
||||||
const CHEAT_CODE = 'IDKFA';
|
|
||||||
let cheatCodeIndex = 0;
|
|
||||||
let cheatCodeTimer;
|
|
||||||
|
|
||||||
// Initialize achievements
|
|
||||||
function initializeAchievements() {
|
|
||||||
// Check if achievements were enabled before
|
|
||||||
achievementsEnabled = JSON.parse(localStorage.getItem('achievementsEnabled') || 'false');
|
|
||||||
|
|
||||||
// Add cheat code input listener
|
|
||||||
document.addEventListener('keydown', (e) => {
|
|
||||||
// Reset timer if no key was pressed in 2 seconds
|
|
||||||
if (cheatCodeTimer) {
|
|
||||||
clearTimeout(cheatCodeTimer);
|
|
||||||
}
|
|
||||||
|
|
||||||
cheatCodeTimer = setTimeout(() => {
|
|
||||||
cheatCodeIndex = 0;
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
// Check if key matches current position in cheat code
|
|
||||||
if (e.key.toUpperCase() === CHEAT_CODE[cheatCodeIndex]) {
|
|
||||||
cheatCodeIndex++;
|
|
||||||
|
|
||||||
// If complete code entered
|
|
||||||
if (cheatCodeIndex === CHEAT_CODE.length) {
|
|
||||||
// Show achievement unlocked animation
|
|
||||||
const achievementToast = document.createElement('div');
|
|
||||||
achievementToast.className = 'fixed bottom-4 right-4 bg-white rounded-lg shadow-lg p-4 w-64 flex items-center text-green-500';
|
|
||||||
achievementToast.innerHTML = `
|
|
||||||
<div class="flex-1">
|
|
||||||
<h3 class="font-bold text-lg">Achievement Unlocked!</h3>
|
|
||||||
<p class="text-gray-600">"IDKFA" cheat code activated</p>
|
|
||||||
</div>
|
|
||||||
<i class="fas fa-trophy text-2xl ml-4"></i>
|
|
||||||
`;
|
|
||||||
document.body.appendChild(achievementToast);
|
|
||||||
|
|
||||||
// Enable achievements
|
|
||||||
achievementsEnabled = true;
|
|
||||||
localStorage.setItem('achievementsEnabled', true);
|
|
||||||
|
|
||||||
// Remove toast after 3 seconds
|
|
||||||
setTimeout(() => {
|
|
||||||
achievementToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// Reset cheat code if wrong key pressed
|
|
||||||
cheatCodeIndex = 0;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Initialize achievements if enabled
|
|
||||||
if (achievementsEnabled) {
|
|
||||||
checkAchievements();
|
|
||||||
showAchievements();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add celebration animation
|
|
||||||
function celebrate() {
|
|
||||||
const confetti = document.createElement('div');
|
|
||||||
confetti.className = 'absolute inset-0 pointer-events-none';
|
|
||||||
confetti.innerHTML = `
|
|
||||||
<div class="absolute inset-0 overflow-hidden">
|
|
||||||
<div class="absolute inset-0 flex items-center justify-center">
|
|
||||||
<div class="w-64 h-64 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 opacity-25"></div>
|
|
||||||
</div>
|
|
||||||
<div class="absolute inset-0 flex items-center justify-center">
|
|
||||||
<div class="w-48 h-48 rounded-full bg-gradient-to-r from-blue-500 to-cyan-500 opacity-25"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
document.body.appendChild(confetti);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
confetti.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize when page loads
|
|
||||||
document.addEventListener('DOMContentLoaded', initializeAchievements);
|
|
||||||
+1
-40
@@ -617,47 +617,8 @@
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<!-- Achievements display -->
|
|
||||||
<div id="achievementsDisplay" class="hidden">
|
|
||||||
<div class="achievement-item bg-white rounded-lg shadow-md p-4 mb-4">
|
|
||||||
<div class="flex items-center space-x-4">
|
|
||||||
<i class="fas fa-star achievement-icon text-yellow-500"></i>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-bold">Nováček</h4>
|
|
||||||
<p class="text-sm text-gray-600">První návštěva na portálu</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="achievement-item bg-white rounded-lg shadow-md p-4 mb-4">
|
|
||||||
<div class="flex items-center space-x-4">
|
|
||||||
<i class="fas fa-clock-rotate-left achievement-icon text-blue-500"></i>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-bold">Pravidelný návštěvník</h4>
|
|
||||||
<p class="text-sm text-gray-600">10 návštěv za měsíc</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="achievement-item bg-white rounded-lg shadow-md p-4 mb-4">
|
|
||||||
<div class="flex items-center space-x-4">
|
|
||||||
<i class="fas fa-rocket achievement-icon text-purple-500"></i>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-bold">Power User</h4>
|
|
||||||
<p class="text-sm text-gray-600">50 návštěv za měsíc</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="achievement-item bg-white rounded-lg shadow-md p-4 mb-4">
|
|
||||||
<div class="flex items-center space-x-4">
|
|
||||||
<i class="fas fa-award achievement-icon text-gold"></i>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-bold">Super Fan</h4>
|
|
||||||
<p class="text-sm text-gray-600">100 návštěv za měsíc</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="achievements.js"></script>
|
|
||||||
<script>
|
<script>
|
||||||
// Track page visit when the page loads
|
// Track page visit when the page loads
|
||||||
fetch('/api/track-visit', {
|
fetch('/api/track-visit', {
|
||||||
|
|||||||
Reference in New Issue
Block a user