Polished links and filled in values for ship properties. Added methods to return ship status as string and convert ship status to an asset link.

This commit is contained in:
Krzysztof Płaczek
2024-10-18 16:35:18 +02:00
parent 231745d315
commit 471baaf562
5 changed files with 22 additions and 8 deletions

View File

@@ -4,7 +4,7 @@
{% block body %}
<div class="my-4 px-8">
<a class="bg-white hover:bg-gray-200 rounded-xl p-2 text-black" href="#">
<a class="bg-white hover:bg-gray-200 rounded-xl p-2 text-black" href="{{ path('app_homepage') }}">
<svg class="inline text-black" xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#000" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
Back
</a>
@@ -18,7 +18,7 @@
<div class="px-8 pt-8">
<div class="rounded-2xl py-1 px-3 flex justify-center w-32 items-center bg-amber-400/10">
<div class="rounded-full h-2 w-2 bg-amber-400 blur-[1px] mr-2"></div>
<p class="uppercase text-xs">{{ ship.status }}</p>
<p class="uppercase text-xs">{{ ship.getStatusAsString }}</p>
</div>
<h1 class="text-[32px] font-semibold border-b border-white/10 pb-5 mb-5">
@@ -31,7 +31,7 @@
<p class="text-[22px] font-semibold">{{ ship.class }}</p>
<h4 class="text-xs text-slate-300 font-semibold mt-2 uppercase">Ship Status</h4>
<p class="text-[22px] font-semibold">30,000 lys to next service</p>
<p class="text-[22px] font-semibold">{{ ship.getStatusAsString }}</p>
</div>
</div>
</div>