📍

Cho phép truy cập vị trí?

Giúp hiển thị sản phẩm gần bạn và tính phí vận chuyển chính xác hơn

`; // Event listeners const self = this; notification.querySelector('#location-allow').addEventListener('click', function() { localStorage.setItem('eb_location_permission', 'granted'); self.getCurrentLocation(); notification.style.animation = 'slideOutToRight 0.3s ease forwards'; setTimeout(() => document.body.removeChild(notification), 300); }); notification.querySelector('#location-deny').addEventListener('click', function() { localStorage.setItem('eb_location_permission', 'denied'); self.handleLocationDenied(); notification.style.animation = 'slideOutToRight 0.3s ease forwards'; setTimeout(() => document.body.removeChild(notification), 300); }); notification.querySelector('#location-close').addEventListener('click', function() { notification.style.animation = 'slideOutToRight 0.3s ease forwards'; setTimeout(() => document.body.removeChild(notification), 300); }); return notification; }, // Lấy vị trí người dùng khi đã có quyền getCurrentLocation: function() { if (!navigator.geolocation) return; navigator.geolocation.getCurrentPosition( (position) => { this.currentLocation = { latitude: position.coords.latitude, longitude: position.coords.longitude, accuracy: position.coords.accuracy, timestamp: Date.now() }; // 🎯 Detect location info (country/city) từ coordinates this.detectLocationInfo(position.coords.latitude, position.coords.longitude); this.sendLocationToAnalytics(); // Thông báo thành công window.dispatchEvent(new CustomEvent('locationGranted', { detail: this.currentLocation })); }, (error) => { }, { enableHighAccuracy: true, timeout: 10000, maximumAge: 300000 // 5 phút } ); }, // 🎯 Detect basic location info từ coordinates detectLocationInfo: function(lat, lng) { if (lat >= 8.0 && lat <= 23.4 && lng >= 102.0 && lng <= 109.5) { // Ho Chi Minh City if (lat >= 10.5 && lat <= 11.0 && lng >= 106.0 && lng <= 107.0) { this.locationInfo = { country: 'Vietnam', city: 'Ho Chi Minh City' }; } // Hanoi else if (lat >= 20.5 && lat <= 21.5 && lng >= 105.0 && lng <= 106.0) { this.locationInfo = { country: 'Vietnam', city: 'Hanoi' }; } // Other Vietnam cities else { this.locationInfo = { country: 'Vietnam', city: 'Vietnam' }; } } else { this.locationInfo = { country: 'Unknown', city: 'Unknown' }; } }, // Hiển thị thông báo thành công showLocationSuccessNotification: function() { // Trigger event cho LocationPermissionNotification component window.dispatchEvent(new CustomEvent('locationGranted', { detail: { location: this.currentLocation } })); }, // Xử lý khi người dùng từ chối handleLocationDenied: function() { localStorage.setItem('location_permission', 'denied'); }, // Xử lý lỗi vị trí handleLocationError: function(error) { let errorMessage = 'Unknown error'; switch(error.code) { case error.PERMISSION_DENIED: errorMessage = 'Người dùng từ chối chia sẻ vị trí'; localStorage.setItem('location_permission', 'denied'); break; case error.POSITION_UNAVAILABLE: errorMessage = 'Thông tin vị trí không khả dụng'; break; case error.TIMEOUT: errorMessage = 'Timeout lấy vị trí'; break; } }, // Gửi dữ liệu vị trí lên analytics sendLocationToAnalytics: function() { if (!this.currentLocation || !window.EbAnalytics) return; fetch(`${window.EbAnalyticsConfig?.baseUrl || ''}/analytics/track/location`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sessionId: window.EbAnalytics.sessionId, visitorId: window.EbAnalytics.visitorId, location: this.currentLocation, userAgent: navigator.userAgent, timestamp: Date.now(), pageUrl: window.location.href }) }).catch(function () { /* analytics không được phép làm hỏng trang */ }); } };

Menu

Danh mục sản phẩm

APPLE PENCIL PRO

Thông tin sản phẩm