refs #1147 Invoice item selectbox style.

resources/views/partials/form/alias_group.blade.php

@@ -1,30 +0,0 @@
-@stack($name . '_input_start')
-
-<div
-    class="form-group visible-field {{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-    :class="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]">
-    {!! Form::label($name, $text, ['class' => 'form-control-label'])!!}
-
-    <div class="input-group input-group-merge {{ $group_class }}">
-        <div class="input-group-prepend">
-            <span class="input-group-text">
-                <i class="fa fa-{{ $icon }}"></i>
-            </span>
-        </div>
-
-        <vue-suglify :slugify="form.{{ $original }}" :slug.sync="form.{{ $name }}" :disabled="true">
-            {!! Form::text($name, $value, array_merge([
-                'class' => 'form-control',
-                "slot-scope" => "{inputBidding}",
-                "v-bind" => "inputBidding"
-            ], $attributes)) !!}
-        </vue-suglify>
-    </div>
-
-    <div class="invalid-feedback d-block"
-         v-if="{{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.has("' . $name . '")' }}"
-         v-html="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}">
-    </div>
-</div>
-
-@stack($name . '_input_end')

resources/views/partials/form/select_group.blade.php

@@ -2,25 +2,42 @@
 
 <akaunting-select
     class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-    :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
+
+    @if (!empty($attributes['v-error']))
+    :form-classes="[{'has-error': {{ $attributes['v-error'] }} }]"
+    @else
+    :form-classes="[{'has-error': form.errors.get('{{ $name }}') }]"
+    @endif
+
+    :icon="'{{ $icon }}'"
     :title="'{{ $text }}'"
     :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
     :name="'{{ $name }}'"
     :options="{{ json_encode($values) }}"
     :value="'{{ old($name, $selected) }}'"
-    :icon="'{{ $icon }}'"
-    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : (!empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event') }}"
+
+    @if (!empty($attributes['v-model']))
+    @interface="{{ $attributes['v-model'] . ' = $event' }}"
+    @elseif (!empty($attributes['data-field']))
+    @interface="{{ 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' }}"
+    @else
+    @interface="form.{{ $name }} = $event"
+    @endif
+
     @if (!empty($attributes['change']))
     @change="{{ $attributes['change'] }}($event)"
     @endif
+
     @if (isset($attributes['disabled']))
     :disabled="{{ $attributes['disabled'] }}"
     @endif
+
     @if(isset($attributes['v-error-message']))
     :form-error="{{ $attributes['v-error-message'] }}"
     @else
     :form-error="form.errors.get('{{ $name }}')"
     @endif
+
     :no-data-text="'{{ trans('general.no_data') }}'"
     :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
 ></akaunting-select>

resources/views/partials/form/select_remote_group.blade.php

@@ -0,0 +1,45 @@
+@stack($name . '_input_start')
+
+<akaunting-select-remote
+    class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
+
+    @if (!empty($attributes['v-error']))
+    :form-classes="[{'has-error': {{ $attributes['v-error'] }} }]"
+    @else
+    :form-classes="[{'has-error': form.errors.get('{{ $name }}') }]"
+    @endif
+
+    :icon="'{{ $icon }}'"
+    :title="'{{ $text }}'"
+    :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
+    :name="'{{ $name }}'"
+    :options="{{ json_encode($values) }}"
+    :value="'{{ old($name, $selected) }}'"
+
+    @if (!empty($attributes['v-model']))
+    @interface="{{ $attributes['v-model'] . ' = $event' }}"
+    @elseif (!empty($attributes['data-field']))
+    @interface="{{ 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' }}"
+    @else
+    @interface="form.{{ $name }} = $event"
+    @endif
+
+    @if (!empty($attributes['change']))
+    @change="{{ $attributes['change'] }}($event)"
+    @endif
+
+    @if (isset($attributes['disabled']))
+    :disabled="{{ $attributes['disabled'] }}"
+    @endif
+
+    @if(isset($attributes['v-error-message']))
+    :form-error="{{ $attributes['v-error-message'] }}"
+    @else
+    :form-error="form.errors.get('{{ $name }}')"
+    @endif
+
+    :no-data-text="'{{ trans('general.no_data') }}'"
+    :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
+></akaunting-select-remote>
+
+@stack($name . '_input_end')

resources/views/sales/invoices/item.blade.php

@@ -16,15 +16,43 @@
     @stack('name_td_start')
         <td class="col-md-3 border-right-0 border-bottom-0">
             @stack('name_input_start')
-                <input class="form-control text-center"
-                       autocomplete="off"
-                       required="required"
+            <akaunting-select-remote
+                :form-classes="[{'has-error': form.errors.get('name') }]"
+                :placeholder="'{{ trans('general.type_item_name') }}'"
+                :name="'item_id'"
+                :options="{{ json_encode($items) }}"
+                :value="'{{ old('item_id', '') }}'"
+                :add-new="{{ json_encode([
+                    'status' => true,
+                    'text' => trans('general.form.add_new', ['field' => trans_choice('general.items', 1)]),
+                    'path' => isset($attributes['path']) ? $attributes['path']: false,
+                    'type' => isset($attributes['type']) ? $attributes['type'] : 'modal',
+                    'field' => isset($attributes['field']) ? $attributes['field'] : 'name',
+                    'buttons' => [
+                        'cancel' => [
+                            'text' => trans('general.cancel'),
+                            'icon' => 'fas fa-times',
+                            'class' => 'btn-outline-secondary'
+                        ],
+                        'confirm' => [
+                            'text' => trans('general.save'),
+                            'icon' => 'fas fa-save',
+                            'class' => 'btn-success'
+                        ]
+                    ]
+                ])}}"
+                @interface="row.item_id = $event"
+                @label="row.name = $event"
+                :form-error="form.errors.get('name')"
+                :no-data-text="'{{ trans('general.no_data') }}'"
+                :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
+            ></akaunting-select-remote>
+            <input type="hidden"
                        data-item="name"
                        v-model="row.name"
                        @input="onCalculateTotal"
-                       name="item[][name]"
-                       type="text">
-                {!! $errors->first('item.name', '<p class="help-block">:message</p>') !!}
+                       name="item[][name]">
+            {!! $errors->first('item.name', '<p class="help-block">:message</p>') !!}
             @stack('name_input_end')
         </td>
     @stack('name_td_end')