rDrama/files/templates/emoji_modal.html

99 lines
3.5 KiB
HTML
Raw Normal View History

2021-10-12 05:39:03 +00:00
<script src="/assets/js/emoji_modal.js?v=55"></script>
2021-09-28 03:44:31 +00:00
2021-09-14 12:40:31 +00:00
<style>
2021-09-17 09:42:08 +00:00
a.emojitab {
2021-09-14 12:40:31 +00:00
padding: 0.5rem 0.7rem !important;
2021-09-14 12:54:18 +00:00
font-size: 13px !important;
2021-09-14 12:40:31 +00:00
}
2021-09-15 17:27:04 +00:00
@media (min-width: 576px)
{
.modal-dialog {
2021-09-25 22:52:58 +00:00
max-width: 65% !important;
margin: 1.75rem auto !important;
2021-09-15 17:27:04 +00:00
}
}
2021-10-08 13:20:32 +00:00
.emoji2:focus {
2021-09-27 00:31:54 +00:00
border: 1px solid var(--primary) !important;
2021-09-26 11:49:50 +00:00
}
2021-09-14 12:40:31 +00:00
</style>
2021-09-05 20:24:02 +00:00
<div id="form" class="d-none"></div>
2021-07-21 01:12:26 +00:00
<div class="modal fade" id="emojiModal" tabindex="-1" role="dialog" aria-labelledby="emojiModalTitle" aria-hidden="true">
2021-09-14 12:43:57 +00:00
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-2 py-5" role="document">
2021-07-21 01:12:26 +00:00
<div class="modal-content" id="emojiTabs">
<div class="modal-header">
<div>
<ul class="nav nav-pills py-2">
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link active emojitab" data-bs-toggle="tab" href="#emoji-tab-favorite">Favorite</a>
2021-09-05 19:47:05 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-marsey">Marsey</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-platy">Platy</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-tay">Tay</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-classic">Classic</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-rage">Rage</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-wojak">Wojak</a>
2021-07-21 01:12:26 +00:00
</li>
2021-09-14 12:52:59 +00:00
<li class="nav-item">
2021-09-26 09:04:49 +00:00
<a class="nav-link emojitab" data-bs-toggle="tab" href="#emoji-tab-flags">Flags</a>
2021-07-21 01:12:26 +00:00
</li>
</ul>
</div>
2021-09-26 09:04:49 +00:00
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2021-07-21 01:12:26 +00:00
<i class="fal fa-times text-muted"></i>
</button>
</div>
2021-08-22 13:44:55 +00:00
<div class="px-3"><input class="form-control px-2" type="text" id="emoji_search" placeholder="Search.."></div>
2021-07-21 01:12:26 +00:00
<div style="overflow-y: scroll;">
<div class="modal-body p-0" id="emoji-modal-body">
2021-08-22 13:47:28 +00:00
<div id="emoji-tab-search"></div>
2021-07-21 01:12:26 +00:00
<div id="no-emojis-found"></div>
<div class="tab-content">
2021-09-05 19:47:05 +00:00
<div class="tab-pane fade show active" id="emoji-tab-favorite">
2021-09-05 20:48:57 +00:00
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_favorite">
{% if session.get("favorite_emojis") %}
2021-09-05 20:49:32 +00:00
{{session.get("favorite_emojis") | favorite_emojis | safe}}
2021-09-05 20:48:57 +00:00
{% endif %}
</div>
2021-09-05 19:47:05 +00:00
</div>
<div class="tab-pane fade" id="emoji-tab-marsey">
2021-07-21 01:12:26 +00:00
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_marsey"></div>
</div>
2021-08-08 21:17:48 +00:00
<div class="tab-pane fade" id="emoji-tab-platy">
2021-08-07 23:05:01 +00:00
<div class="d-flex flex-wrap py-3 pl-2" id="EMOJIS_platy"></div>
</div>
2021-07-21 01:12:26 +00:00
<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>
</div>
</div>
</div>
</div>
</div>
</div>