Yes. On Mon, Jul 4, 2016, 09:33 Simon Azzopardi <[email protected]> wrote:
> Hi Lucas, > > You mean I need to crop the url to get the last part of the url, example > clients? > > > On Monday, July 4, 2016 at 12:28:08 PM UTC+2, Lucas Lacroix wrote: > >> Like I said already: you will need to adjust the URL to match your >> application. >> >> On Mon, Jul 4, 2016, 06:26 Simon Azzopardi <[email protected]> >> wrote: >> >>> Hi Lucas, >>> >>> I have already tried that but it is not redirecting there. >>> >>> this._router.navigate([originalUrl]); >>> >>> originalUrl = http://localhost/dashboard/clients for example >>> >>> >>> On Monday, July 4, 2016 at 12:19:54 PM UTC+2, Lucas Lacroix wrote: >>> >>>> onLogin() { >>>> this._route.params.subscribe(params => { >>>> let originalUrl = params['from']; >>>> this._router.navigate([originalUrl]); >>>> }); >>>> } >>>> >>>> You may need to adjust originalUrl to match the base of your >>>> application. >>>> >>> >>>> On Mon, Jul 4, 2016 at 6:14 AM, Simon Azzopardi < >>>> [email protected]> wrote: >>>> >>>>> Hi Lucas, >>>>> >>>>> I am referring to the Login Component. >>>>> >>>>> Once I get the params, from the *from *parameter for example and it >>>>> will be: localhost/dashboard/clients >>>>> >>>>> How I can tell the this._router to navigate to that url? >>>>> >>>>> On Monday, July 4, 2016 at 12:10:29 PM UTC+2, Lucas Lacroix wrote: >>>>>> >>>>>> Open your browser debugging tools and play around with the location >>>>>> object. Between that and the documentation I already sent you, you should >>>>>> be able to figure it out. >>>>>> >>>>>> On Mon, Jul 4, 2016, 06:08 Simon Azzopardi < >>>>>> [email protected]> wrote: >>>>>> >>>>>>> Hi Lucas, >>>>>>> >>>>>>> Thanks for that. >>>>>>> >>>>>>> I was already there but how can i tell router to navigate with the >>>>>>> full url: localhost:1245/dashboard/clients ? >>>>>>> >>>>>>> Thanks kinds Regards >>>>>>> >>>>>>> >>>>>>> On Monday, July 4, 2016 at 12:01:46 PM UTC+2, Lucas Lacroix wrote: >>>>>>> >>>>>>>> Hi Simon, >>>>>>>> This has nothing to do with Angular2 and is basic Javascript >>>>>>>> programming. I would suggest that you take a look at some Javascript >>>>>>>> tutorials if you need help in that arena. If you need help specifically >>>>>>>> with Angular2, this is the forum for you. >>>>>>>> >>>>>>>> That being said... >>>>>>>> this._route.navigate(['/login'], { >>>>>>>> from: location.toString(), >>>>>>>> .... >>>>>>>> }); >>>>>>>> >>>>>>>> Then, follow the tutorial here ( >>>>>>>> https://angular.io/docs/ts/latest/guide/router.html#!#route-parameters) >>>>>>>> to get the parameter back in to your login component. >>>>>>>> >>>>>>> >>>>>>>> On Mon, Jul 4, 2016 at 5:48 AM, Simon Azzopardi < >>>>>>>> [email protected]> wrote: >>>>>>>> >>>>>>>>> Hi Lucas, >>>>>>>>> >>>>>>>>> I want the component name so that I can pass it as queryParams to >>>>>>>>> the login component and then once log in, user will be taken to the >>>>>>>>> component as in the query params, using the router navigate. >>>>>>>>> >>>>>>>>> Any idea how I can achieve this please? >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> On Monday, July 4, 2016 at 3:54:35 AM UTC+2, Lucas Lacroix wrote: >>>>>>>>>> >>>>>>>>>> I sent you the documentation already. >>>>>>>>>> >>>>>>>>>> On Sun, Jul 3, 2016, 09:58 Simon Azzopardi < >>>>>>>>>> [email protected]> wrote: >>>>>>>>>> >>>>>>>>>>> HI Lucas, >>>>>>>>>>> >>>>>>>>>>> thank you for your reply. >>>>>>>>>>> >>>>>>>>>>> Do you have an example how I can use the location object to get >>>>>>>>>>> the current url? >>>>>>>>>>> >>>>>>>>>>> Thank you >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> On Saturday, July 2, 2016 at 8:36:58 PM UTC+2, Lucas Lacroix >>>>>>>>>>> wrote: >>>>>>>>>>> >>>>>>>>>>>> Use the location object: >>>>>>>>>>>> http://www.w3schools.com/jsref/obj_location.asp >>>>>>>>>>>> Then, when you redirect to the login, pass the current URL as >>>>>>>>>>>> an encoded parameter to the login URL. >>>>>>>>>>>> >>>>>>>>>>>> On Sat, Jul 2, 2016 at 9:41 AM, Simon Azzopardi < >>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>> >>>>>>>>>>> Any idea guys please? >>>>>>>>>>>>> >>>>>>>>>>>>> On Friday, July 1, 2016 at 2:01:12 PM UTC+2, Simon Azzopardi >>>>>>>>>>>>> wrote: >>>>>>>>>>>>>> >>>>>>>>>>>>>> Hi guys, >>>>>>>>>>>>>> >>>>>>>>>>>>>> hope you're fine. >>>>>>>>>>>>>> >>>>>>>>>>>>>> I have a dilemma how I can navigate users back to the >>>>>>>>>>>>>> previous url where they was after they were redirected to the >>>>>>>>>>>>>> login page. >>>>>>>>>>>>>> >>>>>>>>>>>>>> Currently, I have this AuthGuard service: >>>>>>>>>>>>>> >>>>>>>>>>>>>> import { Injectable } from '@angular/core'; >>>>>>>>>>>>>> import { CanActivate, >>>>>>>>>>>>>> Router, >>>>>>>>>>>>>> ActivatedRouteSnapshot, >>>>>>>>>>>>>> RouterStateSnapshot } from '@angular/router'; >>>>>>>>>>>>>> import { AuthService } from './auth.service'; >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> import {Observable} from 'rxjs/Observable'; >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> @Injectable() >>>>>>>>>>>>>> export class AuthGuard { >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> constructor(private _authService: AuthService, private >>>>>>>>>>>>>> _router: Router) {} >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> canActivate(): Observable<boolean>{ >>>>>>>>>>>>>> return this._authService.checkIfUserIsLoggedIn() >>>>>>>>>>>>>> .map((result) => { >>>>>>>>>>>>>> >>>>>>>>>>>>>> if (result["_body"] == "true") { >>>>>>>>>>>>>> >>>>>>>>>>>>>> return true; >>>>>>>>>>>>>> } else { >>>>>>>>>>>>>> this._router.navigate(['/login'], { queryParams: {message: 'You >>>>>>>>>>>>>> must be logged in to access Dashboard!'}}); >>>>>>>>>>>>>> return false; >>>>>>>>>>>>>> } >>>>>>>>>>>>>> }); >>>>>>>>>>>>>> } >>>>>>>>>>>>>> } >>>>>>>>>>>>>> >>>>>>>>>>>>>> Then, I assigned it accordingly to my dashboard routes: >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> export const DashboardRoutes: RouterConfig = [ >>>>>>>>>>>>>> { >>>>>>>>>>>>>> path: '', >>>>>>>>>>>>>> redirectTo: '/dashboard', >>>>>>>>>>>>>> terminal:true >>>>>>>>>>>>>> }, >>>>>>>>>>>>>> { >>>>>>>>>>>>>> path: '/dashboard', >>>>>>>>>>>>>> component: DashboardComponent, >>>>>>>>>>>>>> canActivate: [AuthGuard], >>>>>>>>>>>>>> children:[ >>>>>>>>>>>>>> {path: '', component: DashboardHomeComponent, >>>>>>>>>>>>>> canActivate: [AuthGuard]}, >>>>>>>>>>>>>> {path: '/jobs', component: JobsComponent, canActivate >>>>>>>>>>>>>> : [AuthGuard]} >>>>>>>>>>>>>> ] >>>>>>>>>>>>>> }, >>>>>>>>>>>>>> ]; >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> Now I would like to know how I can get the previous url ater >>>>>>>>>>>>>> they were redirected to the login, to login first. >>>>>>>>>>>>>> >>>>>>>>>>>>>> Any ideas please? >>>>>>>>>>>>>> >>>>>>>>>>>>>> thank you in advance. >>>>>>>>>>>>>> >>>>>>>>>>>>>> Kind Regards >>>>>>>>>>>>>> >>>>>>>>>>>>> -- >>>>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>>>>> >>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from >>>>>>>>>>>>> it, send an email to [email protected]. >>>>>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>>> Visit this group at https://groups.google.com/group/angular. >>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> -- >>>>>>>>>>>> Lucas Lacroix >>>>>>>>>>>> Computer Scientist >>>>>>>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com> >>>>>>>>>>>> 781-774-2293 >>>>>>>>>>>> >>>>>>>>>>> -- >>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>>> To unsubscribe from this group and stop receiving emails from >>>>>>>>>>> it, send an email to [email protected]. >>>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>>> Visit this group at https://groups.google.com/group/angular. >>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>> >>>>>>>>>> -- >>>>>>>>> You received this message because you are subscribed to the Google >>>>>>>>> Groups "AngularJS" group. >>>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>>> send an email to [email protected]. >>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>> Visit this group at https://groups.google.com/group/angular. >>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> Lucas Lacroix >>>>>>>> Computer Scientist >>>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com> >>>>>>>> 781-774-2293 >>>>>>>> >>>>>>> -- >>>>>>> You received this message because you are subscribed to the Google >>>>>>> Groups "AngularJS" group. >>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>> send an email to [email protected]. >>>>>>> To post to this group, send email to [email protected]. >>>>>>> Visit this group at https://groups.google.com/group/angular. >>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>> >>>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "AngularJS" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to [email protected]. >>>>> To post to this group, send email to [email protected]. >>>>> Visit this group at https://groups.google.com/group/angular. >>>>> For more options, visit https://groups.google.com/d/optout. >>>>> >>>> >>>> >>>> >>>> -- >>>> Lucas Lacroix >>>> Computer Scientist >>>> System Technology Division, MEDITECH <http://ehr.meditech.com> >>>> 781-774-2293 >>>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "AngularJS" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at https://groups.google.com/group/angular. >>> For more options, visit https://groups.google.com/d/optout. >>> >> -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at https://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
