Israel Parra uno-de-piera

uno-de-piera / form.component.html

Created January 7, 2018 19:11

	<div class="form-group">
	<label class="center-block">Teléfono:
	<input type="text" class="form-control" formControlName="phone">
	</label>

	<div *ngIf="loginForm.get('phone').errors" class="alert alert-danger">
	<div *ngIf="loginForm.get('phone').errors['required']">
	Teléfono requerido
	</div>
	<div *ngIf="loginForm.get('phone').errors['phoneNumber']">

uno-de-piera / phone.validator.ts

Created January 7, 2018 19:07

Validar número teléfono Angular 5

	import {AbstractControl, ValidatorFn} from '@angular/forms';

	export function phoneValidator(phoneExp: RegExp): ValidatorFn {
	return (control: AbstractControl): {[key: string]: any} => {
	const phone = phoneExp.test(control.value);
	return !phone ? {'phoneNumber': {value: control.value}} : null;
	};
	}

uno-de-piera / auth.module.ts

Created January 7, 2018 15:48

	import { LoginComponent } from './login/login.component';
	import {AuthRoutingModule} from './auth-routing.module';
	import {ReactiveFormsModule} from '@angular/forms';

	@NgModule({
	imports: [
	CommonModule,
	AuthRoutingModule,
	ReactiveFormsModule
	],

uno-de-piera / login.component.html

Created January 7, 2018 15:38

	<form [formGroup]="loginForm" (ngSubmit)="submit()" novalidate>
	<div class="form-group">
	<label class="center-block">Email:
	<input class="form-control" formControlName="email">
	</label>

	<div *ngIf="loginForm.get('email').errors" class="alert alert-danger">
	<div *ngIf="loginForm.get('email').errors['required']">
	Email requerido
	</div>

uno-de-piera / login.component.ts

Created January 7, 2018 15:31

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

	@Component({
	selector: 'app-login',
	templateUrl: './login.component.html',
	styleUrls: ['./login.component.css']
	})
	export class LoginComponent implements OnInit {

uno-de-piera / app.component.html

Created January 7, 2018 12:22

	<button (click)="getUsers()">All users</button>
	<button (click)="getUser('5a5129de2339249df56a2ebc')">Find user</button>
	<button (click)="addUser()">Add user</button>
	<button (click)="updateUser()">Update user</button>
	<button (click)="deleteUser('5a5129deba80342a8069ddcb')">Delete user</button>

uno-de-piera / app.component.ts

Created January 7, 2018 12:17

	import { Component } from '@angular/core';
	import {UsersService} from "./users.service";
	import {User} from "./user";

	@Component({
	selector: 'app-root',
	templateUrl: './app.component.html',
	styleUrls: ['./app.component.css']
	})
	export class AppComponent {

uno-de-piera / app.module.ts

Created January 7, 2018 12:14

	/*****/
	import {UsersService} from "./users.service";

	@NgModule({
	/*****/
	providers: [UsersService],
	/*****/
	})

uno-de-piera / users.service.ts

Created January 7, 2018 12:03

	import { Injectable }from '@angular/core';
	import { HttpClient, HttpHeaders }from '@angular/common/http';

	import { Observable } from 'rxjs/Observable';
	import { catchError, tap } from 'rxjs/operators';
	import {User} from './user';
	import {of} from "rxjs/observable/of";

	const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json' })};

uno-de-piera / user.ts

Created January 6, 2018 21:39