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

This commit is contained in:
cp6 2023-09-14 23:50:07 +10:00
parent f44c69caed
commit cfbc1bf3ca

View File

@ -1,256 +1,265 @@
@section("title", "Home") @section("title", "Home")
<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')}}"
</div> service="Servers"></x-service-tally-card>
<div class="col-6 col-lg-2 mb-3"> </div>
<x-service-tally-card tally="{{ $information['shared'] }}" route="{{route('shared.index')}}" service="Shared"></x-service-tally-card> <div class="col-6 col-lg-2 mb-3">
</div> <x-service-tally-card tally="{{ $information['shared'] }}" route="{{route('shared.index')}}"
<div class="col-6 col-lg-2 mb-3"> service="Shared"></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['reseller'] }}" route="{{route('reseller.index')}}"
<x-service-tally-card tally="{{ $information['domains'] }}" route="{{route('domains.index')}}" service="Domains"></x-service-tally-card> 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['misc'] }}" route="{{route('misc.index')}}" service="Misc"></x-service-tally-card> <x-service-tally-card tally="{{ $information['domains'] }}" route="{{route('domains.index')}}"
</div> service="Domains"></x-service-tally-card>
<div class="col-6 col-lg-2 mb-3"> </div>
<x-service-tally-card tally="{{ $information['dns'] }}" route="{{route('dns.index')}}" service="DNS"></x-service-tally-card> <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>
</div>
<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>
</div>
</div>
<div class="row mt-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>
</div>
<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>
</div>
<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>
</div>
<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>
</div>
<div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_services']}}" title="Active services"></x-info-card>
</div>
<div class="col-12 col-lg-2 mb-3">
<x-info-card value="{{$information['total_inactive']}}" title="Inactive services"></x-info-card>
</div>
</div>
<div class="row mt-3">
<div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['cpu_sum']}}" title="CPU"></x-info-card>
</div>
<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>
</div>
<div class="col-6 col-lg-2 mb-3">
@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>
@else
<x-info-card value="{{$information['servers_summary']['disk_gb_sum']}}" title="DISK"
append="GB"></x-info-card>
@endif
</div>
<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>
</div>
<div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['locations_sum']}}" title="Locations"></x-info-card>
</div>
<div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['providers_sum']}}" title="Providers"></x-info-card>
</div>
@if(Session::get('due_soon_amount') > 0)
<h3 class="my-3">Due soon</h3>
@if(!empty($information['due_soon']))
<div class="card shadow mt-3 p-0">
<div class="table-responsive rounded">
<table class="table table-bordered mb-0">
<thead class="table-light">
<tr>
<th class="text-nowrap">Name</th>
<th class="text-nowrap">Type</th>
<th class="text-nowrap">Due</th>
<th class="text-nowrap">Price</th>
<th class="text-nowrap"></th>
</tr>
</thead>
<tbody>
@foreach($information['due_soon'] as $due_soon)
<tr>
<td class="text-nowrap">
@if($due_soon->service_type === 1)
{{$due_soon->hostname}}
@elseif($due_soon->service_type === 2)
{{$due_soon->main_domain}}
@elseif($due_soon->service_type === 3)
{{$due_soon->reseller}}
@elseif($due_soon->service_type === 4)
{{$due_soon->domain}}.{{$due_soon->extension}}
@elseif($due_soon->service_type === 5)
{{$due_soon->name}}
@elseif($due_soon->service_type === 6)
{{$due_soon->title}}
@endif
</td>
<td class="text-nowrap">
@if($due_soon->service_type === 1)
VPS
@elseif($due_soon->service_type === 2)
Shared
@elseif($due_soon->service_type === 3)
Reseller
@elseif($due_soon->service_type === 4)
Domain
@elseif($due_soon->service_type === 5)
Misc
@elseif($due_soon->service_type === 6)
Seedbox
@endif
</td>
<td class="text-nowrap">
{{Carbon\Carbon::parse($due_soon->next_due_date)->diffForHumans()}}</td>
<td class="text-nowrap">{{$due_soon->price}} {{$due_soon->currency}} {{\App\Process::paymentTermIntToString($due_soon->term)}}</td>
<td class="text-nowrap text-center">
@if($due_soon->service_type === 1)
<a href="{{ route('servers.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 2)
<a href="{{ route('shared.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 3)
<a href="{{ route('reseller.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 4)
<a href="{{ route('domains.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 5)
<a href="{{ route('misc.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 6)
<a href="{{ route('seedboxes.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div> </div>
</div> </div>
@endif
@endif
<div class="row mt-3"> @if(Session::get('recently_added_amount') > 0)
<div class="col-12 col-lg-2 mb-3"> <h3 class="mt-4">Recently added</h3>
<x-info-card value="{{$information['total_cost_weekly']}}" title="Weekly cost" append="{{$information['currency']}}"></x-info-card> @if(!empty($information['newest']))
</div> <div class="card shadow mt-3 p-0">
<div class="col-12 col-lg-2 mb-3"> <div class="table-responsive rounded">
<x-info-card value="{{$information['total_cost_monthly']}}" title="Monthly cost" append="{{$information['currency']}}"></x-info-card> <table class="table table-bordered mb-0">
</div> <thead class="table-light">
<div class="col-12 col-lg-2 mb-3"> <tr>
<x-info-card value="{{$information['total_cost_yearly']}}" title="Yearly cost" append="{{$information['currency']}}"></x-info-card> <th class="text-nowrap">Name</th>
</div> <th class="text-nowrap">Type</th>
<div class="col-12 col-lg-2 mb-3"> <th class="text-nowrap">Added</th>
<x-info-card value="{{$information['total_cost_2_yearly']}}" title="2 yearly cost" append="{{$information['currency']}}"></x-info-card> <th class="text-nowrap">Price</th>
</div> <th class="text-nowrap"></th>
<div class="col-12 col-lg-2 mb-3"> </tr>
<x-info-card value="{{$information['total_services']}}" title="Active services"></x-info-card> </thead>
</div> <tbody>
<div class="col-12 col-lg-2 mb-3"> @foreach($information['newest'] as $new)
<x-info-card value="{{$information['total_inactive']}}" title="Inactive services"></x-info-card> <tr>
<td class="text-nowrap">
@if($new->service_type === 1)
{{$new->hostname}}
@elseif($new->service_type === 2)
{{$new->main_domain}}
@elseif($new->service_type === 3)
{{$new->reseller}}
@elseif($new->service_type === 4)
{{$new->domain}}.{{$new->extension}}
@elseif($new->service_type === 5)
{{$new->name}}
@elseif($new->service_type === 6)
{{$new->title}}
@endif
</td>
<td class="text-nowrap">
@if($new->service_type === 1)
VPS
@elseif($new->service_type === 2)
Shared
@elseif($new->service_type === 3)
Reseller
@elseif($new->service_type === 4)
Domain
@elseif($new->service_type === 5)
Misc
@elseif($new->service_type === 6)
Seedbox
@endif
</td>
<td class="text-nowrap">{{Carbon\Carbon::parse($new->created_at)->diffForHumans()}}</td>
<td class="text-nowrap">{{$new->price}} {{$new->currency}} {{\App\Process::paymentTermIntToString($new->term)}}</td>
<td class="text-nowrap text-center">
@if($new->service_type === 1)
<a href="{{ route('servers.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 2)
<a href="{{ route('shared.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 3)
<a href="{{ route('reseller.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 4)
<a href="{{ route('domains.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 5)
<a href="{{ route('misc.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 6)
<a href="{{ route('seedboxes.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div> </div>
</div> </div>
@endif
@endif
<div class="row mt-3"> @if(Session::has('timer_version_footer') && Session::get('timer_version_footer') === 1)
<div class="col-6 col-lg-2 mb-3"> <p class="text-muted mt-4 text-end"><small>Page took {{$information['execution_time']}} seconds,
<x-info-card value="{{$information['servers_summary']['cpu_sum']}}" title="CPU"></x-info-card> Built on Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}),
</div> Rates By <a href="https://www.exchangerate-api.com">Exchange Rate API</a>
<div class="col-6 col-lg-2 mb-3"> </small>
<x-info-card value="{{number_format($information['servers_summary']['ram_mb_sum'] / 1024, 2)}}" title="RAM" append="GB"></x-info-card> </p>
</div> @endif
<div class="col-6 col-lg-2 mb-3">
@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>
@else
<x-info-card value="{{$information['servers_summary']['disk_gb_sum']}}" title="DISK" append="GB"></x-info-card>
@endif
</div>
<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>
</div>
<div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['locations_sum']}}" title="Locations"></x-info-card>
</div>
<div class="col-6 col-lg-2 mb-3">
<x-info-card value="{{$information['servers_summary']['providers_sum']}}" title="Providers"></x-info-card>
</div>
@if(Session::get('due_soon_amount') > 0)
<h3 class="my-3">Due soon</h3>
@if(!empty($information['due_soon']))
<div class="card shadow mt-3">
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead class="table-light">
<tr>
<th class="text-nowrap">Name</th>
<th class="text-nowrap">Type</th>
<th class="text-nowrap">Due</th>
<th class="text-nowrap">Price</th>
<th class="text-nowrap"></th>
</tr>
</thead>
<tbody>
@foreach($information['due_soon'] as $due_soon)
<tr>
<td class="text-nowrap">
@if($due_soon->service_type === 1)
{{$due_soon->hostname}}
@elseif($due_soon->service_type === 2)
{{$due_soon->main_domain}}
@elseif($due_soon->service_type === 3)
{{$due_soon->reseller}}
@elseif($due_soon->service_type === 4)
{{$due_soon->domain}}.{{$due_soon->extension}}
@elseif($due_soon->service_type === 5)
{{$due_soon->name}}
@elseif($due_soon->service_type === 6)
{{$due_soon->title}}
@endif
</td>
<td class="text-nowrap">
@if($due_soon->service_type === 1)
VPS
@elseif($due_soon->service_type === 2)
Shared
@elseif($due_soon->service_type === 3)
Reseller
@elseif($due_soon->service_type === 4)
Domain
@elseif($due_soon->service_type === 5)
Misc
@elseif($due_soon->service_type === 6)
Seedbox
@endif
</td>
<td class="text-nowrap">
{{Carbon\Carbon::parse($due_soon->next_due_date)->diffForHumans()}}</td>
<td class="text-nowrap">{{$due_soon->price}} {{$due_soon->currency}} {{\App\Process::paymentTermIntToString($due_soon->term)}}</td>
<td class="text-nowrap text-center">
@if($due_soon->service_type === 1)
<a href="{{ route('servers.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 2)
<a href="{{ route('shared.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 3)
<a href="{{ route('reseller.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 4)
<a href="{{ route('domains.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 5)
<a href="{{ route('misc.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($due_soon->service_type === 6)
<a href="{{ route('seedboxes.show', $due_soon->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@endif
@endif
@if(Session::get('recently_added_amount') > 0)
<h3 class="mt-4">Recently added</h3>
@if(!empty($information['newest']))
<div class="card shadow mt-3">
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead class="table-light">
<tr>
<th class="text-nowrap">Name</th>
<th class="text-nowrap">Type</th>
<th class="text-nowrap">Added</th>
<th class="text-nowrap">Price</th>
<th class="text-nowrap"></th>
</tr>
</thead>
<tbody>
@foreach($information['newest'] as $new)
<tr>
<td class="text-nowrap">
@if($new->service_type === 1)
{{$new->hostname}}
@elseif($new->service_type === 2)
{{$new->main_domain}}
@elseif($new->service_type === 3)
{{$new->reseller}}
@elseif($new->service_type === 4)
{{$new->domain}}.{{$new->extension}}
@elseif($new->service_type === 5)
{{$new->name}}
@elseif($new->service_type === 6)
{{$new->title}}
@endif
</td>
<td class="text-nowrap">
@if($new->service_type === 1)
VPS
@elseif($new->service_type === 2)
Shared
@elseif($new->service_type === 3)
Reseller
@elseif($new->service_type === 4)
Domain
@elseif($new->service_type === 5)
Misc
@elseif($new->service_type === 6)
Seedbox
@endif
</td>
<td class="text-nowrap">{{Carbon\Carbon::parse($new->created_at)->diffForHumans()}}</td>
<td class="text-nowrap">{{$new->price}} {{$new->currency}} {{\App\Process::paymentTermIntToString($new->term)}}</td>
<td class="text-nowrap text-center">
@if($new->service_type === 1)
<a href="{{ route('servers.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 2)
<a href="{{ route('shared.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 3)
<a href="{{ route('reseller.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 4)
<a href="{{ route('domains.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 5)
<a href="{{ route('misc.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@elseif($new->service_type === 6)
<a href="{{ route('seedboxes.show', $new->service_id) }}"
class="text-body mx-1"><i class="fas fa-eye"
title="view"></i></a>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@endif
@endif
@if(Session::has('timer_version_footer') && Session::get('timer_version_footer') === 1)
<p class="text-muted mt-4 text-end"><small>Page took {{$information['execution_time']}} seconds,
Built on Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}),
Rates By <a href="https://www.exchangerate-api.com">Exchange Rate API</a>
</small>
</p>
@endif
</div> </div>
</x-app-layout> </x-app-layout>