amcdnl

const avgSize = 20;
const scrollOffset = 225;

function measureRangeSize({ start, end }) {
  const size = 15;
  return (start + end) * size;
}

function getOffset(range, index) {
  const isInView = index > range.start && index < range.end;

amcdnl

@NgModule({
  imports: [
    NgxsModule.forRoot([]),
    NgxsStoragePluginModule.forRoot({
      migrations: [
        {
          version: 1,
          key: 'zoo',
          versionKey: 'myVersion',
          migrate: (state) => {

amcdnl

const reduxAdapter = (middleware) => {
 return (state, action, next) => {
  const storeAdapter = {
    getState: () => {
      return state;
    }
  };

  const nextAdapter = (fn) => {
    const result = next(state, fn);

amcdnl

@Component({
  selector: 'app'
})
export class AppComponent {

  constructor(private actions: Actions, private router: Router) {}

  ngOnInit() {
    this.actions.pipe(ofActionDispatched(Logout)).subscribe(() => this.router.navigate(['/login']));
  }

amcdnl

export const routes: Routes = [
  {
    path: 'admin',
    loadChildren: './admin/admin.module#AdminModule',
    canActivate: [AuthGuard]
  }
];

amcdnl

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private store: Store) {}

  canActivate() {
    return this.store.select(AuthState.token);
  }

}

amcdnl

@NgModule({
  imports: [
    NgxsModule.forRoot([AuthState]),
    NgxsStoragePluginModule.forRoot({
      keys: 'auth.token'
    })
  ]
})
export class AppModule {}

amcdnl

@State<AuthStateModel>({
  name: 'auth'
})
export class AuthState {

  @Selector()
  static token(state: AuthStateModel) { return state.token; }

  constructor(private authService: AuthService) {}

amcdnl

export class AuthStateModel {
  token: string;
  username: string;
}

export class Login {
  static readonly type = '[Auth] Login';
  constructor(public payload: { username: string, password: string }) {}
}

amcdnl

import { Directive, AfterContentInit, ContentChildren, QueryList, Output, EventEmitter, Inject, forwardRef } from '@angular/core';
import { GridResizeHandleComponent } from './grid-resize-handle.component';
import { GridHeaderCellComponent } from '../cell/grid-header-cell.component';
import { ColumnWidthHelper } from '../../column-width';
import { GridHeaderRowComponent } from '../grid-header-row.component';

@Directive({
  selector: '[dfGridResize]'
})
export class GridResizeDirective implements AfterContentInit {