Todo: Issue #94

Not rendered: frontile forms form-input

app/components/grupo-centro-custos/grupo-centro-custos-form.hbs

@@ -1,15 +1,9 @@
-<div class="form-horizontal">
-  <div class="form-group">
-    <label class="col-sm-2 control-label">Nome:</label>
-    <div class="col-sm-6">
-      <Input @type="text" @value={{@model.nome}} class="form-control" placeholder="Grupo centro custo" />
-    </div>
-  </div>
-  <div class="form-group">
-    <div class="col-sm-offset-2 col-sm-10">
-      {{!- TODO: Do not use `action` as. Instead, use the `on` modifier and `fn` -}}
-      {{!- TODO: helper.ember-template-lint -}}
-      <button type="submit" class="btn btn-success" {{on "click" (fn this.save @model)}}>Salvar</button>
-    </div>
-  </div>
-</div>
+<FormInput
+  @value={{this.value}}
+  @onInput={{this.setValue}}
+  placeholder="Insira um nome"
+/>
+
+<p>
+  Você digiou, "{{this.value}}"
+</p>

app/components/grupo-centro-custos/grupo-centro-custos-form.js

@@ -9,6 +9,19 @@ export default class GrupoCentroCustosFormComponent extends DefaultComponent {
   // TODO: 'service' is defined but never used.eslintno-unused-vars
   @tracked redirectTo = '/grupo_centro_custos';
   @tracked modelString = 'grupo_centro_custo';
+  @tracked value = '';
+
+  get validationErrors() {
+    if (/^$/.test(this.value)) {
+      return ['Digite o Nome'];
+    } else {
+      return [];
+    }
+  }
+
+  @action setValue(value) {
+    this.value = value;
+  }
 
   @action
   save(model, ...event) {