From f2bb3eb7f3edf14d9e96a3bd3cf33d14844d11d9 Mon Sep 17 00:00:00 2001
From: Stanislav Romanov <kaermorchen@gmail.com>
Date: Sat, 26 Mar 2022 18:46:45 +0300
Subject: [PATCH] Add component input-textarea

---
 app/components/input-text.hbs             |  2 --
 app/components/input-text.js              |  1 -
 app/components/input-textarea.hbs         | 22 ++++++++++++++++++++++
 app/components/input-textarea.js          | 20 ++++++++++++++++++++
 app/templates/admin/indexes/item/data.hbs |  2 --
 5 files changed, 42 insertions(+), 5 deletions(-)
 create mode 100644 app/components/input-textarea.hbs
 create mode 100644 app/components/input-textarea.js

diff --git a/app/components/input-text.hbs b/app/components/input-text.hbs
index eae43ca..544d269 100644
--- a/app/components/input-text.hbs
+++ b/app/components/input-text.hbs
@@ -21,5 +21,3 @@
     >
   </div>
 </div>
-
-{{yield}}
diff --git a/app/components/input-text.js b/app/components/input-text.js
index b7d1484..9f0feda 100644
--- a/app/components/input-text.js
+++ b/app/components/input-text.js
@@ -1,7 +1,6 @@
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { action } from '@ember/object';
-// import { tracked } from '@glimmer/tracking';
 
 export default class InputTextComponent extends Component {
   get guid() {
diff --git a/app/components/input-textarea.hbs b/app/components/input-textarea.hbs
new file mode 100644
index 0000000..0893535
--- /dev/null
+++ b/app/components/input-textarea.hbs
@@ -0,0 +1,22 @@
+<div class="mb-4">
+  {{#if @label}}
+    <label for={{this.id}} class="block font-medium mb-1 text-dark">{{@label}}</label>
+  {{/if}}
+  <div class="relative flex items-center border rounded-md border-light">
+    {{#if @prefixIcon}}
+      <MdIcon
+        @icon={{@prefixIcon}}
+        class="h-8 w-8 pl-2 text-light"
+      />
+    {{/if}}
+
+    <textarea
+      type="text"
+      name={{@name}}
+      id={{this.id}}
+      class="block w-full p-2 bg-transparent focus:outline-none"
+      placeholder={{@placeholder}}
+      {{on 'input' this.onChange}}
+    >{{@value}}</textarea>
+  </div>
+</div>
diff --git a/app/components/input-textarea.js b/app/components/input-textarea.js
new file mode 100644
index 0000000..0948dd2
--- /dev/null
+++ b/app/components/input-textarea.js
@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { action } from '@ember/object';
+
+export default class InputTextareaComponent extends Component {
+  get guid() {
+    return guidFor(this);
+  }
+
+  get id() {
+    return this.args.id ?? this.guid;
+  }
+
+  @action
+  onChange(event) {
+    if (this.args.onChange) {
+      this.args.onChange(event.target.value, event);
+    }
+  }
+}
diff --git a/app/templates/admin/indexes/item/data.hbs b/app/templates/admin/indexes/item/data.hbs
index fb635a0..8bc446c 100644
--- a/app/templates/admin/indexes/item/data.hbs
+++ b/app/templates/admin/indexes/item/data.hbs
@@ -15,8 +15,6 @@
 </div>
 
 {{#if (gt @model.nbHits 0)}}
-  {{log @model}}
-
   <div class="mb-4">
     <h2 class="text-xl mb-4">Results:</h2>
     <div class=" ">