Upgrade boilerplate
This commit is contained in:
Ludovic CANDELLIER
@@ -38,16 +38,12 @@
|
||||
@foreach($row as $key => $value)
|
||||
<td class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
|
||||
@if ($key == 'date')
|
||||
<a href="{{ route('boilerplate.logs.show', [$date]) }}">
|
||||
<span class="badge badge-pill badge-info">
|
||||
{{ \Carbon\Carbon::createFromFormat('Y-m-d', $value)->isoFormat(__('boilerplate::date.Ymd')) }}
|
||||
</span>
|
||||
</a>
|
||||
{{ \Carbon\Carbon::createFromFormat('Y-m-d', $value)->isoFormat(__('boilerplate::date.Ymd')) }}
|
||||
@elseif ($value == 0)
|
||||
<span class="badge badge-pill level-empty">{{ $value }}</span>
|
||||
<span class="text-muted">.</span>
|
||||
@else
|
||||
<a href="{{ route('boilerplate.logs.filter', [$date, $key]) }}">
|
||||
<span class="badge badge-pill level-{{ $key }}">{{ $value }}</span>
|
||||
<span class="text-{{ $key }} text-bold">{{ $value }}</span>
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-12 py-2 sticky-toolbar">
|
||||
<div class="col-12 pb-3">
|
||||
<a href="{{ route('boilerplate.logs.list') }}" class="btn btn-default">
|
||||
<span class="far fa-arrow-alt-circle-left text-muted"></span>
|
||||
</a>
|
||||
@@ -28,127 +28,79 @@
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-3">
|
||||
@component('boilerplate::card', ['title' => __('boilerplate::logs.show.levels'), 'color' => 'info'])
|
||||
@include('boilerplate::logs._partials.levels')
|
||||
@endcomponent
|
||||
@component('boilerplate::card', ['title' => __('boilerplate::logs.show.loginfo'), 'color' => 'warning'])
|
||||
@include('boilerplate::logs._partials.informations')
|
||||
@endcomponent
|
||||
</div>
|
||||
<div class="col-9">
|
||||
@component('boilerplate::card', ['title' => ucfirst(__('boilerplate::logs.show.file', ['date' => $date]))])
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
@include('boilerplate::logs._partials.menu')
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<div class="card no-shadow">
|
||||
<div class="card-header bg-gray font-weight-bold py-1">
|
||||
{{ __('boilerplate::logs.show.loginfo') }}
|
||||
</div>
|
||||
<div class="card-body py-1 px-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table no-border table-sm mb-0">
|
||||
<tbody>
|
||||
<tr class="border-bottom">
|
||||
<td class="pl-2">{{ __('boilerplate::logs.show.filepath') }}</td>
|
||||
<td colspan="7">{{ $log->getPath() }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-2">{{ __('boilerplate::logs.show.logentries') }}</td>
|
||||
<td>
|
||||
<span class="badge badge-pill badge-secondary">{{ $entries->total() }}</span>
|
||||
</td>
|
||||
<td>{{ __('boilerplate::logs.show.size') }}</td>
|
||||
<td>
|
||||
<span class="badge badge-pill badge-secondary">{{ $log->size() }}</span>
|
||||
</td>
|
||||
<td>{{ __('boilerplate::logs.show.createdat') }}</td>
|
||||
<td>
|
||||
<span class="badge badge-pill badge-secondary">
|
||||
{{ $log->createdAt()->isoFormat(__('boilerplate::date.YmdHis')) }}
|
||||
</span>
|
||||
</td>
|
||||
<td>{{ __('boilerplate::logs.show.updatedat') }}</td>
|
||||
<td>
|
||||
<span class="badge badge-pill badge-secondary">
|
||||
{{ $log->updatedAt()->isoFormat(__('boilerplate::date.YmdHis')) }}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($entries->hasPages())
|
||||
<div class="d-flex justify-content-between text-sm align-items-center mb-3">
|
||||
<span class="text-sm text-muted ">
|
||||
{{ __('boilerplate::logs.show.page', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()]) }}
|
||||
<div class="table-responsive">
|
||||
<table id="entries" class="table table-sm">
|
||||
<thead>
|
||||
<tr class="text-center">
|
||||
<th>{{ __('boilerplate::logs.show.env') }}</th>
|
||||
<th style="width: 120px;">{{ __('boilerplate::logs.show.level') }}</th>
|
||||
<th style="width: 65px;">{{ __('boilerplate::logs.show.time') }}</th>
|
||||
<th>{{ __('boilerplate::logs.show.header') }}</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($entries as $key => $entry)
|
||||
<tr class="{{ $key %2 ? 'even' : 'odd' }}">
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill bg-purple">
|
||||
{{ $entry->env }}
|
||||
</span>
|
||||
{!! $entries->render() !!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="entries" class="table table-hover table-sm border-left border-right">
|
||||
<thead class="bg-gray">
|
||||
<tr class="text-center">
|
||||
<th>{{ __('boilerplate::logs.show.env') }}</th>
|
||||
<th style="width: 120px;">{{ __('boilerplate::logs.show.level') }}</th>
|
||||
<th style="width: 65px;">{{ __('boilerplate::logs.show.time') }}</th>
|
||||
<th>{{ __('boilerplate::logs.show.header') }}</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($entries as $key => $entry)
|
||||
<tr class="{{ $key %2 ? 'even' : 'odd' }}">
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill bg-purple">
|
||||
{{ $entry->env }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill level-{{ $entry->level }}">
|
||||
{!! $entry->level() !!}
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill bg-secondary">
|
||||
{{ $entry->datetime->format('H:i:s') }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-sm">
|
||||
{{ $entry->header }}
|
||||
</td>
|
||||
<td class="text-right px-2">
|
||||
@if ($entry->hasStack())
|
||||
<a class="btn btn-xs btn-default" role="button" data-toggle="collapse" href="#log-stack-{{ $key }}" aria-expanded="false" aria-controls="log-stack-{{ $key }}">
|
||||
Stack
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@if ($entry->hasStack())
|
||||
<tr>
|
||||
<td colspan="5" class="stack">
|
||||
<div class="stack-content collapse" id="log-stack-{{ $key }}">
|
||||
{!! preg_replace('`#([0-9]*)\s`', "<br /><strong>#$1</strong> ", $entry->stack()) !!}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if ($entries->hasPages())
|
||||
<div class="panel-footer d-flex justify-content-between align-items-center text-sm">
|
||||
<span class="pull-right small text-muted mtm">
|
||||
{{ __('boilerplate::logs.show.page', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()]) }}
|
||||
</td>
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill level-{{ $entry->level }}">
|
||||
{!! $entry->level() !!}
|
||||
</span>
|
||||
{!! $entries->render() !!}
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-2">
|
||||
<span class="badge badge-pill bg-secondary">
|
||||
{{ $entry->datetime->format('H:i:s') }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-sm">
|
||||
{{ $entry->header }}
|
||||
</td>
|
||||
<td class="text-right px-2">
|
||||
@if ($entry->hasStack())
|
||||
<a class="btn btn-xs btn-default" role="button" data-toggle="collapse" href="#log-stack-{{ $key }}" aria-expanded="false" aria-controls="log-stack-{{ $key }}">
|
||||
Stack
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@if ($entry->hasStack())
|
||||
<tr class="log-stack {{ $key %2 ? 'even' : 'odd' }}">
|
||||
<td colspan="5" class="stack">
|
||||
<div class="stack-content collapse" id="log-stack-{{ $key }}">
|
||||
{!! preg_replace('`#([0-9]*)\s`', "<br /><strong>#$1</strong> ", $entry->stack()) !!}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if ($entries->hasPages())
|
||||
<div class="panel-footer d-flex justify-content-between align-items-center text-sm">
|
||||
<span class="pull-right small text-muted mtm">
|
||||
{{ __('boilerplate::logs.show.page', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()]) }}
|
||||
</span>
|
||||
{!! $entries->render() !!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@slot('footer')
|
||||
<div class="text-muted text-right small">
|
||||
{!! __('boilerplate::logs.vendor') !!}
|
||||
|
||||
@@ -1,182 +1,3 @@
|
||||
@push('css')
|
||||
<style>
|
||||
.table>tbody>tr.even>td {
|
||||
background: #F7F7F7;
|
||||
}
|
||||
|
||||
.table>tbody>tr.even>td:hover {
|
||||
background: #F0F0F0;
|
||||
}
|
||||
|
||||
.table>tbody>tr>td.stack {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stack-content {
|
||||
padding: 0 20px 10px;
|
||||
background-color: #FFF;
|
||||
color: #666;
|
||||
font-family: consolas,sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.info-box.level {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin-bottom: 15px;
|
||||
min-height: 70px;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-text,
|
||||
.info-box.level .info-box-number,
|
||||
.info-box.level .info-box-icon > i {
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.info-box.level .info-box-text {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-content {
|
||||
padding: 5px 10px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-number {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-icon {
|
||||
border-radius: 2px 0 0 2px;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 70px; width: 70px;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 70px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.info-box.level .progress {
|
||||
background: rgba(0,0,0,0.2);
|
||||
margin: 5px -10px 5px -10px;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.info-box.level .progress .progress-bar {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.info-box.level-empty {
|
||||
opacity: .6;
|
||||
-webkit-filter: grayscale(1);
|
||||
-moz-filter: grayscale(1);
|
||||
-ms-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-transition-property: -webkit-filter, opacity;
|
||||
-moz-transition-property: -moz-filter, opacity;
|
||||
-o-transition-property: filter, opacity;
|
||||
transition-property: -webkit-filter, -moz-filter, -o-filter, filter, opacity;
|
||||
}
|
||||
|
||||
.info-box.level-empty:hover {
|
||||
opacity: 1;
|
||||
-webkit-filter: grayscale(0);
|
||||
-moz-filter: grayscale(0);
|
||||
-ms-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
}
|
||||
|
||||
.level {
|
||||
padding: 2px 6px;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 2px;
|
||||
font-size: .9em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.badge.level-all,
|
||||
.badge.level-emergency,
|
||||
.badge.level-alert,
|
||||
.badge.level-critical,
|
||||
.badge.level-error,
|
||||
.badge.level-warning,
|
||||
.badge.level-notice,
|
||||
.badge.level-info,
|
||||
.badge.level-debug,
|
||||
.level, .level i,
|
||||
.info-box.level-all,
|
||||
.info-box.level-emergency,
|
||||
.info-box.level-alert,
|
||||
.info-box.level-critical,
|
||||
.info-box.level-error,
|
||||
.info-box.level-warning,
|
||||
.info-box.level-notice,
|
||||
.info-box.level-info,
|
||||
.info-box.level-debug {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.label-env {
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
.badge.level-all, .level.level-all, .info-box.level-all {
|
||||
background-color: #8A8A8A;
|
||||
}
|
||||
|
||||
.badge.level-emergency, .level.level-emergency, .info-box.level-emergency {
|
||||
background-color: #B71C1C;
|
||||
}
|
||||
|
||||
.badge.level-alert, .level.level-alert, .info-box.level-alert {
|
||||
background-color: #D32F2F;
|
||||
}
|
||||
|
||||
.badge.level-critical, .level.level-critical, .info-box.level-critical {
|
||||
background-color: #F44336;
|
||||
}
|
||||
|
||||
.badge.level-error, .level.level-error, .info-box.level-error {
|
||||
background-color: #FF5722;
|
||||
}
|
||||
|
||||
.badge.level-warning, .level.level-warning, .info-box.level-warning {
|
||||
background-color: #FF9100;
|
||||
}
|
||||
|
||||
.badge.level-notice, .level.level-notice, .info-box.level-notice {
|
||||
background-color: #4CAF50;
|
||||
}
|
||||
|
||||
.badge.level-info, .level.level-info, .info-box.level-info {
|
||||
background-color: #1976D2;
|
||||
}
|
||||
|
||||
.badge.level-debug, .level.level-debug, .info-box.level-debug {
|
||||
background-color: #90CAF9;
|
||||
}
|
||||
|
||||
.badge.level-empty, .level.level-empty {
|
||||
background-color: #D1D1D1;
|
||||
}
|
||||
|
||||
.badge.label-env, .label.label-env {
|
||||
background-color: #6A1B9A;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="{{ mix('logviewer.min.css', 'assets/vendor/boilerplate') }}">
|
||||
@endpush
|
||||
Reference in New Issue
Block a user