medium-ui-forms - app.component.ts

// app.component.ts

import {Component} from '@angular/core'
import {ArticleFormService} from 'src/models/app-forms/article-form/article-form.service.ts'

@Component({
  selector: 'my-app',
  templateUrl: 'src/app.component.html' 
})
export class AppComponent {
  public isSending = this.articleFormService.isSending$;
  public succeeded = this.articleFormService.succeeded$;
  public failed = this.articleFormService.failed$;
  
  public initialFormConfig = {
    authorId: 'authorExampleId',
    title: '',
    description: '',
    content: '',
    published: false
  };
  
  constructor(public articleFormService: ArticleFormService) {
    this.articleFormService.configure(this.initialFormConfig);
  }
  
  public create() {
    this.articleFormService.request('create').then(response => {
      this.response = response;
    });
  }

  public clear() {
    this.articleFormService.configure(this.initialFormConfig);
    this.response = null;
  }
}