Check Timeline OnLoad [SOLVED]

[Victor Work 172 Likes (Specialist)]

Hello GSAPers, I did a project here using DrawnSVGPlugin, SplitText, ScrollTo and a few others, and found a challenge:

The challenge is the dynamics of the Casting link.

I'm targeting, some Timelines that are triggered with click events on the bookmarks next to the photo.
Each indicator is linked to a Timeline, however all this content is only in one component (Home.vue); 
Example: Upon entering the Component it triggers the Timeline of Intro, which pulls a button that to the clicked triggers the Casting Timeline, there is the question:
Which way when I click on the casting button does it already enter by jumping the timeline of the intro and automatically firing the Casting Timeline?

I believe the best way would be a check to know if entering the component it is coming from an internal route or an external link, but I do not have the slightest idea how to do it.

Thank you very much in advance.

 

The project is in this link (provisional)
http://marcelocalcados.com.br/

[Sahil 2,655 Likes (Superhero)]

You mean when you are navigating on site you don't want intro to show up? If yes,

 

You can regenerate timeline using a function, if it is internal navigation, then skip the intro.

 

You can also seek() timeline from middle and play it by skipping intro.

[Victor Work 172 Likes (Specialist)]

I have never used .seek (), but according to your message I believe this is possible, do you have any idea how I can do to find out if the page input came via an internal navigation? A function maybe?

[Sahil 2,655 Likes (Superhero)]

I guess you can use document.referrer to check what was the last link. Otherwise try forums for vue, or someone else will help you out.

[Victor Work 172 Likes (Specialist)]

I'll try, and when I can, I'll tell you which method was used.

 

Thx  @Sahil

[Sahil 2,655 Likes (Superhero)]

Great, it sucks when people don't post what their solution was, had seen it on more than few threads.

[Victor Work 172 Likes (Specialist)]

 

After much searching on the internet, and not finding the solution,

because the document.referrer method does not work for the VueJs route system,

I ended up buying a course at Udemy that explains how to manipulate data before entering the route, so I found a solution ,

I used the .trigger () event of jQuery and inserted it into the function that is executed before entering the route.
The result is in the Snippet below.
Stay there for someone if you are interested:

 

beforeRouteEnter (to, from, next) { 
    if (from.name === 'NameOfComponent'){
        next(vm => {
            $( ".box" ).trigger( "click" );
            console.log('Veio do Vuetif')
        });
        } else {
            next();
        }
  }

 

Thx @Sahil Again.

[Sahil 2,655 Likes (Superhero)]

Oh, I actually had idea that you can check something like that but I have zero knowledge of vue. Anyways hope it was worth it.