datahub/wherehows-web/app/components/dataset-deprecation.ts

import Component from '@ember/component';
import { getProperties, computed } from '@ember/object';
import ComputedProperty, { oneWay } from '@ember/object/computed';
import { baseCommentEditorOptions } from 'wherehows-web/constants';

export default class DatasetDeprecation extends Component {
  tagName = 'div';

  classNames = ['dataset-deprecation-toggle'];

  /**
   * Flag indicating that the dataset is depprecated or otherwise
   * @type {(null | boolean)}
   * @memberof DatasetDeprecation
   */
  deprecated: null | boolean;

  /**
   * Working reference to the dataset's deprecated flag
   * @memberof DatasetDeprecation
   */
  deprecatedAlias = oneWay('deprecated');

  /**
   * Note accommpanying the deprecation flag change
   * @type {string}
   * @memberof DatasetDeprecation
   */
  deprecationNote: string;

  /**
   * Working reference to the dataset's deprecationNote
   * @memberof DatasetDeprecation
   */
  deprecationNoteAlias = oneWay('deprecationNote');

  /**
   * Checks the working / aliased copies of the deprecation properties diverge from the
   * saved versions i.e. deprecationNoteAlias and deprecationAlias
   * @type {ComputedProperty<boolean>}
   * @memberof DatasetDeprecation
   */
  isDirty: ComputedProperty<boolean> = computed(
    'deprecatedAlias',
    'deprecated',
    'deprecationNote',
    'deprecationNoteAlias',
    function(this: DatasetDeprecation) {
      const { deprecatedAlias, deprecated, deprecationNote, deprecationNoteAlias } = getProperties(this, [
        'deprecatedAlias',
        'deprecated',
        'deprecationNote',
        'deprecationNoteAlias'
      ]);

      return deprecatedAlias !== deprecated || deprecationNoteAlias !== deprecationNote;
    }
  );

  /**
   * The action to be completed when a save is initiated
   * @type {Function}
   * @memberof DatasetDeprecation
   */
  onUpdateDeprecation: Function;

  editorOptions = {
    ...baseCommentEditorOptions,
    placeholder: {
      text: "You may provide a note about this dataset's deprecation status"
    }
  };

  actions = {
    /**
     * Toggles the boolean value of deprecatedAlias
     * @param {DatasetDeprecation} this 
     */
    toggleDeprecatedStatus(this: DatasetDeprecation) {
      this.toggleProperty('deprecatedAlias');
    },

    /**
     * Invokes the save action with the updated values for 
     * deprecated and deprecationNote
     * @param {DatasetDeprecation} this 
     */
    onSave(this: DatasetDeprecation) {
      const { deprecatedAlias, deprecationNoteAlias } = getProperties(this, [
        'deprecatedAlias',
        'deprecationNoteAlias'
      ]);
      const { onUpdateDeprecation } = this;

      if (onUpdateDeprecation) {
        onUpdateDeprecation(deprecatedAlias, deprecationNoteAlias);
      }
    }
  };
}