beenull/ctrlpanel
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

style: 💄 changed price credit display name & added max width to card container

Browse source
This commit is contained in:
IceToast 2021-12-22 10:12:03 +01:00
parent 0cbae51666
commit 1e8732158b
1 changed files with 40 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
resources/views/servers/index.blade.php
View file

@ -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">
<div class="text-muted">{{ __('per Hour') }}</div> {{ __('Price') }}: <span class="text-muted">({{ CREDITS_DISPLAY_NAME }})
<div> </span>
{{ number_format($server->product->getHourlyPrice(), 2, '.', '') }}
{{ CREDITS_DISPLAY_NAME }}
</div>
</div> </div>
<div class="col-4"> <div class="col-8">
<div class="text-muted">{{ __('per Month') }} <div class="row">
</div> <div class="col-6 text-center">
<div> {{ $server->product->getHourlyPrice() * 24 * 30 }} <div class="text-muted">{{ __('per Hour') }}</div>
{{ CREDITS_DISPLAY_NAME }} <span>
{{ number_format($server->product->getHourlyPrice(), 2, '.', '') }}
</span>
</div>
<div class="col-6 text-center">
<div class="text-muted">{{ __('per Month') }}
</div>
<span> 20{{ $server->product->getHourlyPrice() * 24 * 30 }}
</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>