Kevin Adametz
a8f6fef38e
- Zentrale, wiederverwendbare Design-Partial wawi-ui.blade.php (gescoptes Inline-CSS, kein Build noetig) - Bausteine: Seitenkopf, Kennzahlen-Kacheln, Karten, Toolbar/Suche, aufgeraeumte Tabellen, Status-Pills, Datenblatt-Definitionsliste, Name-Zelle mit fester Icon-Spalte, Leer-Zustaende - Umgestellt: alle Uebersicht-/Listen- und Detailseiten unter admin/inventory - Responsive: Detail-Datenblaetter brechen unter 768px gestapelt um (Label oben, Wert linksbuendig); Icon-Spalte verhindert Versatz bei Zeilenumbruch - Entwicklungsplan um AP-19 + UI-Konvention ergaenzt Co-authored-by: Cursor <cursoragent@cursor.com>
234 lines
13 KiB
PHP
234 lines
13 KiB
PHP
@extends('layouts.layout-2')
|
|
|
|
@php
|
|
$total = $rows->count();
|
|
$criticalCount = $rows->where('status', 'critical')->count();
|
|
$warningCount = $rows->where('status', 'warning')->count();
|
|
$okCount = $total - $criticalCount - $warningCount;
|
|
@endphp
|
|
|
|
@section('content')
|
|
@include('admin.inventory.partials.wawi-ui')
|
|
|
|
<div class="wawi-page">
|
|
<div class="wawi-page-head">
|
|
<div>
|
|
<h1 class="wawi-page-head__title">{{ __('Produktbestand') }}</h1>
|
|
<p class="wawi-page-head__subtitle">{{ __('Aktueller Lagerbestand aller aktiven Produkte') }}</p>
|
|
</div>
|
|
<div class="wawi-page-head__actions">
|
|
<a href="{{ route('admin.inventory.product-stock.history') }}" class="btn btn-outline-secondary btn-sm">
|
|
<span class="far fa-clock mr-1"></span>{{ __('Historie') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wawi-stats">
|
|
<div class="wawi-stat" data-filter="all">
|
|
<div class="wawi-stat__icon"><span class="fas fa-boxes-stacked"></span></div>
|
|
<div class="wawi-stat__body">
|
|
<div class="wawi-stat__value">{{ $total }}</div>
|
|
<div class="wawi-stat__label">{{ __('Produkte') }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wawi-stat wawi-stat--ok" data-filter="all">
|
|
<div class="wawi-stat__icon"><span class="fas fa-circle-check"></span></div>
|
|
<div class="wawi-stat__body">
|
|
<div class="wawi-stat__value">{{ $okCount }}</div>
|
|
<div class="wawi-stat__label">{{ __('Bestand OK') }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wawi-stat wawi-stat--warning is-clickable" data-filter="warning">
|
|
<div class="wawi-stat__icon"><span class="fas fa-triangle-exclamation"></span></div>
|
|
<div class="wawi-stat__body">
|
|
<div class="wawi-stat__value">{{ $warningCount }}</div>
|
|
<div class="wawi-stat__label">{{ __('Niedrig') }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wawi-stat wawi-stat--danger is-clickable" data-filter="critical">
|
|
<div class="wawi-stat__icon"><span class="fas fa-circle-exclamation"></span></div>
|
|
<div class="wawi-stat__body">
|
|
<div class="wawi-stat__value">{{ $criticalCount }}</div>
|
|
<div class="wawi-stat__label">{{ __('Kritisch') }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wawi-card">
|
|
<div class="wawi-toolbar">
|
|
<div class="wawi-search">
|
|
<span class="fas fa-search"></span>
|
|
<input type="text" id="ps-search" class="form-control" autocomplete="off"
|
|
placeholder="{{ __('Produkt suchen …') }}">
|
|
</div>
|
|
<div class="wawi-toolbar__spacer"></div>
|
|
<label class="form-check d-inline-flex align-items-center mb-0">
|
|
<input type="checkbox" id="ps-only-critical" class="form-check-input mr-2">
|
|
<span>{{ __('nur kritische anzeigen') }}</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table wawi-table" id="ps-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:3.5rem"></th>
|
|
<th>{{ __('Name') }}</th>
|
|
<th class="text-right">{{ __('Bestand') }}</th>
|
|
<th>{{ __('Status') }}</th>
|
|
<th class="text-right" style="width:16rem">{{ __('Aktion') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($rows as $row)
|
|
@php
|
|
$product = $row['product'];
|
|
$rowClass = $row['status'] === 'critical' ? 'is-danger' : ($row['status'] === 'warning' ? 'is-warning' : '');
|
|
$stockClass = $row['status'] === 'critical' ? 'text-danger font-weight-bold' : ($row['status'] === 'warning' ? 'text-warning font-weight-bold' : '');
|
|
@endphp
|
|
<tr class="ps-row {{ $rowClass }}" data-name="{{ Str::lower($product->name) }} {{ Str::lower($product->number ?? '') }}" data-status="{{ $row['status'] }}">
|
|
<td>
|
|
@if ($product->images->count())
|
|
<img class="wawi-thumb" alt=""
|
|
src="{{ route('product_image', [$product->images->first()->slug]) }}">
|
|
@else
|
|
<span class="wawi-thumb wawi-thumb--empty"><span class="far fa-image"></span></span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<div class="wawi-item-name">{{ $product->name }}</div>
|
|
@if (!empty($product->number))
|
|
<div class="wawi-item-sub">{{ $product->number }}</div>
|
|
@endif
|
|
</td>
|
|
<td class="text-right {{ $stockClass }}">
|
|
{{ \App\Services\Util::formatNumber($row['stock'], 0) }} <span class="text-muted">{{ __('Stück') }}</span>
|
|
</td>
|
|
<td>
|
|
@if ($row['status'] === 'critical')
|
|
<span class="wawi-pill wawi-pill--danger">{{ __('Kritisch') }}</span>
|
|
@elseif ($row['status'] === 'warning')
|
|
<span class="wawi-pill wawi-pill--warning">{{ __('Niedrig') }}</span>
|
|
@else
|
|
<span class="wawi-pill wawi-pill--ok">{{ __('OK') }}</span>
|
|
@endif
|
|
</td>
|
|
<td class="text-right">
|
|
<div class="wawi-actions">
|
|
@if (Auth::user()->isAdmin())
|
|
<button type="button" class="btn icon-btn btn-sm btn-success js-ps-move"
|
|
data-product="{{ $product->id }}" data-name="{{ $product->name }}" data-direction="in"
|
|
title="{{ __('Eingang buchen') }}"><span class="fas fa-plus"></span></button>
|
|
<button type="button" class="btn icon-btn btn-sm btn-outline-danger js-ps-move"
|
|
data-product="{{ $product->id }}" data-name="{{ $product->name }}" data-direction="out"
|
|
title="{{ __('Ausgang buchen') }}"><span class="fas fa-minus"></span></button>
|
|
@endif
|
|
<a href="{{ route('admin.inventory.productions.create', ['product_id' => $product->id]) }}"
|
|
class="btn btn-sm btn-outline-secondary">
|
|
<span class="fas fa-flask mr-1"></span>{{ __('Produzieren') }}</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="5">
|
|
<div class="wawi-empty">
|
|
<div><span class="fas fa-boxes-stacked"></span></div>
|
|
{{ __('Keine Produkte vorhanden.') }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if (Auth::user()->isAdmin())
|
|
<div class="modal fade" id="ps-move-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<form method="post" id="ps-move-form">
|
|
@csrf
|
|
<input type="hidden" name="direction" id="ps-move-direction">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="ps-move-title">{{ __('Bestandsbewegung') }}</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="text-muted mb-3" id="ps-move-product"></p>
|
|
<div class="form-group">
|
|
<label for="ps-move-quantity">{{ __('Stückzahl') }} <span class="text-danger">*</span></label>
|
|
<input type="number" min="1" step="1" name="quantity" id="ps-move-quantity" class="form-control" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="ps-move-reason">{{ __('Grund') }} <span class="text-danger">*</span></label>
|
|
<select name="reason" id="ps-move-reason" class="form-control" required>
|
|
@foreach ($reasons as $reason)
|
|
<option value="{{ $reason }}">{{ $reason }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="form-group mb-0">
|
|
<label for="ps-move-note">{{ __('Hinweis') }}</label>
|
|
<input type="text" name="note" id="ps-move-note" class="form-control" maxlength="255" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">{{ __('Abbrechen') }}</button>
|
|
<button type="submit" class="btn btn-primary">{{ __('Buchen') }}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
<script>
|
|
$(function () {
|
|
var $rows = $('#ps-table tbody tr.ps-row');
|
|
|
|
function applyFilter() {
|
|
var term = ($('#ps-search').val() || '').toLowerCase().trim();
|
|
var onlyCritical = $('#ps-only-critical').is(':checked');
|
|
$rows.each(function () {
|
|
var $row = $(this);
|
|
var matchesTerm = term === '' || ($row.data('name') || '').toString().indexOf(term) !== -1;
|
|
var status = $row.data('status');
|
|
var matchesCritical = !onlyCritical || (status === 'critical' || status === 'warning');
|
|
$row.toggle(matchesTerm && matchesCritical);
|
|
});
|
|
}
|
|
|
|
$('#ps-search').on('keyup', applyFilter);
|
|
$('#ps-only-critical').on('change', applyFilter);
|
|
|
|
$('.wawi-stat.is-clickable').on('click', function () {
|
|
var filter = $(this).data('filter');
|
|
var $this = $(this);
|
|
var wasActive = $this.hasClass('is-active');
|
|
$('.wawi-stat').removeClass('is-active');
|
|
if (filter === 'critical' || filter === 'warning') {
|
|
$('#ps-only-critical').prop('checked', !wasActive);
|
|
if (!wasActive) { $this.addClass('is-active'); }
|
|
applyFilter();
|
|
}
|
|
});
|
|
|
|
var moveTemplate = "{{ route('admin.inventory.product-stock.movement', ['product' => '__ID__']) }}";
|
|
$('.js-ps-move').on('click', function () {
|
|
var id = $(this).data('product');
|
|
var name = $(this).data('name');
|
|
var direction = $(this).data('direction');
|
|
$('#ps-move-form').attr('action', moveTemplate.replace('__ID__', id));
|
|
$('#ps-move-direction').val(direction);
|
|
$('#ps-move-product').text(name);
|
|
$('#ps-move-title').text(direction === 'in' ? '{{ __('Eingang buchen') }}' : '{{ __('Ausgang buchen') }}');
|
|
$('#ps-move-quantity').val('');
|
|
$('#ps-move-note').val('');
|
|
$('#ps-move-modal').modal('show');
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|