Smartcraft-Media-Tech/chatrd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Rodrigo Emanuel
2025-04-24 12:58:31 -03:00
committed by GitHub
parent 8dfd568662
commit 33f6241a63
4 changed files with 38 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
chat.html
View File

@@ -58,7 +58,6 @@
<script src="js/lang/lang.js"></script>
<script src="js/app-mockup.js"></script>
<script src="js/app.js"></script>

23
css/app.css
View File

@@ -165,7 +165,7 @@ body {
border-radius: 5px;
background: rgba(0,0,0,0.15);
display: inline-flex;
align-items: center;
align-items: flex-start;
}
@@ -308,7 +308,7 @@ body {
#chat .message.youtube .badges i.fa-solid.fa-check { background: #999; }
#chat .message.youtube.event.supersticker > div .platform { order: 1; }
#chat .message.youtube.event.supersticker > div .platform { order: 1; }
#chat .message.youtube.event.supersticker > div .sticker {
order: 2;
width: 48px;
@@ -320,8 +320,23 @@ body {
width: 100%;
height: 100%;
}
#chat .message.youtube.event.supersticker > div .info { order: 3; }
#chat .message.youtube.event.supersticker > div .info { order: 3; }
#chat .message.youtube.event.supersticker.giantsupersticker > div {
flex-wrap: wrap;
}
#chat .message.youtube.event.supersticker.giantsupersticker > div .platform { order: 2; }
#chat .message.youtube.event.supersticker.giantsupersticker > div .sticker {
order: 1;
flex: 0 0 100%;
height: 148px;
text-align: center;
margin: 10px 0;
}
#chat .message.youtube.event.supersticker.giantsupersticker > div .sticker img {
width: 148px;
height: 148px;
}
#chat .message.youtube.event.supersticker.giantsupersticker > div .info { order: 3; }

4
index.html
View File

@@ -80,7 +80,11 @@
<div class="setting"><label>Chat</label><label class="switch"><input type="checkbox" name="showYouTubeMessages" checked><span class="slider"></span></label></div>
<div class="setting"><label>SuperChat</label><label class="switch"><input type="checkbox" name="showYouTubeSuperChats" checked><span class="slider"></span></label></div>
<div class="setting"><label>Super Sticker</label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickers" checked><span class="slider"></span></label></div>
<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Show Super Sticker GIF</label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickerGif" checked><span class="slider"></span></label></div>
<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Full Size Super Sticker<br><small>Shows the sticker above the event in full.</small></label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickerFullSize"><span class="slider"></span></label></div>
<div class="setting"><label>Membership<br><small>Show Membership events. <u><strong>Disabling this disables all member events</strong></u>.</small></label><label class="switch"><input type="checkbox" name="showYouTubeMemberships" checked><span class="slider"></span></label></div>
<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Gifted Membership<br><small>Shows the person gifting members.</small></label><label class="switch"><input type="checkbox" name="showYouTubeGiftMemberships" checked><span class="slider"></span></label></div>
<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Gifted Membership Train<br><small>Shows all users that were gifted a membership on a massive gifting membership.</small></label><label class="switch"><input type="checkbox" name="showYouTubeMembershipsTrain" checked><span class="slider"></span></label></div>

25
js/youtube/module.js
View File

@@ -1,11 +1,12 @@
const showYouTubeMessages = getURLParam("showYouTubeMessages", true);
const showYouTubeSuperChats = getURLParam("showYouTubeSuperChats", true);
const showYouTubeSuperStickers = getURLParam("showYouTubeSuperStickers", true);
const showYouTubeSuperStickerGif = getURLParam("showYouTubeSuperStickerGif", true);
const showYouTubeMemberships = getURLParam("showYouTubeMemberships", true);
const showYouTubeGiftMemberships = getURLParam("showYouTubeGiftMemberships", true);
const showYouTubeMembershipsTrain = getURLParam("showYouTubeMembershipsTrain", true);
const showYouTubeStatistics = getURLParam("showYouTubeStatistics", true);
const showYouTubeMessages = getURLParam("showYouTubeMessages", true);
const showYouTubeSuperChats = getURLParam("showYouTubeSuperChats", true);
const showYouTubeSuperStickers = getURLParam("showYouTubeSuperStickers", true);
const showYouTubeSuperStickerGif = getURLParam("showYouTubeSuperStickerGif", true);
const showYouTubeSuperStickerFullSize = getURLParam("showYouTubeSuperStickerFullSize", false);
const showYouTubeMemberships = getURLParam("showYouTubeMemberships", true);
const showYouTubeGiftMemberships = getURLParam("showYouTubeGiftMemberships", true);
const showYouTubeMembershipsTrain = getURLParam("showYouTubeMembershipsTrain", true);
const showYouTubeStatistics = getURLParam("showYouTubeStatistics", true);
let youTubeCustomEmotes = [];
@@ -190,9 +191,13 @@ async function youTubeSuperStickerMessage(data) {
})
]);
const classes = 'supersticker';
const classes = ['supersticker'];
if (showYouTubeSuperStickerFullSize == true) {
classes.push('giantsupersticker');
}
const messageData = {
classes: classes,
classes: classes.join(' '),
avatar,
badges: '',
userName,