|
|
@@ -44,7 +44,12 @@
|
|
|
<div class="col-xxl-6">
|
|
|
<h4>МАФ</h4>
|
|
|
|
|
|
- @include('partials.input', ['name' => 'search_maf', 'title' => 'Поиск МАФ', 'value' => '', 'placeholder' => 'Артикул или номер номенклатуры', 'datalist' => []])
|
|
|
+ @include('partials.input', ['name' => 'search_maf', 'title' => 'Поиск МАФ', 'value' => '',
|
|
|
+ 'placeholder' => 'Артикул или номер номенклатуры', 'datalist' => []])
|
|
|
+ @include('partials.select', ['name' => 'select_maf', 'title' => '', 'options' => [], 'multiple' => true])
|
|
|
+
|
|
|
+ <div id="selected_maf"></div>
|
|
|
+
|
|
|
|
|
|
|
|
|
</div>
|
|
|
@@ -63,20 +68,33 @@
|
|
|
|
|
|
@push('scripts')
|
|
|
<script type="module">
|
|
|
+
|
|
|
+ let selectMaf = $('#select_maf');
|
|
|
$('#search_maf').on('keyup', function () {
|
|
|
// search products on backend
|
|
|
$.get('{{ route('product.search') }}?s=' + $(this).val(),
|
|
|
function (data) {
|
|
|
- $('#dl-search_maf').children().remove();
|
|
|
+ selectMaf.children().remove()
|
|
|
$.each(data, function (id, name) {
|
|
|
- $('#dl-search_maf').append('<option value=\'' + name + '\'>' + id + '</option>');
|
|
|
+ selectMaf.append('<option value=\'' + id + '\'>' + name + '</option>');
|
|
|
});
|
|
|
- console.log(data);
|
|
|
}
|
|
|
);
|
|
|
- })
|
|
|
+ });
|
|
|
|
|
|
+ selectMaf.on('change', function () {
|
|
|
+ $('#selected_maf').append('' +
|
|
|
+ '<div class="maf">' +
|
|
|
+ '<input type="hidden" name="products[]" value="'+ $(this).val() +'">' +
|
|
|
+ '<span>'+ $('#select_maf option:selected').text() +'</span> ' +
|
|
|
+ '<i onclick="$(this).parent().remove()" class="bi bi-trash text-danger cursor-pointer"></i>' +
|
|
|
+ '</div>'
|
|
|
|
|
|
+ );
|
|
|
+ $('#select_maf').children().remove();
|
|
|
+ $('#search_maf').val('');
|
|
|
+
|
|
|
+ });
|
|
|
|
|
|
$('#district_id').on('change', function () {
|
|
|
// load areas of selected district
|
|
|
@@ -88,7 +106,6 @@
|
|
|
$.each(data, function (id, name) {
|
|
|
$('#area_id').append('<option value=\'' + id + '\'>' + name + '</option>');
|
|
|
});
|
|
|
- console.log(data);
|
|
|
}
|
|
|
);
|
|
|
});
|