71 lines
1.6 KiB
TypeScript
71 lines
1.6 KiB
TypeScript
import {Component, CUSTOM_ELEMENTS_SCHEMA, OnInit} from '@angular/core';
|
|
import {Tutorial} from '../../models/tutorial.model';
|
|
import {TutorialService} from '../../services/tutorial.service';
|
|
import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from '@angular/material/card';
|
|
import {FormsModule} from '@angular/forms';
|
|
import {MatButton} from '@angular/material/button';
|
|
import {MatFormField, MatInput, MatLabel} from '@angular/material/input';
|
|
import {NgIf} from '@angular/common';
|
|
|
|
@Component({
|
|
selector: 'app-add-tutorial',
|
|
templateUrl: './add-tutorial.component.html',
|
|
styleUrls: ['./add-tutorial.component.scss'],
|
|
imports: [
|
|
MatCardActions,
|
|
FormsModule,
|
|
MatCard,
|
|
MatCardHeader,
|
|
MatCardContent,
|
|
MatFormField,
|
|
MatLabel,
|
|
|
|
MatButton,
|
|
MatInput,
|
|
NgIf,
|
|
MatLabel,
|
|
|
|
],
|
|
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
})
|
|
export class AddTutorialComponent implements OnInit {
|
|
|
|
tutorial: Tutorial = {
|
|
title: '',
|
|
description: '',
|
|
published: false
|
|
};
|
|
submitted = false;
|
|
|
|
constructor(private tutorialService: TutorialService) { }
|
|
|
|
ngOnInit(): void {
|
|
}
|
|
|
|
saveTutorial(): void {
|
|
const data = {
|
|
title: this.tutorial.title,
|
|
description: this.tutorial.description
|
|
};
|
|
|
|
this.tutorialService.create(data)
|
|
.subscribe(
|
|
response => {
|
|
console.log(response);
|
|
this.submitted = true;
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});
|
|
}
|
|
|
|
newTutorial(): void {
|
|
this.submitted = false;
|
|
this.tutorial = {
|
|
title: '',
|
|
description: '',
|
|
published: false
|
|
};
|
|
}
|
|
}
|