revert angular changes

Author: ashusharmatech

todo-frontend-app/Procfile

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { AuthGuard } from './_helpers';
-import {TodoListComponent} from './todo-list/todo-list.component';
 import {HomeComponent} from './home/home.component';
 
 const accountModule = () => import('./account/account.module').then(x => x.AccountModule);

todo-frontend-app/src/app/app-routing.module.ts

@@ -1,16 +1,12 @@
 <h4 class="card-title">Todo list</h4>
-<form [formGroup]="form" (ngSubmit)="onSubmit()">
+<div class="add-items d-flex">
+ <input type="text" class="form-control todo-list-input" placeholder="What do you need to do today?" autofocus=""
+ [(ngModel)]="newTodo.title"
+ (keyup.enter)="addTodo()">
 
- <div class="add-items d-flex">
- <input type="text" formControlName="todoText" class="form-control todo-list-input"
- placeholder="What do you need to do today?" autofocus="" [(ngModel)]="newTodo.title"
- (keyup.enter)="addTodo()" [ngClass]="{ 'is-invalid': submitted && f.firstName.errors }">
+ <input type="text" placeholder="Datepicker" [(ngModel)]="newTodo.dueDate" class="form-control" bsDatepicker [bsConfig]="{ isAnimated: true , dateInputFormat: 'DD-MM-YYYY'}">
 
- <input type="text" formControlName="dueDateText" placeholder="Datepicker" [(ngModel)]="newTodo.dueDate"
- class="form-control" bsDatepicker [bsConfig]="{ isAnimated: true , dateInputFormat: 'DD-MM-YYYY'}">
-
- <button class="add btn btn-primary font-weight-bold todo-list-add-btn" (click)="addTodo()">Add</button>
- </div>
-</form>
+ <button class="add btn btn-primary font-weight-bold todo-list-add-btn" (click)="addTodo()">Add</button>
+</div>
 
 

todo-frontend-app/src/app/todo-list-header/todo-list-header.component.html

@@ -1,39 +1,23 @@
 import { Component, OnInit, Output, EventEmitter } from '@angular/core';
 import {Todo} from '../_models/todo';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
-import {ActivatedRoute, Router} from '@angular/router';
-import {AccountService, AlertService} from '../_services';
 
 @Component({
  selector: 'app-todo-list-header',
  templateUrl: './todo-list-header.component.html',
  styleUrls: ['./todo-list-header.component.scss']
 })
 export class TodoListHeaderComponent implements OnInit {
- form: FormGroup;
 
  newTodo: Todo = new Todo();
  dueDate: Date = new Date();
 
  @Output()
  add: EventEmitter<Todo> = new EventEmitter();
 
-
- constructor(
- private formBuilder: FormBuilder,
- private route: ActivatedRoute,
- private router: Router,
- private accountService: AccountService,
- private alertService: AlertService
- ) { }
-
+ constructor() { }
 
  ngOnInit(): void {
  this.newTodo.dueDate = new Date();
- this.form = this.formBuilder.group({
- todoText: ['', Validators.required],
- dueDateText: ['', Validators.required]
- });
  }
 
  addTodo() {