rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Emote Palette UI Complete

Browse source
This commit is contained in:
rainbow napkin 2024-12-21 16:47:19 -05:00
parent 633884534c
commit 42d306e1f2
6 changed files with 148 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/views/partial/panels/emote.ejs
View file

@ -14,21 +14,36 @@ GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.-->
<link rel="stylesheet" type="text/css" href="/css/panel/emote.css">
<div id="emote-panel-search" class="panel-control-prompt control-prompt">
<input placeholder="Search Emotes..." id="emote-panel-search-prompt" class="control-prompt">
</div>
<span class="title-span">
<span class="title-filler-span"></span>
<h3>Site Emotes <i class="bi-caret-down-fill" id="site-emotes-toggle"></i></h3>
<h3 id="personal-emotes-title" class="interactive">Personal Emotes</h3><h3><i class="bi-caret-down-fill" id="personal-emotes-toggle"></i></h3>
<span class="title-filler-span"></span>
</span>
<div id="emote-panel-personal-section">
<span id="emote-panel-personal-prompts">
<div class="panel-control-prompt control-prompt">
<input placeholder="Emote Link..." id="new-emote-link-input" class="control-prompt">
</div>
<div class="panel-control-prompt control-prompt">
<!-- Probably not the cleanest way to do this but fuggit -->
[<input placeholder="Emote Name..." id="new-emote-name-input" class="control-prompt">]
<button id="new-emote-button" class="positive-button">Add</button>
</div>
</span>
<div class="emote-panel-list" id="emote-panel-personal-list"></div>
</div>
<span class="title-span">
<span class="title-filler-span"></span>
<h3 id="site-emotes-title" class="interactive">Site Emotes</h3><h3><i class="bi-caret-down-fill" id="site-emotes-toggle"></i></h3>
<span class="title-filler-span"></span>
</span>
<div class="emote-panel-list" id="emote-panel-site-list"></div>
<span class="title-span">
<span class="title-filler-span"></span>
<h3>Channel Emotes <i class="bi-caret-down-fill" id="chan-emotes-toggle"></i></h3>
<h3 id="chan-emotes-title" class="interactive">Channel Emotes</h3><h3><i class="bi-caret-down-fill" id="chan-emotes-toggle"></i></h3>
<span class="title-filler-span"></span>
</span>
<div class="emote-panel-list" id="emote-panel-chan-list"></div>
<span class="title-span">
<span class="title-filler-span"></span>
<h3>Personal Emotes <i class="bi-caret-down-fill" id="personal-emotes-toggle"></i></h3>
<span class="title-filler-span"></span>
</span>
<div class="emote-panel-list" id="emote-panel-personal-list"></div>
<div class="emote-panel-list" id="emote-panel-chan-list"></div>