Welcome to the Moderation Panel
This panel is designed to help you manage the Drawaria community efficiently. Here you can:
- Manage users and their actions.
- Review and manage reported content.
- Resolve issues and maintain a safe and friendly environment.
Select an option from the sidebar to get started.
News and Updates
Last update: 2024-08-19
- Improved UI for the moderation panel.
- New tools for content management.
- Optimized reporting system.
Moderator Guidelines
Content Management
Reports
`;
// Add the container to the body of the page
document.body.appendChild(modPanelContainer);
// Functions to handle interactions with smooth animations
document.querySelectorAll('#mod-sidebar a').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const sectionId = this.getAttribute('data-section');
document.querySelectorAll('.mod-section').forEach(section => {
section.classList.remove('active');
section.style.display = 'none';
});
document.getElementById(sectionId).classList.add('active');
document.getElementById(sectionId).style.display = 'block';
document.getElementById(sectionId).style.animation = 'fadeIn 0.5s';
});
});
document.getElementById('ban-user').addEventListener('click', function() {
alert('Player banned.');
});
document.getElementById('rename-user').addEventListener('click', function() {
alert('Player Renamed.');
});
document.getElementById('muted-user').addEventListener('click', function() {
alert('Player Muted.');
});
document.getElementById('delete-content').addEventListener('click', function() {
alert('Content deleted.');
});
document.getElementById('resolve-report').addEventListener('click', function() {
alert('Report resolved.');
});
// Replace the page content with effects
let newContent = document.createElement('div');
newContent.style.textAlign = 'center';
newContent.style.fontSize = '24px';
newContent.style.marginTop = '20px';
// newContent.textContent = 'Drawaria Mod Panel';
newContent.style.animation = 'fadeIn 0.5s ease-in-out';
// Array of avatars with random names
const avatars = [
{ id: '86e33830-86ea-11ec-8553-bff27824cf71', name: 'YouTube' },
{ id: 'bfbe3620-1d5e-11ef-acaf-250da20bac69', name: 'Senko' },
{ id: '418e4160-cb1f-11ed-a71d-ab56d3db7ea6', name: 'Anya' },
{ id: '98bb4180-226a-11ed-9fd3-c3a00b129da4', name: 'Shiv' },
{ id: 'c8408150-dc14-11ec-9fd3-c3a00b129da4', name: 'Tyre' },
{ id: 'a272cd50-0d42-11ef-acaf-250da20bac69', name: 'Luna' },
{ id: '52bee980-1dee-11ef-acaf-250da20bac69', name: 'Mikasa' },
{ id: 'e39f20a0-d3fc-11ee-bf00-7b802f1ca94b', name: 'Natsu' },
{ id: '2b3925e0-0425-11ed-9fd3-c3a00b129da4', name: 'Luffy' },
{ id: '331c1bb0-1e03-11ef-acaf-250da20bac69', name: 'Ethan' }
];
// Function to generate the list of avatars
function generateAvatarList() {
const avatarContainer = document.getElementById('avatarcontainer');
avatarContainer.innerHTML = ''; // Clear the container before adding new avatars
avatars.forEach(avatar => {
const avatarDiv = document.createElement('div');
avatarDiv.style.display = 'inline-block';
avatarDiv.style.marginRight = '10px';
avatarDiv.style.cursor = 'pointer';
avatarDiv.style.transition = 'transform 0.3s ease';
avatarDiv.title = avatar.name;
const avatarImg = document.createElement('img');
avatarImg.src = `/avatar/cache/${avatar.id}.jpg`;
avatarImg.style.width = '60';
avatarImg.style.height = '60px';
avatarImg.style.borderRadius = '50%';
avatarImg.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.2)';
avatarImg.style.transition = 'transform 0.3s ease';
avatarDiv.appendChild(avatarImg);
avatarContainer.appendChild(avatarDiv);
// Event to change the selected avatar and update the name
avatarDiv.addEventListener('click', function() {
document.getElementById('selfavatarimage').src = `/avatar/cache/${avatar.id}.jpg`;
document.getElementById('playername').value = avatar.name;
avatarDiv.style.transform = 'scale(1.2)';
setTimeout(() => {
avatarDiv.style.transform = 'scale(1)';
}, 300);
});
});
}
// Call the function to generate the list of avatars
generateAvatarList();
// Add the new content to the body of the page
document.body.appendChild(newContent);
});
})();
// CSS Animations
const style = document.createElement('style');
style.innerHTML = `
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
body, html {
font-family: Calibri;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
`;
document.head.appendChild(style);
