Actions

MediaWiki

Common.js: Difference between revisions

From Blood on the Clocktower Wiki

No edit summary
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
$("li:contains('Toolbox')").hide();
$("li:contains('Toolbox')").hide();


$("img").contextmenu(function() {
$("img").contextmenu(function () {
     return false;
     return false;
});
});


$(document).ready(function()
$(document).ready(function () {
{
     handleAudioElements();
     handleAudioElements();
    replaceRolesWithAbilities();
});
});


function handleAudioElements()
function replaceRolesWithAbilities()  
{
{
      content[0].querySelectorAll('.html5audio:not(.loaded)').forEach(function (div) {
    fetch("https://wiki.bloodontheclocktower.com/roles.json").then(function(resp)  
          var data = div.dataset;
    {  
          var file = data.file;
        if (resp.ok)  
          if (!file) {
        {
            return;
             resp.json().then(function(roles)  
          }
            {
          var format = file.split('.').pop();
                document.querySelectorAll("[data-role]").forEach(function(e)  
          var preload = data.preload;
                {
          var download = data.download;
          var options = data.options;
          var opts = { controls: '' };
          var volume = Number(Number(data.volume).toFixed(1));
 
          if (format === 'mp3') {
             format = 'mpeg';
          }
 
          if (preload !== 'auto' || preload !== 'metadata') {
            preload = 'none';
          }
          opts.preload = preload;
 
          if (download === 'false') {
            opts.controlsList = 'nodownload';
          }
 
          if (options) {
            var valid = ['autoplay', 'loop', 'muted'];
            options.split(',').forEach(function (el) {
              el = el.trim();
              if (valid.indexOf(el) !== -1) {
                  opts[el] = '';
              }
            });
          }
 
      var audio = document.createElement('audio');
 
      Object.keys(opts).forEach(function (attr) {
        var value = opts[attr];
        audio.setAttribute(attr, value);
      });
 
      var source = document.createElement('source');
      source.src = file;
      source.type = 'audio/' + format;
 
      audio.append(
        source,
        msg('text').escape()
      );
 
      if (volume >= 0 && volume <= 1) {
        audio.volume = volume;
      }
 
      div.innerHTML = '';
      div.appendChild(audio);
      div.classList.add('loaded');
}


/*
                    const filtered = roles.filter(function(r)  
$(document).ready(function()  
                    {
{
                        return r.name === e.dataset.role
    var e_interactions = document.querySelector("#interactions");
                     });
    var language = e_interactions.dataset.language;
                      
    var href = window.location.href
   
    var slash = href.indexOf("/", 8)
    var hashtag = href.indexOf("#")


    var key = href.substring(slash + 1, hashtag == -1 ? href.length : hashtag)
                    if (filtered.length > 0)  
        .replace(" ", "")
                    {
        .replace("-", "")
                        e.parentElement.title = "";
        .replace("'", "")
                        e.dataset.role = filtered[0].ability
        .replace("_", "")
                    }
        .replace("%27", "")
                    else
        .toLowerCase();
                    {
 
                        delete e.dataset.role;
    fetch("https://interactions.patters.live/api/interactions/by-key/" + key + "/" + language)
                    }
         .then(function(response)
                });
            })
        }
         else
         {
         {
             if (!response) {
             document.querySelectorAll("[data-role]").forEach(function(e)
                 return;
            {
             }
                 delete e.dataset.role;
          
             });
            response.json()
         }
                .then(function(interactions) {
    });
}


                    interactions.sort(function(a, b) {
function handleAudioElements()
{
    document.querySelectorAll('.html5audio:not(.loaded)').forEach(function (div) {
        var data = div.dataset;
        var file = data.file;
        if (!file) {
            return;
        }
        var format = file.split('.').pop();
        var preload = data.preload;
        var download = data.download;
        var options = data.options;
        var opts = { controls: '' };
        var volume = Number(Number(data.volume).toFixed(1));


                        var aKey = (a.primaryKey !== key ? a.primaryKey : a.secondaryKey)
        if (format === 'mp3') {
                        var bKey = (b.primaryKey !== key ? b.primaryKey : b.secondaryKey)
            format = 'mpeg';
        }


                        if (aKey < bKey)
        if (format === 'm4a') {
                            return -1;
            format = 'mp4';
                           
        }
                        if (aKey > bKey)
                            return 1;


                        return 0;
        if (preload !== 'auto' || preload !== 'metadata') {
            preload = 'none';
        }
        opts.preload = preload;


                    })
        if (download === 'false') {
            opts.controlsList = 'nodownload';
        }


                    var content = ""
        if (options) {
                    var table = document.createElement("table")
            var valid = ['autoplay', 'loop', 'muted'];
            options.split(',').forEach(function (el) {
                el = el.trim();
                if (valid.indexOf(el) !== -1) {
                    opts[el] = '';
                }
            });
        }


                    var tr = document.createElement("tr")
        var audio = document.createElement('audio');


                    var thRole = document.createElement("th")
        Object.keys(opts).forEach(function (attr) {
                    thRole.style.fontWeight = "bold"
            var value = opts[attr];
            audio.setAttribute(attr, value);
        });


                    var thDescription = document.createElement("th")
        var source = document.createElement('source');
                    thDescription.style.fontWeight = "bold"
        source.src = file;
        source.type = 'audio/' + format;


                    thRole.innerText = "Character"
        audio.append(source);
                    thDescription.innerText = "Description"


                    tr.append(thRole)
        if (volume >= 0 && volume <= 1) {
                    tr.append(thDescription)
            audio.volume = volume;
                    table.append(tr);
        }


                    for (var i = 0; i < interactions.length; i++)
        div.innerHTML = '';
                    {
        div.appendChild(audio);
                        var interaction = interactions[i]
        div.classList.add('loaded');
 
    })
                        var tr = document.createElement("tr")
}
                        var tdRole = document.createElement("td")
                        var tdValue = document.createElement("td")
 
                        if (interaction.primaryKey !== key)
                        {
                            tdRole.innerText = interaction.primary
                            tdValue.innerText = interaction.value
                        }
                        else
                        {
                            tdRole.innerText = interaction.secondary
                            tdValue.innerText = interaction.value
                        }
 
                        tr.append(tdRole)
                        tr.append(tdValue)
                        table.append(tr)
 
                    }
 
                    e_interactions.append(table)
                });
       
        });
});
*/

Latest revision as of 21:12, 4 April 2023

$("li:contains('Toolbox')").hide();

$("img").contextmenu(function () {
    return false;
});

$(document).ready(function () {
    handleAudioElements();
    replaceRolesWithAbilities();
});

function replaceRolesWithAbilities() 
{
    fetch("https://wiki.bloodontheclocktower.com/roles.json").then(function(resp) 
    { 
        if (resp.ok) 
        {
            resp.json().then(function(roles) 
            {
                document.querySelectorAll("[data-role]").forEach(function(e) 
                {

                    const filtered = roles.filter(function(r) 
                    {
                        return r.name === e.dataset.role
                    });

                    if (filtered.length > 0) 
                    {
                        e.parentElement.title = "";
                        e.dataset.role = filtered[0].ability
                    }
                    else
                    {
                        delete e.dataset.role;
                    }
                });
            })
        }
        else 
        {
            document.querySelectorAll("[data-role]").forEach(function(e) 
            {
                delete e.dataset.role;
            });
        }
    });
}

function handleAudioElements() 
{
    document.querySelectorAll('.html5audio:not(.loaded)').forEach(function (div) {
        var data = div.dataset;
        var file = data.file;
        if (!file) {
            return;
        }
        var format = file.split('.').pop();
        var preload = data.preload;
        var download = data.download;
        var options = data.options;
        var opts = { controls: '' };
        var volume = Number(Number(data.volume).toFixed(1));

        if (format === 'mp3') {
            format = 'mpeg';
        }

        if (format === 'm4a') {
            format = 'mp4';
        }

        if (preload !== 'auto' || preload !== 'metadata') {
            preload = 'none';
        }
        opts.preload = preload;

        if (download === 'false') {
            opts.controlsList = 'nodownload';
        }

        if (options) {
            var valid = ['autoplay', 'loop', 'muted'];
            options.split(',').forEach(function (el) {
                el = el.trim();
                if (valid.indexOf(el) !== -1) {
                    opts[el] = '';
                }
            });
        }

        var audio = document.createElement('audio');

        Object.keys(opts).forEach(function (attr) {
            var value = opts[attr];
            audio.setAttribute(attr, value);
        });

        var source = document.createElement('source');
        source.src = file;
        source.type = 'audio/' + format;

        audio.append(source);

        if (volume >= 0 && volume <= 1) {
            audio.volume = volume;
        }

        div.innerHTML = '';
        div.appendChild(audio);
        div.classList.add('loaded');
    })
}