// Check if language is Arabic function isArabic() { return document.documentElement.lang === 'ar' || document.documentElement.getAttribute('dir') === 'rtl' || new URLSearchParams(window.location.search).get('lang') === 'ar'; } // Register Service Worker for PWA functionality if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { // Service Worker registered }) .catch(function(registrationError) { // Service Worker registration failed }); }); } // Function to update banner language function updateBannerLanguage() { const banner = document.getElementById('pwa-install-banner'); if (!banner) return; const lang = isArabic(); const messages = { en: { title: 'Install City Beautification Department Portal for quick access', install: 'Install' }, ar: { title: 'ثبّت منصة تجميل المدينة للوصول السريع', install: 'تثبيت' } }; const text = lang ? messages.ar : messages.en; const margin = lang ? 'left' : 'right'; banner.style.cssText = lang ? 'position: fixed; bottom: 20px; left: 20px; right: 20px; background: #8B1538; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: space-between; direction: rtl;' : 'position: fixed; bottom: 20px; left: 20px; right: 20px; background: #8B1538; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: space-between; direction: ltr;'; banner.innerHTML = '

' + '' + '' + text.title + '' + '

' + '

' + '' + '' + '

'; } // Handle PWA install prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; const lang = isArabic(); const messages = { en: { title: 'Install Dubai Municipality Portal for quick access', install: 'Install' }, ar: { title: 'ثبّت منصة بلدية دبي للوصول السريع', install: 'تثبيت' } }; const text = lang ? messages.ar : messages.en; const margin = lang ? 'left' : 'right'; // Show install button or banner const installBanner = document.createElement('div'); installBanner.id = 'pwa-install-banner'; installBanner.style.cssText = lang ? 'position: fixed; bottom: 20px; left: 20px; right: 20px; background: #8B1538; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: space-between; direction: rtl;' : 'position: fixed; bottom: 20px; left: 20px; right: 20px; background: #8B1538; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: space-between; direction: ltr;'; installBanner.innerHTML = '

' + '' + '' + text.title + '' + '

' + '

' + '' + '' + '

'; document.body.appendChild(installBanner); // Listen for language changes - check every 2 seconds const languageCheck = setInterval(function() { updateBannerLanguage(); }, 2000); // Clear interval when banner is removed const closeBtn = installBanner.querySelector('button[onclick*="getElementById"]'); if (closeBtn) { closeBtn.addEventListener('click', function() { clearInterval(languageCheck); }); } }); window.installPWA = async () => { if (deferredPrompt) { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; deferredPrompt = null; // Remove install banner const banner = document.getElementById('pwa-install-banner'); if (banner) banner.remove(); } };

City Beautification Portal

Green Dubai Initiative

Urban Development

Community Engagement