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
nui/img
Changer la couleur de fond
- Vous pouvez également changer la couleur de fond en ajoutant/modifiant le fichier
nui/assets/color.css
.application > #num_unique {
background: #37517e;
background: linear-gradient(to right, #37517e, #142747);
}
Limiter l'accès à un site pour un job
Pour limiterrestreindre l'accès à un site pour un job, vous devez modifier le fichier nui/assets/config.js
.
Format de la restriction :
{
job_name: "nom_du_job",
sites: [
{ name: 'COP app', icon: 'img/lspd.png', href: 'copapp', url: "https://intranet-lspd.xelyos.fr" }
]
}
Attention, la ligne présente dans le tableau sites doit être identique à celle présente dans la variable config.sites
!
Exemple
Variable avec tous les sites :
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" },
]
};
Variable avec la restriction :
const jobSites = [
{
job_name: "police",
sites: [
{ name: 'COP app', icon: 'img/lspd.png', href: 'copapp', url: "https://intranet-lspd.xelyos.fr" },
{ name: "Intranet Xelyos", icon: "img/intranet.png", href: "intranetxelyos", url: "http://intranet-rp.com" },
]
},
{
job_name: "ambulance",
sites: [
{ 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" },
]
}
];