eventmap/js/main.js

// Einstiegspunkt der Anwendung: initialisiert Store, Karte und Liste.

(function () {
  const { initStore } = EventMap.store;
  const { initMap, centerOnCoords, requestUserLocation } = EventMap.map;
  const { initList, initDetail, initForm, initFilterPanel } = EventMap.ui;

  function showFatalError(message) {
    const status = document.getElementById('app-status');
    if (!status) return;
    status.textContent = message;
    status.hidden = false;
  }

  function setupGeolocationButton() {
    const button = document.getElementById('locate-btn');
    if (!button) return;

    const defaultLabel = button.textContent;

    button.addEventListener('click', () => {
      button.disabled = true;
      button.textContent = 'Standort wird ermittelt…';

      requestUserLocation({
        onSuccess: ({ lat, lng }) => {
          centerOnCoords(lat, lng, 13);
          button.disabled = false;
          button.textContent = defaultLabel;
        },
        onError: () => {
          button.disabled = false;
          button.textContent = defaultLabel;
          showFatalError(
            'Standort konnte nicht ermittelt werden. Bitte Standortfreigabe im Browser prüfen.'
          );
        },
      });
    });
  }

  function setupAddPlaceButton() {
    const button = document.getElementById('add-place-btn');
    if (!button) return;

    button.addEventListener('click', () => {
      EventMap.ui.openPlaceForm();
    });
  }

  async function bootstrap() {
    await initStore();
    initMap('map');
    initFilterPanel('filter-panel');
    initList('place-list');
    initDetail('detail-modal');
    initForm('place-form-modal');
    setupGeolocationButton();
    setupAddPlaceButton();
  }

  bootstrap().catch((err) => {
    console.error('EventMap: Initialisierung fehlgeschlagen.', err);
    showFatalError('Die Anwendung konnte nicht geladen werden. Bitte Seite neu laden.');
  });
})();