149 lines
4.6 KiB
JavaScript
149 lines
4.6 KiB
JavaScript
function setTitle(user, page)
|
||
{
|
||
document.title = `Brutaldon (${user}) – ${page}`;
|
||
}
|
||
|
||
function afterPage(user, page)
|
||
{
|
||
setTitle(user,page);
|
||
var menu = document.querySelector('#navMenu');
|
||
menu.classList.remove('is-active');
|
||
var burger = document.querySelector('.navbar-burger');
|
||
burger.classList.remove('is-active');
|
||
}
|
||
|
||
function menuPrepare() {
|
||
// Remove is-active from navbar menu
|
||
var menu = document.querySelector('#navMenu');
|
||
menu.classList.remove('is-active');
|
||
|
||
// Add the burger
|
||
var brand = document.querySelector('.navbar-brand');
|
||
var burger = document.createElement('a');
|
||
burger.classList.toggle('navbar-burger');
|
||
burger.setAttribute("aria-label", "menu");
|
||
burger.setAttribute("aria-expanded", "false");
|
||
burger.setAttribute("data-target", "navMenu");
|
||
for (var index = 0; index < 3; index++)
|
||
{
|
||
var span = document.createElement('span');
|
||
span.setAttribute('aria-hidden', "true");
|
||
burger.appendChild(span);
|
||
}
|
||
brand.appendChild(burger);
|
||
|
||
|
||
|
||
// Get all "navbar-burger" elements
|
||
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||
|
||
// Check if there are any navbar burgers
|
||
if ($navbarBurgers.length > 0) {
|
||
|
||
// Add a click event on each of them
|
||
$navbarBurgers.forEach(function ($el) {
|
||
$el.addEventListener('click', function () {
|
||
|
||
// Get the target from the "data-target" attribute
|
||
var target = $el.dataset.target;
|
||
var $target = document.getElementById(target);
|
||
|
||
// Toggle the class on both the "navbar-burger" and the "navbar-menu"
|
||
$el.classList.toggle('is-active');
|
||
$target.classList.toggle('is-active');
|
||
|
||
});
|
||
});
|
||
}
|
||
|
||
}
|
||
|
||
function expandCWButtonPrepare()
|
||
{
|
||
var theButton = document.querySelector('#expandCWs');
|
||
if (!theButton) {
|
||
theButton = document.createElement('p');
|
||
theButton.id = "expandCWs";
|
||
theButton.textContent = "Expand CWs";
|
||
theButton.classList.toggle('button');
|
||
var title = document.querySelector('#title');
|
||
if (title)
|
||
{
|
||
title.insertAdjacentElement('afterend', theButton);
|
||
var details = document.querySelectorAll('details');
|
||
var openState = false;
|
||
|
||
if (details != null) {
|
||
theButton.addEventListener('click', function() {
|
||
openState = details.item(0).hasAttribute('open');
|
||
details.forEach(function ($el) {
|
||
if (openState)
|
||
{
|
||
$el.removeAttribute('open');
|
||
} else
|
||
{
|
||
$el.setAttribute('open', '');
|
||
}
|
||
});
|
||
openState = !openState;
|
||
if (openState) { theButton.textContent = 'Collapse CWs'; }
|
||
else { theButton.textContent = "Expand CWs"; };
|
||
theButton.classList.toggle('is-active');
|
||
});
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function fileButtonUpdaters()
|
||
{
|
||
var file1 = document.getElementById("id_media_file_1");
|
||
file1.onchange = function(){
|
||
if (file1.files.length > 0)
|
||
{
|
||
document.getElementById('media_filename_1').innerHTML = file1.files[0].name;
|
||
}
|
||
};
|
||
var file2 = document.getElementById("id_media_file_2");
|
||
file2.onchange = function(){
|
||
if (file2.files.length > 0)
|
||
{
|
||
document.getElementById('media_filename_2').innerHTML = file2.files[0].name;
|
||
}
|
||
};
|
||
var file3 = document.getElementById("id_media_file_3");
|
||
file3.onchange = function(){
|
||
if (file3.files.length > 0)
|
||
{
|
||
document.getElementById('media_filename_3').innerHTML = file3.files[0].name;
|
||
}
|
||
};
|
||
var file4 = document.getElementById("id_media_file_4");
|
||
file4.onchange = function(){
|
||
if (file4.files.length > 0)
|
||
{
|
||
document.getElementById('media_filename_4').innerHTML = file4.files[0].name;
|
||
}
|
||
};
|
||
|
||
}
|
||
|
||
function characterCountSetup()
|
||
{
|
||
if ($("#id_status").length) {
|
||
$("#status_count").text(characterCount());
|
||
$("#id_status").keyup(function(){
|
||
$("#status_count").text(characterCount());
|
||
});
|
||
$("#id_spoiler_text").keyup(function(){
|
||
$("#status_count").text(characterCount());
|
||
});
|
||
}
|
||
}
|
||
|
||
function characterCount()
|
||
{
|
||
return $("#id_status").val().length + $("#id_spoiler_text").val().length;
|
||
}
|
||
|