2022-10-07 03:25:34 +00:00
< script defer src = "{{'js/award_modal.js' | asset}}" > < / script >
2023-01-20 07:14:59 +00:00
< div class = "modal fade" id = "awardModal" tabindex = "-1" >
< div class = "modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5" >
2022-05-04 23:09:46 +00:00
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" > Give Award< / h5 >
2022-12-25 02:10:56 +00:00
< button type = "button" class = "close" data-bs-dismiss = "modal" >
< span > < i class = "far fa-times" > < / i > < / span >
2022-05-04 23:09:46 +00:00
< / button >
< / div >
2023-02-25 19:40:15 +00:00
< div id = "awardModalBody" class = "modal-body pt-2 mb-3" >
< div class = "row box-shadow-bottom bg-white pt-1 pb-4" style = "justify-content: center;" >
< button class = "btn btn-primary btn-block m-0 shop-tab award-tab active" data-nonce = "{{g.nonce}}" data-onclick = "switchAwardTab()" >
< span class = "mr-auto ml-auto" > < i class = "fas fa-gift mr-2" > < / i > EFFECT ON CONTENT< / span >
< / button >
< button class = "btn btn-primary btn-block m-0 shop-tab award-tab" data-nonce = "{{g.nonce}}" data-onclick = "switchAwardTab()" >
< span class = "mr-auto ml-auto" > < i class = "fas fa-gift mr-2" > < / i > EFFECT ON AUTHOR< / span >
< / button >
< / div >
2022-12-26 02:21:23 +00:00
< div class = "awards-wrapper" style = "text-align:center" >
2023-02-25 19:40:15 +00:00
{% macro iterate_awards(awards) %}
{% for award in awards %}
{% set price = (award.price*v.discount)|int %}
< div data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{price}} coins/marseybux - {{award.description}}" id = "{{award.kind}}" data-nonce = "{{g.nonce}}" data-onclick = "pick('{{award.kind}}', {{price}}, {{v.coins}}, {{v.marseybux}})" >
< i class = "{{award.icon}} {{award.color}}" > < / i >
< div class = "pt-1 award-name" > {{award.title}}< / div >
< div class = "text-muted award-owned" > < span id = "{{award.kind}}-owned" > {{award.owned}}< / span > owned< / div >
< / div >
{% endfor %}
{% endmacro %}
< div class = "award-section" >
{{iterate_awards(v.awards_content_effect)}}
< / div >
< div class = "award-section d-none" >
{{iterate_awards(v.awards_author_effect)}}
< / div >
2022-10-07 03:25:34 +00:00
< / div >
< label id = "notelabel" for = "note" class = "pt-4" > Note (optional):< / label >
2022-12-30 17:20:10 +00:00
< input autocomplete = "off" id = "kind" hidden >
2022-10-07 03:25:34 +00:00
< textarea autocomplete = "off" id = "note" maxlength = "200" class = "form-control" placeholder = "Note to include in award notification..." > < / textarea >
2023-02-27 17:29:43 +00:00
< input autocomplete = "off" id = "giveaward" class = "awardbtn btn btn-primary mt-3 fl-r" type = "submit" data-nonce = "{{g.nonce}}" data-onclick = "giveaward(this)" value = "Give Award" data-bs-dismiss = "modal" disabled >
2022-08-06 02:03:10 +00:00
2023-02-27 17:29:43 +00:00
< button type = "button" id = "buy1" class = "awardbtn btn btn-primary mt-3 mx-3 {% if not FEATURES['MARSEYBUX'] %}d-none{% endif %} fl-r" disabled data-areyousure = "buy(true)" data-nonce = "{{g.nonce}}" data-onclick = "areyousure(this)" > Buy with marseybux< / button >
2022-08-06 02:03:10 +00:00
2023-02-27 17:29:43 +00:00
< button type = "button" id = "buy2" class = "awardbtn btn btn-primary mt-3 fl-r" disabled data-areyousure = "buy()" data-nonce = "{{g.nonce}}" data-onclick = "areyousure(this)" > Buy< / button >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
2023-01-20 07:14:59 +00:00
< div class = "toast" id = "toast-post-success2" style = "position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
2022-05-04 23:09:46 +00:00
< div class = "toast-body bg-success text-center text-white" >
< i class = "fas fa-comment-alt-smile mr-2" > < / i > < span id = "toast-post-success-text2" > Action successful!< / span >
< / div >
< / div >
2023-01-20 07:14:59 +00:00
< div class = "toast" id = "toast-post-error2" style = "position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
2022-05-04 23:09:46 +00:00
< div class = "toast-body bg-danger text-center text-white" >
< i class = "fas fa-exclamation-circle mr-2" > < / i > < span id = "toast-post-error-text2" > Error, please try again later.< / span >
< / div >
2023-01-01 11:36:20 +00:00
< / div >
2022-05-04 23:09:46 +00:00
< / div >