jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Refactor project

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2021-05-21 00:21:05 +02:00
parent 4ce0fa942d
commit b50f50ea62
347 changed files with 14104 additions and 1608 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resources/views/vendor/boilerplate/logs/_partials/menu.blade.php vendored Normal file
View File

@@ -0,0 +1,32 @@
<div class="card no-shadow">
<div class="card-header bg-gray font-weight-bold py-1">
{{ __('boilerplate::logs.show.levels') }}
</div>
<ul class="list-group list-unstyled">
@foreach($log->menu() as $level => $item)
@if ($item['count'] === 0)
<li>
<a href="#" class="list-group-item py-2 d-flex justify-content-between" style="opacity:.5;background: #F0F0F0; border-radius:0">
<span class="badge badge-pill text-secondary">
{!! $item['icon'] !!} {{ $item['name'] }}
</span>
<span class="badge badge-pill badge-secondary">
{{ $item['count'] }}
</span>
</a>
</li>
@else
<li>
<a href="{{ $item['url'] }}" class="list-group-item py-2 {{ $level }} d-flex justify-content-between" style="border-radius: 0">
<span class="badge badge-pill level-{{ $level }}">
{!! $item['icon'] !!} {{ $item['name'] }}
</span>
<span class="badge badge-pill level-{{ $level }}">
{{ $item['count'] }}
</span>
</a>
</li>
@endif
@endforeach
</ul>
</div>

10
resources/views/vendor/boilerplate/logs/_template/footer.blade.php vendored Normal file
View File

@@ -0,0 +1,10 @@
<footer class="main-footer">
<div class="container">
<p class="text-muted pull-left">
LogViewer - <span class="label label-info">version {{ log_viewer()->version() }}</span>
</p>
<p class="text-muted pull-right">
Created with <i class="fa fa-heart"></i> by ARCANEDEV <sup>&copy;</sup>
</p>
</div>
</footer>

42
resources/views/vendor/boilerplate/logs/_template/master.blade.php vendored Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>LogViewer</title>
<meta name="description" content="LogViewer">
<meta name="author" content="ARCANEDEV">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.15.35/css/bootstrap-datetimepicker.min.css">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
@include('boilerplate::logs._template.style')
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
@include('boilerplate::logs._template.navigation')
<div class="container-fluid">
@yield('content')
</div>
@include('boilerplate::logs._template.footer')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.15.35/js/bootstrap-datetimepicker.min.js"></script>
<script>
Chart.defaults.global.responsive = true;
Chart.defaults.global.scaleFontFamily = "'Source Sans Pro'";
Chart.defaults.global.animationEasing = "easeOutQuart";
</script>
@yield('modals')
@yield('scripts')
</body>
</html>

29
resources/views/vendor/boilerplate/logs/_template/navigation.blade.php vendored Normal file
View File

@@ -0,0 +1,29 @@
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="{{ route('boilerplate.logs.dashboard') }}" class="navbar-brand">
<i class="fa fa-fw fa-book"></i> LogViewer
</a>
</div>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="{{ Route::is('boilerplate.logs.dashboard') ? 'active' : '' }}">
<a href="{{ route('boilerplate.logs.dashboard') }}">
<i class="fa fa-dashboard"></i> Dashboard
</a>
</li>
<li class="{{ Route::is('boilerplate.logs.list') ? 'active' : '' }}">
<a href="{{ route('boilerplate.logs.list') }}">
<i class="fa fa-archive"></i> Logs
</a>
</li>
</ul>
</div>
</div>
</nav>

255
resources/views/vendor/boilerplate/logs/_template/style.blade.php vendored Normal file
View File

