2021-10-15 14:08:27 +00:00
|
|
|
<div id="form" class="d-none"></div>
|
|
|
|
<div class="modal fade" id="emojiModal" tabindex="-1" role="dialog" aria-labelledby="emojiModalTitle" aria-hidden="true">
|
|
|
|
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-2 py-5" role="document">
|
2021-12-06 17:34:26 +00:00
|
|
|
<div class="modal-content mx-auto max-w-3xl bg-gray-100 rounded-md shadow-lg" id="emojiTabs">
|
2021-10-15 14:08:27 +00:00
|
|
|
<div class="modal-header">
|
|
|
|
<div>
|
2021-12-06 17:31:11 +00:00
|
|
|
<ul class="nav-pills flex flex-wrap mb-0 py-2">
|
2021-10-15 14:08:27 +00:00
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link active emojitab" data-bs-toggle="tab" href="#emoji-tab-favorite">Favorite</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-marsey">Marsey</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-platy">Platy</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-tay">Tay</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-classic">Classic</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-rage">Rage</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-wojak">Wojak</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-flags">Flags</a>
|
|
|
|
</li>
|
2021-11-09 05:18:27 +00:00
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-misc">Misc</a>
|
|
|
|
</li>
|
2021-10-15 14:08:27 +00:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
|
|
|
|
<i class="fal fa-times text-muted"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
|
2021-12-06 17:31:11 +00:00
|
|
|
<div class="px-3">
|
|
|
|
<input class="form-input" type="text" id="emoji_search" placeholder="Search emoji..">
|
|
|
|
</div>
|
2021-10-15 14:08:27 +00:00
|
|
|
|
|
|
|
<div style="overflow-y: scroll;">
|
|
|
|
<div class="modal-body p-0" id="emoji-modal-body">
|
|
|
|
<div id="emoji-tab-search"></div>
|
|
|
|
<div id="no-emojis-found"></div>
|
|
|
|
<div class="tab-content">
|
|
|
|
<div class="tab-pane fade show active" id="emoji-tab-favorite">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_favorite">
|
|
|
|
{% if session.get("favorite_emojis") %}
|
|
|
|
{{session.get("favorite_emojis") | favorite_emojis | safe}}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-marsey">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_marsey"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-platy">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_platy"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-tay">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_tay"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-classic">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_classic"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-rage">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_rage"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-wojak">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_wojak"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="emoji-tab-flags">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_flags"></div>
|
|
|
|
</div>
|
2021-11-09 05:18:27 +00:00
|
|
|
<div class="tab-pane fade" id="emoji-tab-misc">
|
|
|
|
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_misc"></div>
|
|
|
|
</div>
|
2021-10-15 14:08:27 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-11-30 17:32:52 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
a.emojitab {
|
|
|
|
padding: 0.5rem 0.7rem !important;
|
|
|
|
font-size: 13px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.emoji2 {
|
|
|
|
background: None!important;
|
|
|
|
width:60px;
|
|
|
|
overflow: hidden;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.emoji2:focus {
|
|
|
|
border: 1px solid var(--primary) !important;
|
|
|
|
}
|
|
|
|
</style>
|