bbs/clrghouz
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Start on user dashboard

Browse Source
This commit is contained in:
Deon George
2021-10-26 23:19:55 +11:00
parent 8c127ba5da
commit a0db589dc5
8 changed files with 309 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
resources/views/dashboard.blade.php Normal file
View File

@@ -0,0 +1,220 @@
@extends('layouts.app')
@section('htmlheader_title')
Dashboard
@endsection
@section('content')
<h1>{{ $user->name }}</h1>
<div class="row">
@if($user->systems->count())
<div class="col-8">
<div id="network_messages"></div>
</div>
<!-- System Addresses -->
<div class="col-4">
<div class="row">
<div class="col-12">
<table class="table monotable">
<thead>
<tr><th colspan="2">System Addresses</th></tr>
</thead>
<tbody>
@foreach ($user->systems as $o)
<tr>
<th>{{ $o->name }}</th>
<th class="text-end">{!! $o->addresses->pluck('ftn')->join('<br>') !!}</th>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col-12">
<table class="table monotable">
<thead>
<tr><th colspan="2">Available Echos</th></tr>
</thead>
<tbody>
@foreach ($user->systems as $o)
<tr>
<th>{{ $o->name }}</th>
<th class="text-end">{!! $o->addresses->pluck('zone.domain.echoareas')->flatten()->pluck('name')->unique()->sort()->join(', ') !!}</th>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@else
<p>You are not linked to any BBS systems.</p>
@endif
</div>
@endsection
@section('page-scripts')
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/themes/dark-unica.js"></script>
<style>
.highcharts-data-table table {
min-width: 310px;
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
padding: 0.5em;
}
{{--
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
--}}
</style>
<script>
@if($user->systems->count())
// Create the chart
Highcharts.chart('network_messages',{
chart: {
type: 'column'
},
credits: {
enabled: false
},
title: {
text: 'Echomail Statistics'
},
subtitle: {
text: '{{ sprintf('%s - %s',\Carbon\Carbon::now()->subMonths(6)->format('Y-m-d'),\Carbon\Carbon::now()->format('Y-m-d')) }}'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: '# Msgs'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.defaultOptions.title.style && Highcharts.defaultOptions.title.style.color) || 'gray'
}
}
},
legend: {
align: 'right',
//x: -30,
verticalAlign: 'top',
y: 40,
floating: true,
backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || 'white',
borderColor: '#e0e0e0',
borderWidth: 1,
shadow: false
},
plotOptions: {
column: {
dataLabels: {
enabled: true
}
},
series: {
borderWidth: 0,
grouping: false,
xdataLabels: {
enabled: false,
format: ''//'{point.y:.0f}'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.0f}</b>'
},
series: [
{
name: 'Networks',
colorByPoint: true,
data: [
@foreach($o->addresses->pluck('zone.domain')->sortBy('name') as $oo)
@php($x = $oo->stats())
{
name: '{{ $oo->name }}',
y: {{ $x->sum('count') }},
drilldown: 'n-{{ $oo->name }}',
},
@endforeach
]
},
{
name: 'Yours',
colorByPoint: true,
pointPlacement: 0.1,
data: [
@foreach($o->addresses->pluck('zone.domain')->sortBy('name') as $oo)
@php($x = $oo->stats($o))
{
name: '{{ $oo->name }}',
y: {{ $x->sum('count') }},
drilldown: 'ny-{{ $oo->name }}',
color: Highcharts.color(Highcharts.getOptions().colors[{{$loop->index}}]).brighten(-0.2).get()
},
@endforeach
]
},
],
drilldown: {
series: [
@foreach($o->addresses->pluck('zone.domain')->sortBy('name') as $oo)
@php($x = $oo->stats())
{
name: '{{ $oo->name }}',
id: 'n-{{ $oo->name }}',
data: {!! $x->sortBy('name')->map(function($item) use ($oo) { return ['name'=>$item->name,'y'=>$item->count,'drilldown'=>'e-'.$item->name]; })->values() !!}
},
@endforeach
@foreach($o->addresses->pluck('zone.domain')->sortBy('name') as $oo)
@php($x = $oo->stats($o))
{
name: '{{ $oo->name }}',
id: 'ny-{{ $oo->name }}',
data: {!! $x->sortBy('name')->map(function($item) { return ['name'=>$item->name,'y'=>$item->count,'drilldown'=>'ey-'.$item->name]; })->values() !!}
},
@endforeach
]
},
});
@endif
</script>
@append