ilios/frontend

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { dropTask } from 'ember-concurrency';
import { action } from '@ember/object';
import { validatable, Length } from 'ilios-common/decorators/validation';
import { guidFor } from '@ember/object/internals';

@validatable
export default class ProgramOverviewComponent extends Component {
  id = guidFor(this);
  @tracked duration;
  @Length(2, 10) @tracked shortTitle;

  @action
  load() {
    this.duration = this.args.program.duration;
    this.shortTitle = this.args.program.shortTitle;
  }

  changeShortTitle = dropTask(async () => {
    if (this.shortTitle !== this.args.program.shortTitle) {
      this.addErrorDisplayFor('shortTitle');
      const isValid = await this.isValid('shortTitle');
      if (!isValid) {
        return false;
      }
      this.args.program.set('shortTitle', this.shortTitle);
      await this.args.program.save();
      this.shortTitle = this.args.program.shortTitle;
      this.removeErrorDisplayFor('shortTitle');
    }
  });

  changeDuration = dropTask(async () => {
    if (this.duration !== this.args.program.duration) {
      this.args.program.set('duration', this.duration);
      await this.args.program.save();
      this.duration = this.args.program.duration;
    }
  });

  @action
  setDuration(ev) {
    this.duration = Number(ev.target.value);
  }
}