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

Replaced split ID's with DOM Dataset in channel settings page.

Browse source
This commit is contained in:
rainbow napkin 2025-09-08 07:31:43 -04:00
parent e539b9d75d
commit 92659929b9
4 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

1
www/js/channel/panels/emotePanel.js
View file

@ -284,7 +284,6 @@ class emotePanel extends panelObj{
//Create trash icon
const trashIcon = document.createElement('i');
trashIcon.classList.add('emote-list-trash-icon', 'bi-trash-fill');
trashIcon.id = `emote-list-trash-icon-${emote.name}`;
//add deletePersonalEmote event listener
trashIcon.addEventListener('click', ()=>{this.deletePersonalEmote(emote.name)});

20
www/js/channelSettings.js
View file

@ -163,7 +163,7 @@ class rankList{
}
async submitUpdate(event){
const user = event.target.id.replace("channel-rank-select-","");
const user = event.target.dataset.user;
const rank = event.target.value;
await this.submitUserRank(user, rank);
@ -203,7 +203,7 @@ class rankList{
}else{
//Create rank select
var rankContent = document.createElement('select');
rankContent.id = `channel-rank-select-${user.user}`
rankContent.dataset.user = user.user;
rankContent.classList.add("channel-rank-select")
rankContent.addEventListener("change", this.submitUpdate.bind(this));
@ -273,7 +273,7 @@ class banList{
async unban(event){
//Rip user outta the target id
const user = event.target.id.replace("admin-user-list-unban-icon-","");
const user = event.target.dataset.name;
//Tell the server to unban them and get the list returned
const list = await utils.ajax.chanUnban(this.channel, user);
@ -297,7 +297,7 @@ class banList{
//Create unban icon node
const unbanIcon = document.createElement('i');
unbanIcon.classList.add("bi-emoji-smile-fill","admin-user-list-icon","admin-user-list-unban-icon");
unbanIcon.id = `admin-user-list-unban-icon-${ban.user.user}`;
unbanIcon.dataset.name = ban.user.user;
unbanIcon.title = `Unban ${ban.user.user}`;
unbanIcon.addEventListener("click", this.unban.bind(this));
@ -334,7 +334,7 @@ class prefrenceList{
async submitUpdate(event){
//Get key from event target
const key = event.target.id.replace("channel-preference-","");
const key = event.target.dataset.key;
//Pull value from event target
let value = event.target.value;
@ -378,7 +378,7 @@ class permList{
}
async submitUpdate(event){
const key = event.target.id.replace("admin-perm-list-rank-select-","");
const key = event.target.dataset.key;
const value = event.target.value;
const permMap = new Map([
[key, value]
@ -429,7 +429,7 @@ class tokeCommandList{
}
async deleteToke(event){
const name = event.target.id.replace("toke-command-delete-","");
const name = event.target.dataset.name;
const tokeList = await utils.ajax.deleteChanToke(this.channel, name);
@ -462,7 +462,7 @@ class tokeCommandList{
//Create toke command delete icon
const tokeDelete = document.createElement('i');
tokeDelete.classList.add('toke-command-list', 'bi-trash-fill', 'toke-command-delete');
tokeDelete.id = `toke-command-delete-${toke}`;
tokeDelete.dataset.name = toke;
tokeDelete.addEventListener('click', this.deleteToke.bind(this));
//append span contents to tokeSpan
@ -495,7 +495,7 @@ class emoteList{
async deleteEmote(event){
//Strip name from element id
const name = event.target.id.replace('emote-list-delete-','');
const name = event.target.dataset.name;
//Delete emote and pull list
const list = await utils.ajax.deleteChanEmote(this.channel, name);
@ -572,7 +572,7 @@ class emoteList{
const deleteIcon = document.createElement('i');
//Set delete icon id and class
deleteIcon.classList.add('bi-trash-fill', 'emote-list-delete');
deleteIcon.id = `emote-list-delete-${emote.name}`;
deleteIcon.dataset.name = emote.name;
//Add delete icon event listener
deleteIcon.addEventListener('click',this.deleteEmote.bind(this));