2021-10-21 13:30:05 +00:00
{% extends "default.html" %}
{% block title %}
< title > Shop< / title >
{% endblock %}
{% block pagetype %}message{% endblock %}
{% block Banner %}
2021-10-23 21:06:19 +00:00
< header class = "container pb-1 text-center" >
2021-10-21 20:50:15 +00:00
< img src = "/assets/images/shop.gif" width = "50%" >
< h3 class = "mt-4" > Stir drama. Earn coins.< / h3 >
2021-10-22 23:50:00 +00:00
< h5 class = "mt-4" > Total sales: {{sales}} coins< / h3 >
2021-10-23 19:40:49 +00:00
< h5 class = "mt-4" > Dramacoins spent by you: {{v.coins_spent}} coins< / h3 >
2021-10-21 20:50:15 +00:00
< / header >
2021-10-21 13:30:05 +00:00
{% endblock %}
{% block content %}
2021-10-21 20:50:15 +00:00
{% if error %}
< div class = "alert alert-danger alert-dismissible fade show my-3" role = "alert" >
< i class = "fas fa-exclamation-circle my-auto" > < / i >
< span >
{{error}}
< / span >
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > < i class = "far fa-times" > < / i > < / span >
< / button >
< / div >
{% endif %}
{% if msg %}
< div class = "alert alert-success alert-dismissible fade show my-3" role = "alert" >
< i class = "fas fa-check-circle my-auto" aria-hidden = "true" > < / i >
< span >
{{msg}}
< / span >
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > < i class = "far fa-times" > < / i > < / span >
< / button >
< / div >
{% endif %}
< pre >
< / pre >
2021-10-22 23:50:00 +00:00
< table class = "table table-striped shop" >
< thead class = "bg-primary text-white" >
< tr >
< th scope = "col" > Icon< / th >
< th scope = "col" > Title< / th >
< th scope = "col" > Price< / th >
< th scope = "col" > Owned< / th >
< th scope = "col" > Buy< / th >
< / tr >
< / thead >
< tbody >
{% for a in awards %}
2021-10-27 00:37:34 +00:00
< tr data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "" data-bs-original-title = "{{a['description']}}" >
2021-10-22 23:50:00 +00:00
< td > < i class = "{{a['icon']}} {{a['color']}}" style = "font-size: 30px" > < / i > < / td >
< td style = "font-weight: bold" > {{a['title']}}< / td >
< td style = "font-weight: bold" > {{a['price']}}< / td >
< td style = "font-weight: bold" > {{a['owned']}}< / td >
{% set kind = a['kind'] %}
< td style = "font-weight: bold" >
< 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 >
2021-10-27 22:19:53 +00:00
{% if v.procoins and kind not in ["grass","pause","unpausable"] %}< 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 %}
2021-10-22 23:50:00 +00:00
< / td >
2021-10-21 20:50:15 +00:00
< / tr >
2021-10-22 23:50:00 +00:00
{% endfor %}
2021-10-21 20:50:15 +00:00
< / table >
< pre >
< / pre >
2021-10-22 23:50:00 +00:00
< style >
@media (max-width: 768px) {
.table th {
padding-left: 0.3rem !important;
padding-right: 0.3rem !important;
}
.table td {
padding-left: 0.3rem !important;
padding-right: 0.3rem !important;
font-size: 0.9rem;
}
.marseybux {
font-size: 0.7rem !important;
}
}
2021-10-27 00:37:34 +00:00
.tooltip-inner {
font-size: 1.5rem;
max-width: 300px;
}
2021-10-22 23:50:00 +00:00
< / style >
2021-10-21 13:30:05 +00:00
{% endblock %}