Warenwirtschaft: AP-00 bis AP-08 + aktualisierter Entwicklungsplan

Umsetzung der Warenwirtschafts-/Produktmanagement-Erweiterung gemaess
Entwicklungsplan V4.0:

- AP-00: Regressionsbasis fuer 5.1-Features (ProductPhase51Test)
- AP-01: URL-Bugfixes B1/B2 (suppliers/packaging-items, breitere url-Spalten)
- AP-04/04.1: iPad-taugliche, vereinheitlichte Tabellen-Aktionen
- AP-05: Einstellungen "Allgemein" mit UST-Saetzen (tax_rates) und
  Lieferzeit-Vorlagen (delivery_times, inkl. Tage-Feld)
- AP-06: Lieferanten um Bestellweg, Bestell-Mail/-URL und Lieferzeit erweitert
- AP-07/07.1: INCI um Lieferanten-Mehrfachwahl, UST und Lieferzeit erweitert;
  Lieferanten-Detailansicht im Modal mit pflegbaren INCI-/Verpackungslisten
- AP-08: Einkauf um UST-Snapshot, Netto/Brutto-Automatik und Duplizieren erweitert

Entwicklungsplan aktualisiert: alle Klaerungspunkte (§5) vom Kunden beantwortet
und in die jeweiligen APs eingearbeitet (AP-02/03/09/13/15), neues AP-18
(Hinweise-Doku unter Einstellungen) ergaenzt. Naechster Schritt eindeutig
markiert: AP-09 (Produktion auf Hersteller-Rezeptur, kein Fallback, Warnung).

resources/views/admin/inventory/suppliers/index.blade.php

@@ -1,13 +1,14 @@
 @extends('layouts.layout-2')
 
 @section('content')
+    @include('admin.inventory.partials.table-actions-style')
     <div class="card">
         <h6 class="card-header d-flex justify-content-between align-items-center">
             <span>{{ __('Lieferanten') }}</span>
             <a href="{{ route('admin.inventory.suppliers.create') }}" class="btn btn-sm btn-primary">{{ __('Neu anlegen') }}</a>
         </h6>
         <div class="card-datatable table-responsive">
-            <table class="datatables-style table table-striped table-bordered">
+            <table class="datatables-style table table-striped table-bordered wawi-table">
                 <thead>
                 <tr>
                     <th style="max-width: 60px;">&nbsp;</th>
@@ -21,8 +22,13 @@
                 <tbody>
                 @foreach($values as $value)
                     <tr>
-                        <td>
-                            <a href="{{ route('admin.inventory.suppliers.edit', $value) }}" class="btn icon-btn btn-sm btn-primary">
+                        <td class="text-nowrap">
+                            <button type="button" class="btn icon-btn btn-sm btn-info js-show-supplier"
+                                data-url="{{ route('admin.inventory.suppliers.show', $value) }}"
+                                data-name="{{ $value->name }}" title="{{ __('Ansicht') }}">
+                                <span class="far fa-eye"></span>
+                            </button>
+                            <a href="{{ route('admin.inventory.suppliers.edit', $value) }}" class="btn icon-btn btn-sm btn-primary" title="{{ __('Bearbeiten') }}">
                                 <span class="far fa-edit"></span>
                             </a>
                         </td>
@@ -54,6 +60,22 @@
             </table>
         </div>
     </div>
+    <div class="modal fade" id="supplierShowModal" tabindex="-1" role="dialog" aria-hidden="true">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">{{ __('Lieferant') }}</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body" id="supplierShowBody">
+                    <div class="text-center text-muted py-4">{{ __('Lädt …') }}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script>
         $(document).ready(function () {
             $('.datatables-style').dataTable({
@@ -62,6 +84,46 @@
                 "order": [[1, "asc"]],
                 "language": {"url": "/js/German.json"}
             });
+
+            var csrfToken = $('meta[name="csrf-token"]').attr('content');
+            var $modal = $('#supplierShowModal');
+            var $body = $('#supplierShowBody');
+
+            function loadDetails(url, method) {
+                $.ajax({
+                    url: url,
+                    method: method || 'GET',
+                    headers: {'X-CSRF-TOKEN': csrfToken},
+                    data: method && method !== 'GET' ? arguments[2] : undefined
+                }).done(function (html) {
+                    $body.html(html);
+                }).fail(function () {
+                    $body.html('<div class="alert alert-danger mb-0">{{ __('Fehler beim Laden.') }}</div>');
+                });
+            }
+
+            $(document).on('click', '.js-show-supplier', function () {
+                $modal.find('.modal-title').text($(this).data('name'));
+                $body.html('<div class="text-center text-muted py-4">{{ __('Lädt …') }}</div>');
+                loadDetails($(this).data('url'), 'GET');
+                $modal.modal('show');
+            });
+
+            $(document).on('click', '.js-attach-ingredient, .js-attach-packaging', function () {
+                var $btn = $(this);
+                var value = $($btn.data('select')).val();
+                if (!value) {
+                    return;
+                }
+                var payload = $btn.hasClass('js-attach-ingredient')
+                    ? {ingredient_id: value}
+                    : {packaging_item_id: value};
+                loadDetails($btn.data('url'), 'POST', payload);
+            });
+
+            $(document).on('click', '.js-detach-ingredient, .js-detach-packaging', function () {
+                loadDetails($(this).data('url'), 'DELETE');
+            });
         });
     </script>
 @endsection