Document item hide price column styling..

akaunting · Apr 12, 2023 · 54b5960 · 54b5960
1 parent d9e29e2
commit 54b5960
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 27 deletions.
diff --git a/resources/lang/en-GB/documents.php b/resources/lang/en-GB/documents.php
@@ -10,6 +10,8 @@
     'billing'                   => 'Billing',
     'advanced'                  => 'Advanced',
 
+    'item_price_hidden'         => 'This column is hidden on your :type.',
+
     'actions' => [
         'cancel'                => 'Cancel',
     ],

diff --git a/resources/views/components/documents/form/items.blade.php b/resources/views/components/documents/form/items.blade.php
@@ -49,7 +49,7 @@
                         @stack('quantity_th_start')
 
                         <th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0" style="vertical-align:bottom;">
-                            @if (! $hideItemQuantity)    
+                            @if (! $hideItemQuantity)
                                 {{ trans($textItemQuantity) }}
                             @endif
                         </th>
@@ -59,8 +59,13 @@
                         @stack('price_th_start')
 
                         <th class="px-3 py-1 ltr:text-left rtl:text-right text-xs font-normal border-t-0 border-r-0 border-b-0 pr-1" style="vertical-align:bottom;">
-                            @if (! $hideItemPrice)    
-                                {{ trans($textItemPrice) }}
+                            {{ trans($textItemPrice) }}
+
+                            @if ($hideItemPrice)
+                                &nbsp;&nbsp;
+                                <x-tooltip id="tooltip-item-price" placement="top" message="{{ trans('documents.item_price_hidden', ['type' => config('type.document.' . $type . '.translation.prefix')]) }}">
+                                    <x-icon icon="visibility_off" class="text-sm font-normal"></x-icon>
+                                </x-tooltip>
                             @endif
                         </th>
 
@@ -69,7 +74,7 @@
                         @stack('total_th_start')
 
                         <th class="px-3 py-1 ltr:text-right rtl:text-left text-xs font-normal border-t-0 border-b-0 item-total" style="vertical-align:bottom;">
-                            @if (! $hideItemAmount)    
+                            @if (! $hideItemAmount)
                                 {{ trans($textItemAmount) }}
                             @endif
                         </th>
@@ -107,4 +112,4 @@
             </table>
         </div>
     </div>
-</div>
+</div>
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
@@ -126,28 +126,26 @@ class="w-full text-sm px-3 py-2.5 mt-0 text-right rounded-lg border border-light
                         @stack('price_td_start')
 
                         <td class="px-3 py-3 pr-1 border-b-0 price">
-                            @if (! $hideItemPrice)
-                                <div>
-                                    @stack('price_input_start')
-
-                                    <x-form.input.money
-                                        name="price"
-                                        value="0"
-                                        row-input
-                                        data-item="price"
-                                        v-model="row.price"
-                                        v-error="form.errors.get('items.' + index + '.price')"
-                                        v-error-message="form.errors.get('items.' + index + '.price')"
-                                        change="row.price = $event; form.errors.clear('items.' + index + '.price'); onCalculateTotal"
-                                        :currency="$currency"
-                                        dynamicCurrency="currency"
-                                        money-class="text-right mt-0"
-                                        form-group-class="text-right"
-                                    />
-
-                                    @stack('price_input_end')
-                                </div>
-                            @endif
+                            <div>
+                                @stack('price_input_start')
+
+                                <x-form.input.money
+                                    name="price"
+                                    value="0"
+                                    row-input
+                                    data-item="price"
+                                    v-model="row.price"
+                                    v-error="form.errors.get('items.' + index + '.price')"
+                                    v-error-message="form.errors.get('items.' + index + '.price')"
+                                    change="row.price = $event; form.errors.clear('items.' + index + '.price'); onCalculateTotal"
+                                    :currency="$currency"
+                                    dynamicCurrency="currency"
+                                    money-class="text-right mt-0"
+                                    form-group-class="text-right"
+                                />
+
+                                @stack('price_input_end')
+                            </div>
                         </td>
 
                         @stack('price_td_end')