Small visual improvements on consumables view

Signed-off-by: snipe <snipe@snipe.net>
This commit is contained in:
snipe 2021-09-26 14:32:51 -07:00
parent d88c0ae5ec
commit f0da1977fb

View file

@ -67,6 +67,14 @@
</div> <!-- /.box.box-default--> </div> <!-- /.box.box-default-->
</div> <!-- /.col-md-9--> </div> <!-- /.col-md-9-->
<div class="col-md-3"> <div class="col-md-3">
<div class="box box-default">
<div class="box-body">
<div class="row">
<div class="col-md-12">
@if ($consumable->image!='') @if ($consumable->image!='')
<div class="col-md-12 text-center" style="padding-bottom: 15px;"> <div class="col-md-12 text-center" style="padding-bottom: 15px;">
<a href="{{ Storage::disk('public')->url('consumables/'.e($consumable->image)) }}" data-toggle="lightbox"> <a href="{{ Storage::disk('public')->url('consumables/'.e($consumable->image)) }}" data-toggle="lightbox">
@ -75,14 +83,14 @@
@endif @endif
@if ($consumable->purchase_date) @if ($consumable->purchase_date)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('general.purchase_date') }}: </strong> <strong>{{ trans('general.purchase_date') }}: </strong>
{{ $consumable->purchase_date }} {{ \App\Helpers\Helper::getFormattedDateObject($consumable->purchase_date, 'date', false) }}
</div> </div>
@endif @endif
@if ($consumable->purchase_cost) @if ($consumable->purchase_cost)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('general.purchase_cost') }}:</strong> <strong>{{ trans('general.purchase_cost') }}:</strong>
{{ $snipeSettings->default_currency }} {{ $snipeSettings->default_currency }}
{{ \App\Helpers\Helper::formatCurrencyOutput($consumable->purchase_cost) }} {{ \App\Helpers\Helper::formatCurrencyOutput($consumable->purchase_cost) }}
@ -90,38 +98,47 @@
@endif @endif
@if ($consumable->item_no) @if ($consumable->item_no)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('admin/consumables/general.item_no') }}:</strong> <strong>{{ trans('admin/consumables/general.item_no') }}:</strong>
{{ $consumable->item_no }} {{ $consumable->item_no }}
</div> </div>
@endif @endif
@if ($consumable->model_number) @if ($consumable->model_number)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('general.model_no') }}:</strong> <strong>{{ trans('general.model_no') }}:</strong>
{{ $consumable->model_number }} {{ $consumable->model_number }}
</div> </div>
@endif @endif
@if ($consumable->manufacturer) @if ($consumable->manufacturer)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('general.manufacturer') }}:</strong> <strong>{{ trans('general.manufacturer') }}:</strong>
{{ $consumable->manufacturer->name }} <a href="{{ route('manufacturers.show', $consumable->manufacturer->id) }}">{{ $consumable->manufacturer->name }}</a>
</div> </div>
@endif @endif
@if ($consumable->order_number) @if ($consumable->order_number)
<div class="col-md-12" style="padding-bottom: 5px;"> <div class="col-md-12" style="padding-bottom: 15px;">
<strong>{{ trans('general.order_number') }}:</strong> <strong>{{ trans('general.order_number') }}:</strong>
{{ $consumable->order_number }} {{ $consumable->order_number }}
</div> </div>
@endif @endif
@can('checkout', \App\Models\Accessory::class) @can('checkout', \App\Models\Accessory::class)
<div class="col-md-12"> <div class="col-md-12 text-center">
<a href="{{ route('checkout/consumable', $consumable->id) }}" style="padding-bottom:5px;" class="btn btn-primary btn-sm" {{ (($consumable->numRemaining() > 0 ) ? '' : ' disabled') }}>{{ trans('general.checkout') }}</a> <a href="{{ route('checkout/consumable', $consumable->id) }}" style="padding-bottom:5px;" class="btn btn-primary btn-sm" {{ (($consumable->numRemaining() > 0 ) ? '' : ' disabled') }}>{{ trans('general.checkout') }}</a>
</div> </div>
@endcan @endcan
</div>
</div>
</div>
</div>
</div>
</div> <!-- /.col-md-3--> </div> <!-- /.col-md-3-->
</div> <!-- /.row--> </div> <!-- /.row-->