2022-10-07 03:25:34 +00:00
|
|
|
<script defer src="{{'js/award_modal.js' | asset}}"></script>
|
|
|
|
|
2023-10-02 06:04:05 +00:00
|
|
|
<div class="modal fade" id="awardModal" tabindex="-1">
|
2023-01-20 07:14:59 +00:00
|
|
|
<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>
|
2023-10-02 06:04:05 +00:00
|
|
|
<button type="button" class="close" data-bs-dismiss="modal">
|
2023-08-23 00:52:50 +00:00
|
|
|
<span><i class="fas fa-times"></i></span>
|
2022-05-04 23:09:46 +00:00
|
|
|
</button>
|
|
|
|
</div>
|
2023-09-27 22:18:39 +00:00
|
|
|
<div id="awardModalBody" class="modal-body pt-2 mb-3" style="overflow-x: hidden">
|
2023-09-15 11:04:19 +00:00
|
|
|
<div id="award-tabs" class="row pt-1 pb-4" style="justify-content: center">
|
2023-08-12 17:55:51 +00:00
|
|
|
<button id="effect-content-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab active" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
|
2023-02-25 19:40:15 +00:00
|
|
|
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>EFFECT ON CONTENT</span>
|
|
|
|
</button>
|
2023-08-12 17:55:51 +00:00
|
|
|
<button id="effect-author-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
|
2023-02-25 19:40:15 +00:00
|
|
|
<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 %}
|
2023-09-22 06:53:13 +00:00
|
|
|
{% set price = (award.price*v.award_discount)|int %}
|
2023-10-02 14:24:09 +00:00
|
|
|
<div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Price: {{price}} coins/marseybux - {{award.description}}" id="{{award.kind}}" data-positive="{{award.positive}}" data-nonce="{{g.nonce}}" data-onclick="pick('{{award.kind}}', {{price}}, {{v.coins}}, {{v.marseybux}})">
|
2023-02-25 19:40:15 +00:00
|
|
|
<i class="{{award.icon}} {{award.color}}"></i>
|
|
|
|
<div class="pt-1 award-name">{{award.title}}</div>
|
2023-10-26 15:50:05 +00:00
|
|
|
<div class="text-muted award-owned">
|
|
|
|
<span id="{{award.kind}}-owned">{{award.owned}}</span> owned
|
|
|
|
</div>
|
2023-02-25 19:40:15 +00:00
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
{% endmacro %}
|
|
|
|
|
2023-08-12 17:55:51 +00:00
|
|
|
<div id="effect-content-section" class="award-section">
|
2023-02-25 19:40:15 +00:00
|
|
|
{{iterate_awards(v.awards_content_effect)}}
|
|
|
|
</div>
|
2023-08-12 17:55:51 +00:00
|
|
|
<div id="effect-author-section" class="award-section d-none">
|
2023-02-25 19:40:15 +00:00
|
|
|
{{iterate_awards(v.awards_author_effect)}}
|
|
|
|
</div>
|
2022-10-07 03:25:34 +00:00
|
|
|
</div>
|
2022-12-30 17:20:10 +00:00
|
|
|
<input autocomplete="off" id="kind" hidden>
|
2023-03-19 17:13:45 +00:00
|
|
|
|
|
|
|
<div id="phrase_section" class="d-none">
|
|
|
|
<label for="note" class="pt-4">The phrase the recipient will have to say:</label>
|
|
|
|
|
|
|
|
<div class="input-group">
|
2023-06-23 11:07:47 +00:00
|
|
|
<select autocomplete="off" id='chud_phrase' class="form-control">
|
2023-03-19 17:13:45 +00:00
|
|
|
{% for entry in CHUD_PHRASES %}
|
|
|
|
<option value="{{entry}}">
|
|
|
|
{{entry}}
|
|
|
|
</option>
|
|
|
|
{% endfor %}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2023-10-08 22:42:05 +00:00
|
|
|
<div class="row pt-4">
|
|
|
|
<div id="note_section" class="col mb-3">
|
|
|
|
<label id="notelabel" for="note">Note (optional):</label>
|
|
|
|
<textarea autocomplete="off" id="note" maxlength="200" class="form-control" placeholder="Note to include in award notification..."></textarea>
|
|
|
|
{{macros.emoji_btn('note', 'awardModal')}}
|
|
|
|
{{macros.gif_btn('note', 'awardModal')}}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="emoji_behavior_section" class="col d-none mb-3 pb-3">
|
|
|
|
<label id="emoji_behavior_label" for="behavior">Emoji behavior:</label>
|
|
|
|
|
|
|
|
<div class="input-group">
|
|
|
|
<select autocomplete="off" id='emoji_behavior' class="form-control pr-2" style="min-height:35px;min-width:min(300px,80vw)">
|
|
|
|
<option value="bouncing">
|
|
|
|
bouncing
|
|
|
|
</option>
|
|
|
|
<option value="horizontal">
|
|
|
|
horizontal
|
|
|
|
</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-03-21 15:27:46 +00:00
|
|
|
</div>
|
2022-10-07 03:25:34 +00:00
|
|
|
|
2023-10-10 16:53:46 +00:00
|
|
|
<input autocomplete="off" id="giveaward" class="awardbtn btn btn-primary fl-r" type="submit" data-nonce="{{g.nonce}}" data-onclick="giveaward(this)" value="Give Award" data-bs-dismiss="modal">
|
2022-08-06 02:03:10 +00:00
|
|
|
|
2023-10-10 16:53:46 +00:00
|
|
|
<input autocomplete="off" id="buyandgiveaward" class="awardbtn btn btn-primary fl-r d-none" type="submit" data-nonce="{{g.nonce}}" data-areyousure="giveaward(this)" data-onclick="areyousure(this)" value="Give Award" data-dismiss="modal">
|
2023-03-21 18:49:27 +00:00
|
|
|
|
2023-10-10 16:53:46 +00:00
|
|
|
<span id="award_price" class="fl-r mt-2 mr-3 text-small-sm"></span>
|
2022-05-04 23:09:46 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|