mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
Dashboard widget update (#9515)
Implemented in Laravel Doesn't use legacy PHP session Several widgets have new features and settings, for example: - Multiple ports in one graph - Maps settings are configurable and override system settings but default to system settings - Graylog stream and/or device selection - Much improved graph widget selection - Many more DO NOT DELETE THIS TEXT #### Please note > Please read this information carefully. You can run `./scripts/pre-commit.php` to check your code before submitting. - [x] Have you followed our [code guidelines?](http://docs.librenms.org/Developing/Code-Guidelines/) #### Testers If you would like to test this pull request then please run: `./scripts/github-apply <pr_id>`, i.e `./scripts/github-apply 5926` After you are done testing, you can remove the changes with `./scripts/github-remove`. If there are schema changes, you can ask on discord how to revert.
This commit is contained in:
committed by
Neil Lathwood
parent
dd695dde53
commit
74882e3950
50
resources/views/widgets/server-stats.blade.php
Normal file
50
resources/views/widgets/server-stats.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
<div class="col-sm-{{ $columns }}">
|
||||
<div
|
||||
id="cpu-{{ $id }}"
|
||||
class="guage-{{ $id }}"
|
||||
data-value="{{ $cpu }}"
|
||||
data-max="100"
|
||||
data-symbol="%"
|
||||
data-title="CPU Usage"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
@foreach($mempools as $key => $mem)
|
||||
<div class="col-sm-{{ $columns }}">
|
||||
<div
|
||||
id="mem-{{ $key }}-{{ $id }}"
|
||||
class="guage-{{ $id }}"
|
||||
data-value="{{ $mem['used'] }}"
|
||||
data-max="{{ $mem['total'] }}"
|
||||
data-label="Mbytes"
|
||||
data-title="{{ $mem['mempool_descr'] }} Usage"
|
||||
></div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@foreach($disks as $key => $disk)
|
||||
<div class="col-sm-{{ $columns }}">
|
||||
<div
|
||||
id="disk-{{ $key }}-{{ $id }}"
|
||||
class="guage-{{ $id }}"
|
||||
data-value="{{ $disk['used'] }}"
|
||||
data-max="{{ $disk['total'] }}"
|
||||
data-label="Mbytes"
|
||||
data-title="{{ $disk['storage_descr'] }} Usage"
|
||||
></div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<script type='text/javascript'>
|
||||
loadjs('js/raphael-min.js', function() {
|
||||
loadjs('js/justgage.js', function() {
|
||||
$('.guage-{{ $id }}').each(function() {
|
||||
new JustGage({
|
||||
id: this.id,
|
||||
min: 0,
|
||||
valueFontSize: '2px'
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user