Discussion for angular (2+) - need help? create a stackblitz with your issue to get help faster using this template: https://stackblitz.com/fork/angular-issue-repro2
where one rectangle overlap other
that's clear
the docker approach is also a nice one to try for ngnix
r1 - rectangle 1 ?
8 replies
exectp that is calculating the total of both rectangles intersecting
sounds like you might just need to know the area of the intersection itself
but if they just wanted the total area of the intersection area
its the areaI
but I am still not sure how to do that
export class AuthGuard implements CanActivate, CanActivateChild {
constructor(private authService: UserService, private router: Router) {}
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean| UrlTree {
let url: string = state.url;
return this.isLoggedIn();
}
canActivateChild(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean|UrlTree {
return this.canActivate(route, state);
}
private isLoggedIn(): boolean|UrlTree {
console.log('jsessionid isLoggedIn:'+sessionStorage.getItem('jsessionid'));
if (sessionStorage.getItem('jsessionid')!=null)
{
console.log('jsessionid isLoggedIn:true');
return true;}
sessionStorage.setItem('expired','You are loggedout, please login');
return this.router.parseUrl('\login');
}
}export class AuthGuard implements CanActivate, CanActivateChild {
constructor(private authService: UserService, private router: Router) {}
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean| UrlTree {
let url: string = state.url;
return this.isLoggedIn();
}
canActivateChild(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean|UrlTree {
return this.canActivate(route, state);
}
private isLoggedIn(): boolean|UrlTree {
console.log('jsessionid isLoggedIn:'+sessionStorage.getItem('jsessionid'));
if (sessionStorage.getItem('jsessionid')!=null)
{
console.log('jsessionid isLoggedIn:true');
return true;}
sessionStorage.setItem('expired','You are loggedout, please login');
return this.router.parseUrl('\login');
}
}const routes: Routes = [
{ path: '', canActivateChild: [AuthGuard],
children: [
{ path: 'life-home/:id', component: LifeHomeComponent},
{ path: 'profile/:id', component: ProfileComponent },
{ path: 'search/:id/:domain', component: SearchComponent },
{ path: 'user/:id/:source', component: UserComponent },
{ path: 'user/:id/:source/:type', component: UserComponent }
]},
{ path: 'login', component: LoginComponent }
]
;
@NgModule({
imports: [ RouterModule.forRoot(routes) ],
exports: [ RouterModule ]
})
export class AppRoutingModule { }
this is what i have:
// login component
submit(){
if (!this.loginForm.valid) {
return;
}
this.authService.login(this.loginForm.value).pipe(first()).subscribe({
next: () => {
// get return url from route parameters or default to '/'
const returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
console.log(returnUrl.toString())
this.router.navigate(['/']);
},
error: error => {
this.error = error;
console.log('ERROR: ', this.error)
}
})
}
auth guard
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
const currentUser = this.auth.currentUserValue
if(currentUser){
// logged in so return true
console.log('testinghere')
return true;
}
// not logged in so redirect to login page with the return url
this.router.navigate(['/login'], { queryParams: { returnUrl: state.url }});
return false;
}
service
private currenUserSubject: BehaviorSubject<User>
public currenUser: Observable<User>
constructor(
protected router: Router,
protected session: SessionService,
protected api: ApiService,
private http: HttpClient
) {
this.user = session.getUser();
this.currenUserSubject = new BehaviorSubject<User>(JSON.parse(localStorage.getItem('_user')))
this.currenUser = this.currenUserSubject.asObservable()
}
public isAuthenticated(): boolean {
return (!!this.user && !!this.user.token);
}
public get currentUserValue(): User {
return this.currenUserSubject.value
}
public login(formdata){
let url = this.api.post('admin/login', formdata)
return this.http.post<any>(url, formdata, { headers: this.api.headers }).pipe(
map( user => {
this.user = user['data'].records
this.authToken = this.user.token
this.session.setUser(this.user)
return user
})
)
and your routing module?
routing module:
const routes: Routes = [
{
path: 'inventory',
component: InventoryComponent,
canActivate: [AuthGuard]
},
{
path: 'dashboard',
component: DashboardComponent,
canActivate: [AuthGuard]
},
{
path: '',
redirectTo: 'dashboard',
pathMatch: 'full',
canActivate: [AuthGuard]
},
{
path: 'login',
component: LoginComponent
}
];
you no need to specify authgurad to every route
try something like
const routes: Routes = [
{ path: '', canActivateChild: [AuthGuard],
children: [
{ path: 'life-home/:id', component: LifeHomeComponent},
{ path: 'profile/:id', component: ProfileComponent },
{ path: 'search/:id/:domain', component: SearchComponent },
{ path: 'user/:id/:source', component: UserComponent },
{ path: 'user/:id/:source/:type', component: UserComponent }
]},
{ path: 'login', component: LoginComponent }
]
;
Hey everyone,
I added some scripts in the angular.json build scripts object. Through some console logs I'm seeing this is causing main.ts to be run multiple times (looks like once for each script). Is this the intended behavior? If not, what would cause main.ts to be run multiple times?
There's some kind of contract mismatch and I'm not sure how to get references to the proper version into my build.
ill also fix the routes ty!
We are close to 1500 members (including some of Angular Team members, collaborators and GDEs) at discord.gg/angular
Join us for questions and discussions :)
Anyone idea about how to trigger scroll when cd-drag start with cdk-viewport-scroller ?
