refactor: simplify inline text edit component and update product total label

Author: amit-webkul

packages/Webkul/Admin/src/Resources/views/components/form/control-group/controls/inline/text.blade.php

@@ -4,7 +4,7 @@
 
 <v-inline-text-edit
     {{ $attributes }}
-    :allow-edit="{{ $allowEdit ? 'true' : 'false' }}"
+    :allow-edit="{{ $allowEdit }}"
 >
     <div class="group w-full max-w-full hover:rounded-sm">
         <div class="rounded-xs flex h-[34px] items-center pl-2.5 text-left">
@@ -37,11 +37,9 @@ class="group relative h-[18px] !w-full pl-2.5"
                     :style="{ 'text-align': position }"
                 >
                     <span class="cursor-pointer truncate rounded">
-                        @{{ 
-                            (transformedLabel || inputValue || '').length > 20 
-                                ? (transformedLabel || inputValue).substring(0, 20) + '...' 
-                                : (transformedLabel || inputValue) 
-                        }}
+                        @{{ (valueLabel || inputValue || '').length > 20
+                                ? (valueLabel || inputValue).substring(0, 20) + '...'
+                                : (valueLabel || inputValue) }}
                     </span>
                     
                     <!-- Tooltip -->
@@ -175,8 +173,6 @@ class="flex items-center justify-center bg-red-100 p-1 hover:bg-red-200 ltr:roun
                     isEditing: false,
 
                     isRTL: document.documentElement.dir === 'rtl',
-
-                    transformedLabel: this.valueLabel,
                 };
             },
 
@@ -217,8 +213,6 @@ class="flex items-center justify-center bg-red-100 p-1 hover:bg-red-200 ltr:roun
 
                     if (this.url) {
                         let formData = new FormData();
-
-                        this.transformedLabel = this.inputValue;
                         
                         formData.append(this.name, this.inputValue);
 
@@ -234,8 +228,6 @@ class="flex items-center justify-center bg-red-100 p-1 hover:bg-red-200 ltr:roun
                             .catch((error) => {
                                 this.inputValue = this.value;
 
-                                this.transformedLabel = this.inputValue;
-
                                 this.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message });
                             });                        
                     }

packages/Webkul/Admin/src/Resources/views/leads/common/products.blade.php

@@ -144,7 +144,7 @@ class="flex max-w-max items-center gap-2 text-brandColor"
                 </x-admin::form.control-group>
             </x-admin::table.td>
         
-            <!-- Total -->
+            <!-- Amount -->
             <x-admin::table.td class="text-right">
                 <x-admin::form.control-group>
                     <x-admin::form.control-group.control
@@ -154,7 +154,8 @@ class="flex max-w-max items-center gap-2 text-brandColor"
                         rules="required|decimal:4"
                         :label="trans('admin::app.leads.common.products.total')"
                         :placeholder="trans('admin::app.leads.common.products.total')"
-                        ::allowEdit="false"
+                        ::value-label="$admin.formatPrice(product.price * product.quantity)"
+                        :allowEdit="'false'"
                         position="center"
                     />
                 </x-admin::form.control-group>