style: 💄 changed price credit display name & added max width to card container
This commit is contained in:
parent
0cbae51666
commit
1e8732158b
|
@ -38,10 +38,10 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row ml-1">
|
<div class="row">
|
||||||
@foreach ($servers as $server)
|
@foreach ($servers as $server)
|
||||||
|
|
||||||
<div class="col-xl-3 col-lg-5 col-md-6 col-sm-6 col-xs-12 card pr-0 pl-0">
|
<div class="col-xl-3 col-lg-5 col-md-6 col-sm-6 col-xs-12 card pr-0 pl-0" style="max-width: 350px">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
<h5 class="card-title mt-1">{{ $server->name }}
|
<h5 class="card-title mt-1">{{ $server->name }}
|
||||||
|
@ -71,79 +71,85 @@
|
||||||
<div class="container mt-1">
|
<div class="container mt-1">
|
||||||
<div class="row mb-3">
|
<div class="row mb-3">
|
||||||
<div class="col my-auto">{{ __('Status') }}:</div>
|
<div class="col my-auto">{{ __('Status') }}:</div>
|
||||||
<div class="col-8 my-auto">
|
<div class="col-7 my-auto">
|
||||||
<i
|
<i
|
||||||
class="fas {{ $server->isSuspended() ? 'text-danger' : 'text-success' }} fa-circle mr-2"></i>
|
class="fas {{ $server->isSuspended() ? 'text-danger' : 'text-success' }} fa-circle mr-2"></i>
|
||||||
{{ $server->isSuspended() ? 'Suspended' : 'Active' }}
|
{{ $server->isSuspended() ? 'Suspended' : 'Active' }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mb-2">
|
<div class="row mb-2">
|
||||||
<div class="col my-auto">
|
<div class="col-5">
|
||||||
{{ __('Location') }}:
|
{{ __('Location') }}:
|
||||||
</div>
|
</div>
|
||||||
<div class="col-8">
|
<div class="col-7">
|
||||||
<div class="">{{ $server->location }}</div>
|
<span class="">{{ $server->location }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row mb-2">
|
<div class="row mb-2">
|
||||||
<div class="col my-auto">
|
<div class="col-5 ">
|
||||||
{{ __('Software') }}:
|
{{ __('Software') }}:
|
||||||
</div>
|
</div>
|
||||||
<div class="col-8">
|
<div class="col-7 text-wrap">
|
||||||
<div class="">{{ $server->nest }}</div>
|
<span>{{ $server->nest }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row mb-2">
|
<div class="row mb-2">
|
||||||
<div class="col my-auto">
|
<div class="col-5 ">
|
||||||
{{ __('Specification') }}:
|
{{ __('Specification') }}:
|
||||||
</div>
|
</div>
|
||||||
<div class="col-8">
|
<div class="col-7 text-wrap">
|
||||||
<div class="">{{ $server->egg }}</div>
|
<span>{{ $server->egg }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mb-4">
|
<div class="row mb-4">
|
||||||
<div class="col my-auto">
|
<div class="col-5 ">
|
||||||
{{ __('Resourceplan') }}:
|
{{ __('Resource plan') }}:
|
||||||
</div>
|
</div>
|
||||||
<div class="col-8">
|
<div class="col-7 text-wrap">
|
||||||
<div class="">{{ $server->resourceplanName }}</div>
|
<span>{{ $server->resourceplanName }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row mb-2">
|
<div class="row mb-2">
|
||||||
<div class="col my-auto">
|
|
||||||
{{ __('Price') }}:
|
|
||||||
</div>
|
|
||||||
<div class="col-4">
|
<div class="col-4">
|
||||||
|
{{ __('Price') }}: <span class="text-muted">({{ CREDITS_DISPLAY_NAME }})
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6 text-center">
|
||||||
<div class="text-muted">{{ __('per Hour') }}</div>
|
<div class="text-muted">{{ __('per Hour') }}</div>
|
||||||
<div>
|
<span>
|
||||||
{{ number_format($server->product->getHourlyPrice(), 2, '.', '') }}
|
{{ number_format($server->product->getHourlyPrice(), 2, '.', '') }}
|
||||||
{{ CREDITS_DISPLAY_NAME }}
|
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-6 text-center">
|
||||||
<div class="col-4">
|
|
||||||
<div class="text-muted">{{ __('per Month') }}
|
<div class="text-muted">{{ __('per Month') }}
|
||||||
</div>
|
</div>
|
||||||
<div> {{ $server->product->getHourlyPrice() * 24 * 30 }}
|
<span> 20{{ $server->product->getHourlyPrice() * 24 * 30 }}
|
||||||
{{ CREDITS_DISPLAY_NAME }}
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-footer d-flex justify-content-between">
|
<div class="card-footer d-flex align-items-center justify-content-between">
|
||||||
<a href="{{ env('PTERODACTYL_URL', 'http://localhost') }}/server/{{ $server->identifier }}"
|
<a href="{{ env('PTERODACTYL_URL', 'http://localhost') }}/server/{{ $server->identifier }}"
|
||||||
target="__blank" class="btn btn-info mx-3 w-100">
|
target="__blank"
|
||||||
|
class="btn btn-info mx-3 w-100 align-items-center justify-content-center d-flex">
|
||||||
<i class="fas fa-tools mr-2"></i>
|
<i class="fas fa-tools mr-2"></i>
|
||||||
{{ __('Manage') }}
|
<span>{{ __('Manage') }}</span>
|
||||||
</a>
|
</a>
|
||||||
<button onclick="handleServerDelete('{{ $server->id }}');" target="__blank"
|
<button onclick="handleServerDelete('{{ $server->id }}');" target="__blank"
|
||||||
class="btn btn-danger mx-3 w-100">
|
class="btn btn-danger mx-3 w-100 align-items-center justify-content-center d-flex">
|
||||||
<i class="fas fa-trash mr-2"></i>
|
<i class="fas fa-trash mr-2"></i>
|
||||||
{{ __('Delete') }}
|
<span>{{ __('Delete') }}</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue