edit page

Shell_Casing

Nov 10th, 2018

323

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

TypoScript 1.89 KB | None | 0 0

raw download clone embed print report

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { FoodCategoryService } from '../../food-category.service';
import { ProductService } from '../../product.service';
import { ActivatedRoute, Router } from '@angular/router';
@Component({
selector: 'app-product-edit-form',
templateUrl: './product-edit-form.component.html',
styleUrls: ['./product-edit-form.component.css']
})
export class ProductEditFormComponent implements OnInit {
categories: any[];
id: string;
product: any = {};
updateForm: FormGroup;
constructor(private categoryService: FoodCategoryService,
private productService: ProductService,
private formBuilder: FormBuilder,
private router: Router,
private activatedRoute: ActivatedRoute,
) {
this.updateForm = formBuilder.group({title: ['', Validators.required], price: ['', Validators.required], category: ['', Validators.required], image: ''});
}
ngOnInit() {
this.categoryService.getFoodCategories().valueChanges().subscribe(categories => {
console.log(categories);
this.categories = categories;
this.activatedRoute.params.subscribe(params => this.id = params.id);
this.productService.getOneProduct(this.id).subscribe(product => {
this.product = product;
this.updateForm.get('title').setValue(this.product.title);
this.updateForm.get('price').setValue(this.product.price);
this.updateForm.get('category').setValue(this.product.category);
this.updateForm.get('image').setValue(this.product.image);
});
});
}
updateProduct(title, price, category, image) {
this.productService.updateAProduct(this.id, title, price, category, image).subscribe(() => {
this.router.navigate(['/admin/products']);
});
}
}

Add Comment

Please, Sign In to add comment