Elite-Gaming-FiveM/resources/guidehud/assets/js/app.js

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('.navbar-brand').innerHTML = config.title;
  document.querySelector('#pills-home h1').innerHTML = config.welcomeMessage;
  document.querySelector('#pills-home h2 kbd').innerHTML = config.menuHotkey;

  announcementItem();
  ruleItems();
  hotkeyItems();
});

function loadingScreen() {
  slider();
  cursor();
  community();
}

function slider() {
  var background = document.getElementById('background');

  config.images.forEach(function (image) {
    var img = document.createElement('img');

    img.src = image;
    background.appendChild(img);
  });

  var current = 0;
  var slides = background.childNodes;

  setInterval(function() {
    for (var i = 0; i < slides.length; i++) {
      slides[i].style.opacity = 0;
    }
    current = (current != slides.length - 1) ? current + 1 : 0;
    slides[current].style.opacity = 1;
  }, 5000);
}

function announcementItem() {
  var announcementList = document.querySelector('#pills-home ul');

  announcements.forEach(function (announcement) {
    var li = document.createElement('li');

    li.textContent = announcement;
    announcementList.appendChild(li);
  });
}

function community() {
  if (config.discord.show == true) {
    document.querySelector('.discord p').innerHTML = config.discord.discordLink;
  } else {
    document.querySelector('.discord').style.display = 'none';
  }
}

function ruleItems() {
  var guidelineList = document.querySelector('#v-pills-guidelines');
  var generalconductList = document.querySelector('#v-pills-general-conduct');
  var roleplayingList = document.querySelector('#v-pills-rprules');
  var rdmvdmList = document.querySelector('#v-pills-rdmvdm');
  var metagamingList = document.querySelector('#v-pills-meta-powergaming');
  var newlifeList = document.querySelector('#v-pills-newlife');
  var abuseList = document.querySelector('#v-pills-exploits');
  var staffList = document.querySelector('#v-pills-staff');

  guidelines.forEach(function (item) {
    var p = document.createElement('p');

    p.textContent = item;
    guidelineList.appendChild(p);
  });

  if (config.rules.generalconduct == true) {
    generalconduct.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      generalconductList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-general-conduct-tab').style.display = 'none';
  }

  if (config.rules.roleplaying == true) {
    roleplaying.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      roleplayingList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-rprules-tab').style.display = 'none';
  }

  if (config.rules.rdmvdm == true) {
    rdmvdm.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      rdmvdmList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-rdmvdm-tab').style.display = 'none';
  }

  if (config.rules.metagaming == true) {
    metagaming.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      metagamingList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-meta-powergaming-tab').style.display = 'none';
  }

  if (config.rules.newlife == true) {
    newlife.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      newlifeList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-newlife-tab').style.display = 'none';
  }

  if (config.rules.abuse == true) {
    abuse.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      abuseList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-exploits-tab').style.display = 'none';
  }

  if (config.rules.abuse == true) {
    staff.forEach(function (item) {
      var p = document.createElement('p');

      p.textContent = item;
      staffList.appendChild(p);
    });
  } else {
    document.getElementById('v-pills-staff-tab').style.display = 'none';
  }
}

function hotkeyItems() {
  var generalhotkeyList = document.querySelector('#v-pills-general');
  var rphotkeyList = document.querySelector('#v-pills-rp');
  var vehiclehotkeyList = document.querySelector('#v-pills-vehicles');
  var jobshotkeyList = document.querySelector('#v-pills-jobs');

  generalhotkeys.forEach(function (item) {
    var p = document.createElement('p');

    p.innerHTML = item;
    generalhotkeyList.appendChild(p);
  });

  rphotkeys.forEach(function (item) {
    var p = document.createElement('p');

    p.innerHTML = item;
    rphotkeyList.appendChild(p);
  });

  vehiclehotkeys.forEach(function (item) {
    var p = document.createElement('p');

    p.innerHTML = item;
    vehiclehotkeyList.appendChild(p);
  });

  jobshotkey.forEach(function (item) {
    var p = document.createElement('p');

    p.innerHTML = item;
    jobshotkeyList.appendChild(p);
  });
}

function cursor() {
  document.body.addEventListener("mousemove", function (event) {
    var x = event.pageX - 6 + "px"
    var y = event.pageY + "px"
    document.getElementById("cursor").style.left = x;
    document.getElementById("cursor").style.top = y;
  })
};