Spaces:
Running
Running
File size: 3,689 Bytes
4cb5a08 |
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
// Main application script
document.addEventListener('DOMContentLoaded', function() {
// Initialize tooltips
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
// Copy to clipboard functionality
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(function() {
// Show success message
showNotification('Copied to clipboard!', 'success');
}).catch(function(err) {
console.error('Failed to copy: ', err);
showNotification('Failed to copy to clipboard', 'error');
});
}
// Notification system
function showNotification(message, type = 'info') {
const notification = document.createElement('div');
notification.className = `fixed top-4 right-4 z-50 p-4 rounded-lg shadow-lg transform transition-all duration-300 ${
type === 'success' ? 'bg-green-600' :
type === 'error' ? 'bg-red-600' : 'bg-blue-600'
}`;
notification.innerHTML = `
<div class="flex items-center space-x-2">
<i data-feather="${type === 'success' ? 'check-circle' : type === 'error' ? 'alert-circle' : 'info'}"></i>
<span>${message}</span>
</div>
`;
document.body.appendChild(notification);
feather.replace();
setTimeout(() => {
notification.remove();
}, 3000);
}
// Export functionality
window.exportAdData = function() {
const adData = {
adId: '7739201',
adName: 'Auto Insurance December Campaign',
status: 'Active',
finalUrl: 'https://example.com/auto-insurance?utm_source=quora&utm_campaign=auto_insurance_dec&utm_content=ad_7739201'
};
const blob = new Blob([JSON.stringify(adData, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `ad-data-${adData.adId}.json`;
a.click();
URL.revokeObjectURL(url);
showNotification('Ad data exported successfully!', 'success');
};
// Share functionality
window.shareAd = function() {
if (navigator.share) {
navigator.share({
title: 'Quora Ad Details',
text: 'Check out this Quora ad campaign',
url: window.location.href
}).then(() => {
showNotification('Shared successfully!', 'success');
}).catch(console.error);
} else {
copyToClipboard(window.location.href);
}
};
// Theme toggle (though we're sticking with dark mode)
window.toggleTheme = function() {
const html = document.documentElement;
html.classList.toggle('dark');
showNotification(`Theme switched to ${html.classList.contains('dark') ? 'dark' : 'light'} mode`);
};
// Initialize animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('fade-in');
}
});
}, observerOptions);
// Observe all cards for animation
document.querySelectorAll('.card-hover').forEach(card => {
observer.observe(card);
});
}); |