forked from rDrama/rDrama
fix
parent
b249586242
commit
6cf1501058
|
@ -7,7 +7,7 @@
|
||||||
{% block pagetype %}message{% endblock %}
|
{% block pagetype %}message{% endblock %}
|
||||||
|
|
||||||
{% block subHeader %}
|
{% block subHeader %}
|
||||||
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t-md">
|
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t-md">
|
||||||
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-800 to-gray-700 rounded-t-md sub-header-shadow"></div>
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-800 to-gray-700 rounded-t-md sub-header-shadow"></div>
|
||||||
<div class="relative col-span-full flex items-center">
|
<div class="relative col-span-full flex items-center">
|
||||||
<div>
|
<div>
|
||||||
|
@ -27,10 +27,11 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="col-span-full">
|
||||||
{% if error %}
|
{% if error %}
|
||||||
<div class="alert alert-danger alert-dismissible fade show my-3" role="alert">
|
<div class="alert alert-danger alert-dismissible fade show my-3" role="alert">
|
||||||
<i class="fas fa-exclamation-circle my-auto"></i>
|
<i class="fas fa-exclamation-circle my-auto"></i>
|
||||||
|
@ -56,40 +57,78 @@
|
||||||
|
|
||||||
<img src="/assets/images/shop.webp" width="50%"/>
|
<img src="/assets/images/shop.webp" width="50%"/>
|
||||||
|
|
||||||
<table class="table table-striped shop">
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
||||||
<thead class="bg-primary text-white">
|
<div class="flex flex-col">
|
||||||
|
<div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
|
||||||
|
<div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
|
||||||
|
<div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
|
||||||
|
<table class="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead class="bg-gray-50">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">Icon</th>
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
<th scope="col">Title</th>
|
Name
|
||||||
<th scope="col">Price</th>
|
</th>
|
||||||
<th scope="col">Owned</th>
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
<th scope="col">Buy</th>
|
Title
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
Status
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
Role
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="relative px-6 py-3">
|
||||||
|
<span class="sr-only">Edit</span>
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody class="bg-white divide-y divide-gray-200">
|
||||||
{% for a in awards %}
|
<tr>
|
||||||
<tr data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="{{a['description']}}">
|
<td class="px-6 py-4 whitespace-nowrap">
|
||||||
<td><i class="{{a['icon']}} {{a['color']}}" style="font-size: 30px"></i></td>
|
<div class="flex items-center">
|
||||||
<td style="font-weight: bold">{{a['title']}}</td>
|
<div class="flex-shrink-0 h-10 w-10">
|
||||||
<td style="font-weight: bold">{{a['price']}}</td>
|
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60" alt="">
|
||||||
<td style="font-weight: bold">{{a['owned']}}</td>
|
</div>
|
||||||
{% set kind = a['kind'] %}
|
<div class="ml-4">
|
||||||
<td style="font-weight: bold">
|
<div class="text-sm font-medium text-gray-900">
|
||||||
<a class="d-flex btn btn-success {% if v.coins < a['price'] %}disabled{% endif %}" href="javascript:void(0)" onclick="post_toast('/buy/{{kind}}')"><span class="m-auto">Buy</span></a>
|
Jane Cooper
|
||||||
{% if v.procoins and a['price'] < 3600 %}<a class="d-flex marseybux btn btn-success {% if v.procoins < a['price'] %}disabled{% endif %}" href="javascript:void(0)" onclick="post_toast('/buy/{{kind}}?mb=true')"><span class="m-auto">Buy with Marseybux</span></a>{% endif %}
|
</div>
|
||||||
|
<div class="text-sm text-gray-500">
|
||||||
|
jane.cooper@example.com
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="px-6 py-4 whitespace-nowrap">
|
||||||
|
<div class="text-sm text-gray-900">Regional Paradigm Technician</div>
|
||||||
|
<div class="text-sm text-gray-500">Optimization</div>
|
||||||
|
</td>
|
||||||
|
<td class="px-6 py-4 whitespace-nowrap">
|
||||||
|
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||||||
|
Active
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
Admin
|
||||||
|
</td>
|
||||||
|
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
||||||
|
<a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
|
||||||
|
<!-- More people... -->
|
||||||
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<pre>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block scripts %}
|
||||||
|
<style>
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.table th {
|
.table th {
|
||||||
padding-left: 0.3rem !important;
|
padding-left: 0.3rem !important;
|
||||||
|
@ -109,5 +148,5 @@
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in New Issue