|
|
|
// Example location data
|
|
|
|
const locationData = {
|
|
|
|
'digital-hub': {
|
|
|
|
text: 'The Digital Hub, 10-13 Thomas St, The Liberties, Dublin 8, D08 PX8H',
|
|
|
|
imageUrl: '/public/images/locations/digital-hub.webp',
|
|
|
|
direction: 'https://www.google.com/maps/dir//115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970/@53.3391179,-6.3569591,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48670e89423ed249:0x8aa3669566840ff9!2m2!1d-6.274559!2d53.3391463?entry=ttu'
|
|
|
|
},
|
|
|
|
'pallas-projects': {
|
|
|
|
text: '115-117, The Coombe, The Liberties, Dublin, D08 A970',
|
|
|
|
imageUrl: 'public/images/locations/pallas.webp',
|
|
|
|
direction: 'https://www.google.com/maps?gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgYIARBFGDkyBggCEEUYOzIGCAMQRRg8MgYIBBAuGEDSAQgxNDA3ajBqOagCALACAQ&um=1&ie=UTF-8&fb=1&gl=ie&sa=X&geocode=KUnSPkKJDmdIMfkPhGaVZqOK&daddr=115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970'
|
|
|
|
},
|
|
|
|
'fire-station': {
|
|
|
|
text: '9 - 12 Buckingham Street Lower, Mountjoy, Dublin 1',
|
|
|
|
imageUrl: 'public/images/locations/fire.webp',
|
|
|
|
direction: 'https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670e897d6ec3f7:0x2eee044a4b511022?sa=X&ved=1t:8290&ictx=111'
|
|
|
|
},
|
|
|
|
'imma': {
|
|
|
|
text: 'Royal Hospital Kilmainham, Military Rd, Kilmainham, Dublin 8, D08 FW31',
|
|
|
|
imageUrl: 'public/images/locations/imma.webp',
|
|
|
|
direction: 'https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670c462efd7fcd:0x3dc9b365e0e6ace?sa=X&ved=1t:8290&ictx=111'
|
|
|
|
},
|
|
|
|
'digital-bank': {
|
|
|
|
text: '85 James St, The Liberties, Dublin 8, D08 C2PR',
|
|
|
|
imageUrl: '/public/images/locations/bank.webp',
|
|
|
|
direction: 'https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670d2fc081f95f:0xa5173048f627d0?sa=X&ved=1t:8290&ictx=111'
|
|
|
|
}
|
|
|
|
// Add more locations as needed
|
|
|
|
};
|
|
|
|
|
|
|
|
// Function to update the content
|
|
|
|
function updateLocationContent(locationKey) {
|
|
|
|
const location = locationData[locationKey];
|
|
|
|
if (location) {
|
|
|
|
document.getElementById('location-text').innerText = location.text;
|
|
|
|
document.getElementById('location-img').src = location.imageUrl;
|
|
|
|
document.getElementById('location-direction').href = location.direction;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Add event listeners to buttons
|
|
|
|
document.querySelectorAll('.location-button').forEach(button => {
|
|
|
|
button.addEventListener('click', (event) => {
|
|
|
|
const locationKey = event.currentTarget.getAttribute('data-location');
|
|
|
|
updateLocationContent(locationKey);
|
|
|
|
});
|
|
|
|
});
|