Skip to content

Instantly share code, notes, and snippets.

View vadamk's full-sized avatar

Volodymyr Kravchuk vadamk

View GitHub Profile
@vadamk
vadamk / Assign&Responses.md
Last active October 31, 2018 09:12
Assign Responses
@vadamk
vadamk / Login form - angular 6
Last active October 9, 2018 14:42
Login form - angular 6
<form
(ngSubmit)="onSubmit(loginForm)"
#loginForm="ngForm">
<div class="form-group">
<label for="email">Email address</label>
<input
email
type="email"
class="form-control"
import { Injectable } from '@angular/core';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
@Injectable()
export class AuthGuard implements CanActivate {
constructor(private _router: Router) { }
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError, map } from 'rxjs/operators';
import { LoginService } from '@core/services/auth/login.service';
@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
constructor(private loginService: LoginService) { }
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class JwtInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
// add authorization header with jwt token if available
const userSession = JSON.parse(localStorage.getItem('userSession'));
<form
[formGroup]="loginForm"
(ngSubmit)="onSubmit()">
<div class="form-group">
<label for="userName">Email address</label>
<input
email
type="email"
id="userName"
<div
class="toggle-button"
[ngClass]="{'toggle-button_on': innerValue}"
(click)="toggle()">
<div class="toggle-button__circle"></div>
</div>
.toggle-button {
width: 47px;
height: 18px;
@vadamk
vadamk / Reports.md
Last active November 6, 2018 09:24

WSO and SO

  • Analize ~ 1d

  • Change select TreeView component ~ 4d

    • поки незрозумілий дизайн
  • Make WSManager module feauter module ~ 6h

    • треба проаналізувати, як зміниться логіка цього компонента
import React from 'react';
import PropTypes from 'prop-types';
import { classNames } from 'core/utils';
import {
btn,
btn_fluid,
btn_short,
btn_small,
btn_success,

The main idea of encapsulated styles that if somebody using the same class in another component it will not break the style of your component.

TREE

./
../Button
../../index.js
../../styles.module.css