import computed from "ember-addons/ember-computed-decorators";

export default Ember.TextField.extend({
  classNameBindings: ["invalid"],

  @computed("number")
  value: {
    get(number) {
      return parseInt(number);
    },
    set(value) {
      const num = parseInt(value);
      if (isNaN(num)) {
        this.set("invalid", true);
        return value;
      } else {
        this.set("invalid", false);
        this.set("number", num);
        return num.toString();
      }
    }
  },

  @computed("placeholderKey")
  placeholder(key) {
    return key ? I18n.t(key) : "";
  }
});