create-deposit.component.ts

import {ChangeDetectionStrategy, Component, EventEmitter, OnInit, Output} from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';

@Component({
  selector: 'dlcm-create-deposit-component',
  templateUrl: './create-deposit.component.html',
  styleUrls: ['./create-deposit.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CreateDepositComponent implements OnInit {
  createDepositForm: FormGroup;
  title = 'title';
  description = 'description';
  language = 'language';
  publicationDate = 'publicationDate';
  collectionBegin = 'collectionBegin';
  collectionEnd = 'collectionEnd';
  author = 'author';
  accessLevel = 'accessLevel';
  hasEmbargo = 'hasEmbargo';
  license = 'license';
  submissionPolicy = 'submissionPolicy';
  preservationPolicy = 'preservationPolicy';

  @Output()
  submitEvent: EventEmitter<any>;

  constructor(private fb: FormBuilder) {
    this.submitEvent = new EventEmitter<any>();
  }

  ngOnInit() {
    this.createDepositForm = this.fb.group({
      title: ['', Validators.required],
      description: ['', Validators.required],
      language: [''],
      publicationDate: [''],
      collectionBegin: [''],
      collectionEnd: [''],
      author: [''],
      accessLevel: [''],
      hasEmbargo: [false],
      license: [''],
      submissionPolicy: [''],
      preservationPolicy: [''],
    });
  }

  onSubmit() {
    console.log(this.createDepositForm.value);
  }
}