97 lines
2.4 KiB
TypeScript
97 lines
2.4 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import {Tutorial} from '../../models/tutorial.model';
|
|
import {TutorialService} from '../../services/tutorial.service';
|
|
import {FormsModule} from '@angular/forms';
|
|
import {NgIf} from '@angular/common';
|
|
|
|
|
|
@Component({
|
|
selector: 'app-tutorial-details',
|
|
templateUrl: './tutorial-details.component.html',
|
|
imports: [
|
|
FormsModule,
|
|
NgIf
|
|
],
|
|
styleUrls: ['./tutorial-details.component.scss']
|
|
})
|
|
export class TutorialDetailsComponent implements OnInit {
|
|
|
|
currentTutorial: Tutorial = {
|
|
title: '',
|
|
description: '',
|
|
published: false
|
|
};
|
|
message = '';
|
|
|
|
constructor(
|
|
private tutorialService: TutorialService,
|
|
private route: ActivatedRoute,
|
|
private router: Router) { }
|
|
|
|
ngOnInit(): void {
|
|
this.message = '';
|
|
this.getTutorial(this.route.snapshot.params['id']);
|
|
}
|
|
|
|
getTutorial(id: string): void {
|
|
/* this.tutorialService.get(id)
|
|
.subscribe(
|
|
data => {
|
|
this.currentTutorial = data;
|
|
console.log(data);
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});*/
|
|
}
|
|
|
|
updatePublished(status: boolean): void {
|
|
const data = {
|
|
title: this.currentTutorial.title,
|
|
description: this.currentTutorial.description,
|
|
published: status
|
|
};
|
|
|
|
this.message = '';
|
|
|
|
/* this.tutorialService.update(this.currentTutorial.id, data)
|
|
.subscribe(
|
|
response => {
|
|
this.currentTutorial.published = status;
|
|
console.log(response);
|
|
this.message = response.message ? response.message : 'The status was updated successfully!';
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});*/
|
|
}
|
|
|
|
updateTutorial(): void {
|
|
/* this.message = '';
|
|
|
|
this.tutorialService.update(this.currentTutorial.id, this.currentTutorial)
|
|
.subscribe(
|
|
response => {
|
|
console.log(response);
|
|
this.message = response.message ? response.message : 'This tutorial was updated successfully!';
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});*/
|
|
}
|
|
|
|
deleteTutorial(): void {
|
|
/* this.tutorialService.delete(this.currentTutorial.id)
|
|
.subscribe(
|
|
response => {
|
|
console.log(response);
|
|
this.router.navigate(['/tutorials']);
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});*/
|
|
}
|
|
}
|