nicobytes

1. Install UI Framework

npm i bulma --save npm i --save @fortawesome/fontawesome-free

2. Inlcude en Angular.json

node_modules/bulma/css/bulma.min.css node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css

nicobytes

server {
  listen 80;
  location / {
    root /usr/share/nginx/html;
    index index.html index.htm;
    try_files $uri $uri/ /index.html =404;
  }
}

nicobytes

import requests

project_id = 'xxxxx'
labels = ['New funcionality', 'Support', 'Maintenance']
milestone = 'v1.6.0'
state = 'closed'

url = f'https://gitlab.com/api/v4/projects/{project_id}/issues'
headers = {'Authorization': 'Bearer xxxxxxxx'} # https://docs.gitlab.com/ee/user/profile/personal_access_tokens.html#limiting-scopes-of-a-personal-access-token

nicobytes

1. Create Form group

export class FormComponent implements OnInit {

  form: FormGroup;

  constructor() {
    this.buildForm();
  }

nicobytes

1. Init

ng new angular-forms

2. Create component

ng g c components/product-form

nicobytes

1 Load Map

View: https://www.youtube.com/watch?v=t-hZa1mPPN0

2 Declare global services

map: any;
directionsService = new google.maps.DirectionsService();

nicobytes

1 Add SDK Google Maps

<script src="https://maps.googleapis.com/maps/api/js?key=KEY"></script>

2 Create div in html and declare

declare var google;

nicobytes

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

  constructor() { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

nicobytes

export class ValidateEmailNotTaken {
  static createValidator(signupService: SignupService) {
    return (control: AbstractControl) => {
      return signupService.checkEmailNotTaken(control.value).map(res => {
        return res ? null : { emailTaken: true };
      });
    };
  }
}

nicobytes

static passwordMatchValidator(control: AbstractControl) {
  const password: string = control.get('password').value; // get password from our password form control
  const confirmPassword: string = control.get('confirmPassword').value; // get password from our confirmPassword form control
  // compare is the password math
  if (password !== confirmPassword) {
    // if they don't match, set an error in our confirmPassword form control
    control.get('confirmPassword').setErrors({ NoPassswordMatch: true });
  }
}