223-238 Mapty , toggle type of workout

[webdiego]

Hello Jonas :)

I encountered an error in selecting the type of training; by default is setting on running and once is clicked "cycling" is changing rightly. (I've reached the lesson number 234)

The error arises when after selecting cycling, reloading the page show me still the type/input of cycling but with Cadence and if I click on running show me the ElevGain input.

Thanks for your effort for making this amazing course!

[jonasschmedtmann]

Hi Diego, Thank you too for being my amazing student :) Concerning your issue, please post this question in the official course Q&A on Udemy, this is the central place for all questions, and makes this information available to all students of the course :)

…

-- Jonas Schmedtmann jonas.io<http://jonas.io> / @Jonasschmedtman<https://twitter.com/jonasschmedtman> On January 8, 2021 at 12:27 AM, Diego massarini (notifications@github.com<mailto:notifications@github.com>) wrote: Hello Jonas :) I encountered an error in selecting the type of training; by default is setting on running and once is clicked "cycling" is changing rightly. (I've reached the lesson number 234) The error arises when after selecting cycling, reloading the page show me still the type of cycling but with cadence of running. Thanks for your effort for making this amazing course! — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub<#140>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AEO2BAWG7WMFRV5QXMQENXTSYY7NHANCNFSM4VZVPOEA>.

[webdiego]

Yes, I'll do it
Thanks Jonas for replay me!
Ciao :)

[zastar23]

Hello Jonas, why is workout undefined here? It's driving me crazy, please enlighten me 😢

_

moveToPopup(e) {
    // BUGFIX: When we click on a workout before the map has loaded, we get an error. But there is an easy fix:
    if (!this.#map) return;

    const workoutEl = e.target.closest('.workout');

    if (!workoutEl) return;

    const workout = this.#workouts.find(
      work => work.id === workoutEl.dataset.id
    );

    console.log(this, workoutEl, workout);
    this.#map.setView(workout.latlng, this.#mapZoomLevel, {
      animate: true,
      pan: {
        duration: 1,
      },
    });

    // using the public interface
    // workout.click();
  }