TRMNL-Proxmox-VE-Stats/plugin.php at main · FabiFNA/TRMNL-Proxmox-VE-Stats · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
@props(['size' => 'full'])
<x-trmnl::view size="{{$size}}">
    <x-trmnl::layout class="layout--col gap--space-between">

        <div class="grid" style="gap: 8px;">

            <!-- HEADER -->
            <div class="row row--center col--span-3 col--end">
                <div style="text-align:left; width:100%; padding-left:40px; padding-top:22px; ">
                    <span class="value @if($size == 'full' || $size == 'half_horizontal') value--large @else value--medium @endif">
                        PVE
                    </span>
                </div>
            </div>

            <!-- CPU -->
            <div class="col col--span-3 col--center">
                <div class="item" style="padding-left:6px;">
                    <div class="content justify-start">
                        <span class="value @if($size == 'full') value--xlarge @else value--medium @endif"
                              data-fit-value="true">{{Arr::get($data,'cpu','N/A')}}%</span>
                        <span class="label" style="margin-left:4px;">CPU Usage</span>
                    </div>
                    <div class="h-2 bg-gray-200 rounded mt-1">
                        <div class="h-2 bg-black rounded"
                             style="width: {{Arr::get($data,'cpu',0)}}%"></div>
                    </div>
                </div>
            </div>

            <!-- RAM -->
            <div class="col col--span-3 col--center">
                <div class="item" style="padding-left:6px;">
                    <div class="content justify-start">
                        <span class="value @if($size == 'full') value--xlarge @else value--medium @endif"
                              data-fit-value="true">{{Arr::get($data,'ram','N/A')}}%</span>
                        <span class="label" style="margin-left:4px;">RAM Usage</span>
                    </div>
                    <div class="h-2 bg-gray-200 rounded mt-1">
                        <div class="h-2 bg-black rounded"
                             style="width: {{Arr::get($data,'ram',0)}}%"></div>
                    </div>
                </div>
            </div>

            <!-- DISK -->
            <div class="col col--span-3 col--center">
                <div class="item" style="padding-left:6px;">
                    <div class="content justify-start">
                        <span class="value @if($size == 'full') value--xlarge @else value--medium @endif"
                              data-fit-value="true">{{Arr::get($data,'disk','N/A')}}%</span>
                        <span class="label" style="margin-left:4px;">Disk Usage</span>
                    </div>
                    <div class="h-2 bg-gray-200 rounded mt-1">
                        <div class="h-2 bg-black rounded"
                             style="width: {{Arr::get($data,'disk',0)}}%"></div>
                    </div>
                </div>
            </div>

        </div>

    </x-trmnl::layout>

    <!-- FOOTER -->
    <x-trmnl::title-bar title="Uptime: {{Arr::get($data,'uptime_days','N/A')}} d"
                        instance="updated: {{ now()->format('H:i:s') }}"/>
</x-trmnl::view>