umutyerebakmaz

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CanActivateRouteGuardService } from './services/can-activate-route-guard.service';
import { CantActivateRouteGuardService } from './services/cant-activate-route-guard.service';


const routes: Routes = [
  {
    path: 'login',
    loadChildren: './components/login-page/login-page.module#LoginPageModule',

umutyerebakmaz

# Angular 8 Events Cheet-sheet
(drag)="myFunction()"
(drop)="myFunction()"
(dragover)="myFunction()"

(blur)="someFunction()"  
(focus)="someFunction()" 

(scroll)="someFunction()"

umutyerebakmaz

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.scss']
})

export class FormComponent implements OnInit {

umutyerebakmaz

<div *ngIf="user && meQuery$ | async as meQuery" class="reader-up container" fxLayout="row" fxLayoutAlign="space-between">
  
	<div *ngIf="user.id === meQuery.me.id">
		<button>PROFİLİMİ GÜNCELLE</button>
	</div>
  
  .... other components.....
</div>

umutyerebakmaz

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.getUser(params.slug);
    });

  }

  getUser(slug: string) {
    this.user$ = this.userPageUserGQL
      .watch({ slug: slug }, {

umutyerebakmaz

import { Component, OnInit, OnDestroy } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { UserPageUserQuery, UserPageUserGQL, LoginPageMeQuery, LoginPageMeGQL } from '@generated-types';
import { Observable, Subscription } from 'rxjs';
import { map } from 'rxjs/operators';
import { SEOService } from '@services/seo.service';
import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { fas, faCoffee } from '@fortawesome/free-solid-svg-icons';
import { far } from '@fortawesome/free-regular-svg-icons';
import { fab } from '@fortawesome/free-brands-svg-icons';

umutyerebakmaz

<div class="role-badge" [ngClass]="{
  'green': user.role === 'ADMIN',
	'blue': user.role === 'MODERATOR',
	'black': user.role === 'MEMBER'
}">{{ user.role }}</div>

umutyerebakmaz

import { Entity, 
        PrimaryGeneratedColumn, 
        Column, 
        BaseEntity, 
        OneToMany, 
        CreateDateColumn, 
        UpdateDateColumn, 
        ManyToMany, 
        JoinTable, 
        OneToOne } from 'typeorm';

umutyerebakmaz

import { Entity, PrimaryGeneratedColumn, Column, BaseEntity, ManyToMany } from 'typeorm';
import { ObjectType, Field, ID } from 'type-graphql';

import { User } from '../user/user.entity';

@Entity()
@ObjectType()
export class Author extends BaseEntity {

    @PrimaryGeneratedColumn("uuid")

umutyerebakmaz

import { BaseEntity, PrimaryColumn, Entity, CreateDateColumn } from 'typeorm';

@Entity()
export class UserAuthorLike extends BaseEntity {

    @PrimaryColumn('uuid')
    userId: string;

    @PrimaryColumn('uuid')
    authorId: string;