Skip to content

Instantly share code, notes, and snippets.

View rexar1988's full-sized avatar

Denis rexar1988

  • @Ovidien
  • Ukraine
View GitHub Profile
@rexar1988
rexar1988 / index.js
Last active July 30, 2020 16:46
Create and append element in Vanilla JavaScript
// Элемент который нужно вставить
const element = document.querySelector('.element');
// Элемент-контейнер после которого мы вставим контент
const parentElement = document.querySelector('.parent-element');
// Вставка
parentElement.after(element)
@rexar1988
rexar1988 / mockActivatedRoute.ts
Created February 10, 2020 19:56 — forked from benjamincharity/mockActivatedRoute.ts
Mock ActivatedRoute with params, data and snapshot.
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
MdToolbarModule,
],
providers: [
{
provide: Router,
useClass: MockRouter,
},
@rexar1988
rexar1988 / app-routes.module.ts
Created October 8, 2018 16:51
Angular 2+: Routing Module
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { InsideLayoutComponent } from './core/inside-layout/inside-layout.component';
const AppRouter: Routes = [
{
path: '', component: InsideLayoutComponent, children: [
{
path: 'black-market', loadChildren: './modules/market/market.module#MarketModule'
},
@rexar1988
rexar1988 / http.service.ts
Last active October 8, 2018 16:48
Angular 2+: Http Service
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { environment } from '../../../environments/environment';
@Injectable()
export class HttpCallService {
link = environment.serverDomain;
constructor(private httpClient: HttpClient) {}
@rexar1988
rexar1988 / auth.interceptor.ts
Created October 8, 2018 16:45
Angular 2+: Interceptor
import {ApiAuthService} from './api-auth.service';
import {HttpRequest, HttpEvent, HttpHandler, HttpInterceptor} from '@angular/common/http';
import {Injectable} from '@angular/core';
import {Observable} from 'rxjs/Observable';
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
constructor(private authService: ApiAuthService) {}
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const copiedAuthRequest = req.clone({
@rexar1988
rexar1988 / app.component.ts
Created September 26, 2018 18:40
Angular 4: Get element from html to ts
@Component({
selector: 'sample',
template: `
<span #tref>I am span</span>
`
})
export class SampleComponent implements AfterViewInit {
@ViewChild("tref", {read: ElementRef}) tref: ElementRef;
ngAfterViewInit(): void {
@rexar1988
rexar1988 / adv-routes.module.ts
Created September 20, 2018 13:46
Angular: Url params
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AdvComponent } from './adv.component';
const routes: Routes = [
{
path: ':id', component: AdvComponent
}
];
@rexar1988
rexar1988 / style.css
Created September 14, 2018 08:56
CSS: Media queries
@media (min-width: 1440px) {}
@media (max-width: 1440px) {}
@media (max-width: 1200px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {}
@media (max-width: 425px) {}
@media (max-width: 375px) {}
@media (max-width: 320px) {}
@rexar1988
rexar1988 / guard.service.ts
Last active September 14, 2018 19:49
Angular: Guard
import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
@Injectable()
export class AuthGuard implements CanActivate {
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean>|Promise<boolean>|boolean {
return true;
}
}
@rexar1988
rexar1988 / form-validate.component.html
Last active October 2, 2018 20:05
Angular: Reactive Forms and form validate
<form [formGroup]="form" (submit)="onSubmit()">
<input type="text" formControlName="title">
<button type="submit" [disabled]="form.invalid">Сохранить объявление</button>
</form>