👋

Chris House crh225

👋

Full Stack Software Engineer

crh225 / delete.gist.ts

Last active February 17, 2020 15:59

delete.gist.ts

-    delete(id: string): void {
-       this._db
-            .collection<Jobs>('jobs')
-            .doc(id)
-            .delete()
-            .then(() => {
-                this.snackBar.open('Job was deleted successfully', 'Ok', {
-                    duration: 2000,
-                });
-            });

crh225 / editfirestore.ts

Created February 17, 2020 01:54

editfirestore.ts

	editJob() {
	this._db.collection<any>('jobs')
	.doc(this.id)
	.update(
	{
	company: this.jobForm.get('company').value,
	description: this.jobForm.get('description').value,
	title: this.jobForm.get('title').value
	}
	).then(() => {

crh225 / updatefirestore.ts

Last active February 17, 2020 16:00

updatefirestore.ts

	ngOnInit() {
	this.route.paramMap.subscribe((params: ParamMap) => {
	this.id = params.get('id');
	this._db
	.collection<Jobs>('jobs')
	.doc(
	params.get('id')
	).valueChanges()
	.subscribe((item) => {
	this.jobForm.patchValue(item);

crh225 / readjobs.ts

Last active February 17, 2020 16:00

readjobs.ts

	constructor(public snackBar: MatSnackBar, public afAuth: AngularFireAuth, db: AngularFirestore) {
	this.jobs = db
	.collection<Jobs>('jobs')
	.snapshotChanges()
	.pipe(map(actions => {
	return actions.map(a => {
	const data = a.payload.doc.data();
	const id = a.payload.doc.id;
	return { id, ...data };
	});

crh225 / addjob.ts

Last active February 17, 2020 01:43

addjob.ts

	addJob() {
	this._db
	.collection<Jobs>('jobs')
	.add(
	{
	company: this.jobForm.get('company').value,
	description: this.jobForm.get('description').value,
	title: this.jobForm.get('title').value
	}
	).then(() => {

crh225 / jobform.ts

Created February 17, 2020 01:42

	jobForm = new FormGroup({
	company: new FormControl('', Validators.required),
	description: new FormControl('', Validators.required),
	title: new FormControl('', Validators.required),
	salary: new FormControl('')
	});

crh225 / angularfire-form.ts

Created February 17, 2020 01:41

angularfire-form.ts

	<form class="job-form" [formGroup]="jobForm">
	<mat-form-field class="full-width">
	<mat-label>Company</mat-label>
	<input matInput placeholder="Ex. Google" formControlName="company" required>
	<mat-error *ngIf="!jobForm.get('company').valid">Required</mat-error>
	</mat-form-field>
	<mat-form-field class="full-width">
	<mat-label>Job Title</mat-label>
	<input matInput placeholder="Ex. Sr. Software Engineer" formControlName="title" required>
	<mat-error *ngIf="!jobForm.get('title').valid">Required</mat-error>

crh225 / angularfire-constructor.ts

Created February 17, 2020 01:39

angularfire-constructor.ts

	constructor(db: AngularFirestore) {
	this._db = db;
	}

crh225 / bg-color.pipe

Created August 26, 2019 00:41

	import { Pipe, PipeTransform } from '@angular/core';

	@Pipe({
	name: 'bgColorPipe'
	})
	export class BgColorPipePipe implements PipeTransform {

	transform(value: any, args?: any): any {
	if(value === 'red'){
	console.log('hit');

crh225 / component.html

Created August 26, 2019 00:30

	<hello name="{{ name }}"></hello>
	<p [ngStyle]="{'background-color': getColor()}">
	Start editing to see some magic happen :)
	</p>

	<table>
	<tr [ngStyle]="{'background-color': getColor()}">
	<th [ngStyle]="{'background-color': getColor()}">Company</th>
	<th [ngStyle]="{'background-color': getColor()}">Contact</th>
	<th [ngStyle]="{'background-color': getColor()}">Country</th>