@@ -0,0 +1,255 @@
<style>
html {
position: relative;
min-height: 100%;
}
body {
padding-top: 50px;
/* Margin bottom by footer height */
margin-bottom: 50px;
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: 600;
}
h1, h2, h3 {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
}
.sub-header {
padding-bottom: 10px;
border-bottom: 1px solid #EEE;
}
.navbar-inverse {
background-color: #1a237e;
border-color: #1a237e;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
background-color: #3949ab;
}
.navbar-inverse .navbar-brand {
color: #c5cae9;
}
.navbar-inverse .navbar-nav>li>a {
color: #c5cae9;
}
.navbar-fixed-top {
border: 0;
}
.main {
padding: 20px;
}
.main .page-header {
margin-top: 0;
}
footer.main-footer {
position: absolute;
padding: 10px 0;
bottom: 0;
width: 100%;
background-color: #e8eaf6;
font-weight: 600;
}
footer.main-footer p {
margin: 0;
}
footer.main-footer i.fa.fa-heart {
color: #C62828;
}
.pagination {
margin: 0;
}
.pagination > li > a,
.pagination > li > span {
padding: 4px 10px;
}
.table-condensed > tbody > tr > td.stack,
.table-condensed > tfoot > tr > td.stack,
.table-condensed > thead > tr > td.stack {
padding: 0;
border-top: none;
}
.stack-content {
padding: 8px;
background-color: #F6F6F6;
border-top: 1px solid #D1D1D1;
color: #AE0E0E;
font-family: consolas,sans-serif;
font-size: 12px;
}
.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: {{ log_styler()->color('all') }};
}
.badge.level-emergency, .level.level-emergency, .info-box.level-emergency {
background-color: {{ log_styler()->color('emergency') }};
}
.badge.level-alert, .level.level-alert, .info-box.level-alert {
background-color: {{ log_styler()->color('alert') }};
}
.badge.level-critical, .level.level-critical, .info-box.level-critical {
background-color: {{ log_styler()->color('critical') }};
}
.badge.level-error, .level.level-error, .info-box.level-error {
background-color: {{ log_styler()->color('error') }};
}
.badge.level-warning, .level.level-warning, .info-box.level-warning {
background-color: {{ log_styler()->color('warning') }};
}
.badge.level-notice, .level.level-notice, .info-box.level-notice {
background-color: {{ log_styler()->color('notice') }};
}
.badge.level-info, .level.level-info, .info-box.level-info {
background-color: {{ log_styler()->color('info') }};
}
.badge.level-debug, .level.level-debug, .info-box.level-debug {
background-color: {{ log_styler()->color('debug') }};
}
.badge.level-empty, .level.level-empty {
background-color: {{ log_styler()->color('empty') }};
}
.badge.label-env, .label.label-env {
background-color: #6A1B9A;
}
</style>

68
resources/views/vendor/boilerplate/logs/dashboard.blade.php vendored Normal file
View File

@@ -0,0 +1,68 @@
@extends('boilerplate::layout.index', [
'title' => __('boilerplate::logs.menu.category'),
'subtitle' => __('boilerplate::logs.menu.stats'),
'breadcrumb' => [
__('boilerplate::logs.menu.stats')
]
])
@include('boilerplate::logs.style')
@section('content')
<div class="row">
<div class="col-12">
@component('boilerplate::card')
<div class="row">
<div class="mb-3 ml-auto mr-auto col-md-6 col-lg-3">
<canvas id="stats-doughnut-chart" height="300"></canvas>
</div>
<div class="col-lg-9">
<div class="row">
@foreach($percents as $level => $item)
<div class="col-sm-6 col-lg-4">
<div class="info-box level level-{{ $level }} {{ $item['count'] === 0 ? 'level-empty' : '' }}">
<span class="info-box-icon">
{!! log_styler()->icon($level) !!}
</span>
<div class="info-box-content">
<span class="info-box-text">{{ $item['name'] }}</span>
<span class="info-box-number">
{{ __('boilerplate::logs.stats.entries', $item) }}
</span>
<div class="progress">
<div class="progress-bar"
style="width: {{ $item['percent'] }}%"></div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@slot('footer')
<div class="text-right text-muted small">
{!! __('boilerplate::logs.vendor') !!}
</div>
@endslot
@endcomponent
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script>
$(function() {
new Chart($('canvas#stats-doughnut-chart'), {
type: 'doughnut',
data:{!! $chartData !!},
options: {
legend: {
position: 'bottom'
}
}
});
});
</script>
@endpush

116
resources/views/vendor/boilerplate/logs/logs.blade.php vendored Normal file
View File

