Configuration des sites
La tablette vous permet d'intégrer des sites directement sur votre serveur.
Ajouter un site
- Pour ajouter les sites, vous devez modifier le fichier
nui/assets/config.js
- Ajouter une ligne dans le tableau
config.sites
Format de la ligne :
{
name: "Nom affiché sur la tablette",
icon: "img/mon_image.png",
href: "nom_unique",
url: "url vers le site internet"
}
Attention, le href doit être unique et ne peut pas être mis sur un autre site !
Exemple
Avant :
const config = {
sites : [
{ name: 'Xelyos', icon: 'img/xelyos.png', href: 'xelyosapp', url: "https://xelyos.fr" },
{ name: 'Mail RP', icon: 'img/mailrp.png', href: 'mailrpapp', url: "https://mail-rp.com" },
{ name: 'Top Serveur', icon: 'img/top-serveur.png', href: 'topserveurapp', url: "https://top-serveurs.net" },
{ name: 'COP app', icon: 'img/lspd.png', href: 'copapp', url: "https://intranet-lspd.xelyos.fr" },
{ name: 'SECOURS app', icon: 'img/samu.png', href: 'secoursapp', url: "https://intranet-ems.xelyos.fr" },
]
};
Nouveau site :
{
name: "Intranet Xelyos",
icon: "img/intranet.png",
href: "intranetxelyos",
url: "http://intranet-rp.com"
}
Après :
const config = {
sites : [
{ name: 'Xelyos', icon: 'img/xelyos.png', href: 'xelyosapp', url: "https://xelyos.fr" },
{ name: 'Mail RP', icon: 'img/mailrp.png', href: 'mailrpapp', url: "https://mail-rp.com" },
{ name: 'Top Serveur', icon: 'img/top-serveur.png', href: 'topserveurapp', url: "https://top-serveurs.net" },
{ name: 'COP app', icon: 'img/lspd.png', href: 'copapp', url: "https://intranet-lspd.xelyos.fr" },
{ name: 'SECOURS app', icon: 'img/samu.png', href: 'secoursapp', url: "https://intranet-ems.xelyos.fr" },
{ name: "Intranet Xelyos", icon: "img/intranet.png", href: "intranetxelyos", url: "http://intranet-rp.com" },
]
};
- L'image liée à votre site doit se situer dans le répertoire
XelBob-tab/nui/img
Changer la couleur de fond
- Vous pouvez également changer la couleur de fond en ajoutant/modifiant le fichier
XelBob-tab/nui/assets/color.css
.application > #num_unique {
background: #37517e;
background: linear-gradient(to right, #37517e, #142747);
}