From 090e3b2ded2755faaf340b88fb1656c137187337 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=BCneyt=20=C5=9Eent=C3=BCrk?= <cneytsenturk@gmail.com>
Date: Fri, 1 Jan 2021 13:58:41 +0300
Subject: [PATCH] Document item new item changeable item name..

---
 resources/assets/js/views/common/documents.js |  1 +
 .../documents/form/line-item.blade.php        | 20 ++++++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/views/common/documents.js b/resources/assets/js/views/common/documents.js
index bd1a6108f..6559dba01 100644
--- a/resources/assets/js/views/common/documents.js
+++ b/resources/assets/js/views/common/documents.js
@@ -190,6 +190,7 @@ const app = new Vue({
                 sub_total += item.total;
                 grand_total += item.grand_total;
 
+                this.form.items[index].name = item.name;
                 this.form.items[index].description = item.description;
                 this.form.items[index].quantity = item.quantity;
                 this.form.items[index].price = item.price;
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 86859f59f..a542c3f21 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -29,7 +29,25 @@
                                 @stack('name_td_start')
                                     @if (!$hideName)
                                         <td class="pb-3 align-middle border-bottom-0" colspan="1">
-                                            <span class="aka-text aka-text--body" tabindex="0" v-html="row.name"></span>
+                                            <span class="aka-text aka-text--body" tabindex="0" v-html="row.name" v-if="row.item_id"></span>
+                                            <div v-else>
+                                                @stack('name_input_start')
+                                                <input type="text"
+                                                    class="form-control"
+                                                    :name="'items.' + index + '.name'"
+                                                    autocomplete="off"
+                                                    required="required"
+                                                    data-item="name"
+                                                    v-model="row.name"
+                                                    @input="onCalculateTotal"
+                                                    @change="form.errors.clear('items.' + index + '.name')">
+                                
+                                                <div class="invalid-feedback d-block"
+                                                    v-if="form.errors.has('items.' + index + '.name')"
+                                                    v-html="form.errors.get('items.' + index + '.name')">
+                                                </div>
+                                                @stack('name_input_end')
+                                            </div>
                                         </td>
                                     @endif
                                 @stack('name_td_end')