@@ -0,0 +1,116 @@
@extends('boilerplate::layout.index', [
'title' => __('boilerplate::logs.menu.category'),
'subtitle' => __('boilerplate::logs.menu.reports'),
'breadcrumb' => [
__('boilerplate::logs.menu.reports')
]
])
@include('boilerplate::logs.style')
@section('content')
<div class="row">
<div class="col-12">
@component('boilerplate::card')
{!! $rows->render() !!}
<div class="table-responsive">
<table class="table table-hover table-striped table-sm">
<thead>
<tr>
@foreach($headers as $key => $header)
<th class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
@if ($key == 'date')
@else
<span class="badge badge-pill level-{{ $key }}">
{!! log_styler()->icon($key) . ' ' . $header !!}
</span>
@endif
</th>
@endforeach
<th class="text-right"></th>
</tr>
</thead>
<tbody>
@if ($rows->count() > 0)
@foreach($rows as $date => $row)
<tr>
@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>
@elseif ($value == 0)
<span class="badge badge-pill level-empty">{{ $value }}</span>
@else
<a href="{{ route('boilerplate.logs.filter', [$date, $key]) }}">
<span class="badge badge-pill level-{{ $key }}">{{ $value }}</span>
</a>
@endif
</td>
@endforeach
<td class="text-right visible-on-hover no-wrap">
<a href="{{ route('boilerplate.logs.show', [$date]) }}" class="btn btn-sm btn-primary">
<i class="fa fa-search"></i>
</a>
<a href="#delete-log-modal" class="btn btn-sm btn-danger" data-log-date="{{ $date }}">
<i class="fas fa-trash"></i>
</a>
</td>
</tr>
@endforeach
@else
<tr>
<td colspan="11" class="text-center">
<span class="badge badge-pill badge-default">{{ trans('log-viewer::general.empty-logs') }}</span>
</td>
</tr>
@endif
</tbody>
</table>
</div>
{!! $rows->render() !!}
@slot('footer')
<div class="text-right small text-muted">
{!! __('boilerplate::logs.vendor') !!}
</div>
@endslot
@endcomponent
</div>
</div>
@endsection
@push('css')
<style> table tr th { border-top:0 !important } </style>
@endpush
@push('js')
<script>
$(function () {
$('a[href="#delete-log-modal"]').on('click', function(e){
e.preventDefault();
var el = $(this);
bootbox.confirm("{{ __('boilerplate::logs.list.deletequestion') }}", function(e){
if(e === false) return;
$.ajax({
url: '{{ route('boilerplate.logs.delete') }}',
type: 'delete',
dataType: 'json',
data: {date:el.data('log-date')},
cache: false,
success: function(res) {
location.reload();
}
});
});
});
});
</script>
@endpush

191
resources/views/vendor/boilerplate/logs/show.blade.php vendored Normal file
View File

@@ -0,0 +1,191 @@
@php($date = \Carbon\Carbon::createFromFormat('Y-m-d', $log->date)->isoFormat(__('boilerplate::date.lFdY')))
@extends('boilerplate::layout.index', [
'title' => __('boilerplate::logs.menu.category'),
'subtitle' => __('boilerplate::logs.show.title', ['date' => $date]),
'breadcrumb' => [
__('boilerplate::logs.menu.reports') => 'boilerplate.logs.list',
__('boilerplate::logs.show.title', ['date' => $date])
]
])
@include('boilerplate::logs.style')
@section('content')
<div class="row">
<div class="col-12 py-2 sticky-toolbar">
<a href="{{ route('boilerplate.logs.list') }}" class="btn btn-default">
<span class="far fa-arrow-alt-circle-left text-muted"></span>
</a>
<span class="float-right">
<span class="btn-group">
<a href="{{ route('boilerplate.logs.download', [$log->date]) }}" class="btn btn-default" data-toggle="tooltip" title="{{ __('boilerplate::logs.show.download') }}">
<span class="fa fa-download text-muted"></span>
</a>
<a href="#delete-log-modal" class="btn btn-danger" data-log-date="{{ $log->date }}" data-toggle="tooltip" title="{{ __('boilerplate::logs.show.delete') }}">
<span class="fa fa-trash"></span>
</a>
</span>
</span>
</div>
<div class="col-12">
@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()]) }}
</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()]) }}
</span>
{!! $entries->render() !!}
</div>
@endif
</div>
</div>
@slot('footer')
<div class="text-muted text-right small">
{!! __('boilerplate::logs.vendor') !!}
</div>
@endslot
@endcomponent
</div>
@endsection
@push('css')
<style>.pagination { margin: 0; }</style>
@endpush
@push('js')
<script>
$(function () {
$('a[href="#delete-log-modal"]').on('click', function(e){
e.preventDefault();
var el = $(this);
bootbox.confirm("{{ __('boilerplate::logs.list.deletequestion') }}", function(e){
if(e === false) return;
$.ajax({
url: '{{ route('boilerplate.logs.delete') }}',
type: 'delete',
dataType: 'json',
data: {date:el.data('log-date')},
headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
cache: false,
success: function(res) {
location.replace("{{ route('boilerplate.logs.list') }}");
}
});
});
});
});
</script>
@endpush

182
resources/views/vendor/boilerplate/logs/style.blade.php vendored Normal file
View File

@@ -0,0 +1,182 @@
@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>
@endpush