swapnil/my-idlers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated homepage tables to remove card with padding, made tables rounded

Browse Source
This commit is contained in:
cp6 2023-09-14 23:50:07 +10:00
parent f44c69caed
commit cfbc1bf3ca
1 changed files with 255 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
resources/views/home.blade.php
View File

@ -2,37 +2,47 @@
<x-app-layout> <x-app-layout>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['servers'] }}" route="{{route('servers.index')}}" service="Servers"></x-service-tally-card> <x-service-tally-card tally="{{ $information['servers'] }}" route="{{route('servers.index')}}"
service="Servers"></x-service-tally-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['shared'] }}" route="{{route('shared.index')}}" service="Shared"></x-service-tally-card> <x-service-tally-card tally="{{ $information['shared'] }}" route="{{route('shared.index')}}"
service="Shared"></x-service-tally-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['reseller'] }}" route="{{route('reseller.index')}}" service="Reseller"></x-service-tally-card> <x-service-tally-card tally="{{ $information['reseller'] }}" route="{{route('reseller.index')}}"
service="Reseller"></x-service-tally-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['domains'] }}" route="{{route('domains.index')}}" service="Domains"></x-service-tally-card> <x-service-tally-card tally="{{ $information['domains'] }}" route="{{route('domains.index')}}"
service="Domains"></x-service-tally-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['misc'] }}" route="{{route('misc.index')}}" service="Misc"></x-service-tally-card> <x-service-tally-card tally="{{ $information['misc'] }}" route="{{route('misc.index')}}"
service="Misc"></x-service-tally-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-service-tally-card tally="{{ $information['dns'] }}" route="{{route('dns.index')}}" service="DNS"></x-service-tally-card> <x-service-tally-card tally="{{ $information['dns'] }}" route="{{route('dns.index')}}"
service="DNS"></x-service-tally-card>
</div> </div>
</div> </div>
<div class="row mt-3"> <div class="row mt-3">
<div class="col-12 col-lg-2 mb-3"> <div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_cost_weekly']}}" title="Weekly cost" append="{{$information['currency']}}"></x-info-card> <x-info-card value="{{$information['total_cost_weekly']}}" title="Weekly cost"
append="{{$information['currency']}}"></x-info-card>
</div> </div>
<div class="col-12 col-lg-2 mb-3"> <div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_cost_monthly']}}" title="Monthly cost" append="{{$information['currency']}}"></x-info-card> <x-info-card value="{{$information['total_cost_monthly']}}" title="Monthly cost"
append="{{$information['currency']}}"></x-info-card>
</div> </div>
<div class="col-12 col-lg-2 mb-3"> <div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_cost_yearly']}}" title="Yearly cost" append="{{$information['currency']}}"></x-info-card> <x-info-card value="{{$information['total_cost_yearly']}}" title="Yearly cost"
append="{{$information['currency']}}"></x-info-card>
</div> </div>
<div class="col-12 col-lg-2 mb-3"> <div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_cost_2_yearly']}}" title="2 yearly cost" append="{{$information['currency']}}"></x-info-card> <x-info-card value="{{$information['total_cost_2_yearly']}}" title="2 yearly cost"
append="{{$information['currency']}}"></x-info-card>
</div> </div>
<div class="col-12 col-lg-2 mb-3"> <div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_services']}}" title="Active services"></x-info-card> <x-info-card value="{{$information['total_services']}}" title="Active services"></x-info-card>
@ -47,17 +57,21 @@
<x-info-card value="{{$information['servers_summary']['cpu_sum']}}" title="CPU"></x-info-card> <x-info-card value="{{$information['servers_summary']['cpu_sum']}}" title="CPU"></x-info-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{number_format($information['servers_summary']['ram_mb_sum'] / 1024, 2)}}" title="RAM" append="GB"></x-info-card> <x-info-card value="{{number_format($information['servers_summary']['ram_mb_sum'] / 1024, 2)}}" title="RAM"
append="GB"></x-info-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
@if($information['servers_summary']['disk_gb_sum'] >= 1000) @if($information['servers_summary']['disk_gb_sum'] >= 1000)
<x-info-card value="{{number_format($information['servers_summary']['disk_gb_sum'] / 1024,2)}}" title="DISK" append="TB"></x-info-card> <x-info-card value="{{number_format($information['servers_summary']['disk_gb_sum'] / 1024,2)}}"
title="DISK" append="TB"></x-info-card>
@else @else
<x-info-card value="{{$information['servers_summary']['disk_gb_sum']}}" title="DISK" append="GB"></x-info-card> <x-info-card value="{{$information['servers_summary']['disk_gb_sum']}}" title="DISK"
append="GB"></x-info-card>
@endif @endif
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{number_format($information['servers_summary']['bandwidth_sum'] / 1024, 2)}}" title="Bandwidth" append="TB"></x-info-card> <x-info-card value="{{number_format($information['servers_summary']['bandwidth_sum'] / 1024, 2)}}"
title="Bandwidth" append="TB"></x-info-card>
</div> </div>
<div class="col-6 col-lg-2 mb-3"> <div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['locations_sum']}}" title="Locations"></x-info-card> <x-info-card value="{{$information['servers_summary']['locations_sum']}}" title="Locations"></x-info-card>
@ -69,10 +83,9 @@
@if(Session::get('due_soon_amount') > 0) @if(Session::get('due_soon_amount') > 0)
<h3 class="my-3">Due soon</h3> <h3 class="my-3">Due soon</h3>
@if(!empty($information['due_soon'])) @if(!empty($information['due_soon']))
<div class="card shadow mt-3"> <div class="card shadow mt-3 p-0">
<div class="card-body"> <div class="table-responsive rounded">
<div class="table-responsive"> <table class="table table-bordered mb-0">
<table class="table table-bordered">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
<th class="text-nowrap">Name</th> <th class="text-nowrap">Name</th>
@ -152,17 +165,15 @@
</div> </div>
</div> </div>
</div>
@endif @endif
@endif @endif
@if(Session::get('recently_added_amount') > 0) @if(Session::get('recently_added_amount') > 0)
<h3 class="mt-4">Recently added</h3> <h3 class="mt-4">Recently added</h3>
@if(!empty($information['newest'])) @if(!empty($information['newest']))
<div class="card shadow mt-3"> <div class="card shadow mt-3 p-0">
<div class="card-body"> <div class="table-responsive rounded">
<div class="table-responsive"> <table class="table table-bordered mb-0">
<table class="table table-bordered">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
<th class="text-nowrap">Name</th> <th class="text-nowrap">Name</th>
@ -238,8 +249,6 @@
@endforeach @endforeach
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
@endif @endif