kfmc_website/src/app/dashboard/lectures/add-lecture/add-lecture.component.ts

import { AuthServiceService } from './../../../shared/auth-service.service';
import { Location } from '@angular/common';
import { Component, OnInit, ViewChild } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { UserService } from '../../../shared/user.service';
import { ToastrService } from 'ngx-toastr';
import { NgxSpinnerService } from 'ngx-spinner';
import { FormGroup, NgForm } from '@angular/forms';
import { LectureService } from '../../../shared/lecture.service';


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

  @ViewChild('f') lectureForm: NgForm;
  typeMode: boolean = false;
  typeLink: string = '';
  lectureId: number;

  lecture = {
    name: '',
    name_en: '',
    ranking: '',
    display_location: '',
    end_time: '',
    lecture_time: '',
    status: '',
    description: '',
    description_en: '',
  }
  

  constructor(private lectureServices: LectureService,
    private userService: UserService,
    private location: Location,
    private toastr: ToastrService,
    private authSer: AuthServiceService,
    private route: ActivatedRoute, 
    private spineer: NgxSpinnerService) { }

  ngOnInit() {

    //show / hide notification search in header
    this.authSer.notificationLogin = true;
    this.authSer.showSearchHeader = false;
    this.authSer.showHeaderLogin = false;
    this.authSer.showHeaderDashBoard = true;
    this.authSer.showDashboardHeader = true;
    this.authSer.internalHeader = false;
    
    this.route.params.subscribe(
      (params: Params) => {
        if(params['typeLectureMode'] == 'edit') {
          this.typeLink = 'تعديل';
          this.spineer.show();
          this.typeMode = true;
          this.lectureId = params['editLectureId'];
          this.lectureServices.getLectureData(this.lectureId).subscribe(
            (responce) => {
              console.log(responce);
              const lectureData = responce['lecture'];
              console.log(lectureData);
              this.lecture.name = lectureData.name;
              this.lecture.name_en = lectureData.name_en;
              this.lecture.ranking = lectureData.ranking;
              this.lecture.display_location = lectureData.display_location;
              this.lecture.lecture_time = lectureData.lecture_time.split(' ').join("T");
              this.lecture.end_time = lectureData.end_time.split(' ').join("T");;
              this.lecture.status = lectureData.status;
              this.lecture.description = lectureData.description;
              this.lecture.description_en = lectureData.description_en;
              this.spineer.hide();
            },
            (error) => {
              console.log(error);
            }
          )
        } else {
          this.typeLink = 'إنشاء جديد';
        }
      }
    );
  }

  //submitted form
  onSubmitted() {
    console.log(this.lectureForm.value);
    this.lectureForm.value['lecture_time'] = this.lectureForm.value['lecture_time'].split('T').join(" ");
    this.lectureForm.value['end_time'] = this.lectureForm.value['end_time'].split('T').join(" ");
    console.log(this.lectureForm.value['lecture_time']);
    if(this.typeMode) {
      this.lectureServices.editLecture(this.lectureForm.value , this.lectureId).subscribe(
        (responce) => {
          console.log(responce);
          this.toastr.success('تمت التعديل بنجاح');
          this.location.back();
        },
        (error) => {
          this.toastr.error('حدث خطأ !');
          console.log(error);
        }
      );
    } else {
      this.lectureServices.addLecture(this.lectureForm.value).subscribe(
        (responce) => {
          console.log(responce);
          this.toastr.success('تمت الاضافه بنجاح');
          this.location.back();
        },
        (error) => {
          this.toastr.error('حدث خطأ !');
          console.log(error);
        }
      );
    }
  }

}