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] > <javascript:>> 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] <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> 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.
