Documentation - Score OX Inventory

Installation

Suivez ces etapes pour installer l'interface personnalisee sur votre serveur :

Remplacez votre dossier ox_inventory actuel par celui-ci
Assurez-vous d'avoir les dependances requises (voir section suivante)
Redemarrez votre serveur

Important

OneSync doit etre active sur votre serveur pour que ox_inventory fonctionne correctement.

Dependances requises

Les ressources suivantes doivent etre installees sur votre serveur :

oxmysql

Driver MySQL pour FiveM

ox_lib

Librairie utilitaire

ESX Framework

Framework principal

OneSync

Synchronisation serveur

Changer la langue

Les fichiers de langue se trouvent dans le dossier locales/ :

fr.json - Francais
en.json - Anglais

Pour changer la langue par defaut, modifiez dans data/config.lua :

locale = 'fr' -- ou 'en'

Personnaliser le logo

Le logo se trouve dans web/build/index.html a la ligne 19 :

<img src="https://r2.fivemanage.com/..." alt="Logo" class="logo">

Option 1 - URL externe

Remplacez l'URL par le lien de votre logo :

<img src="https://votre-url.com/votre-logo.png" alt="Logo" class="logo">

Option 2 - Fichier local

Placez votre logo dans web/images/ et modifiez :

<img src="../images/votre-logo.png" alt="Logo" class="logo">

Taille recommandee

40x40 pixels en format PNG transparent pour un rendu optimal.

Personnaliser le nom du serveur

Dans web/build/index.html, modifiez la ligne 6 :

<title>Votre Serveur Inventory</title>

Et la ligne 21 pour le titre affiche :

<h1>Inventaire</h1>

Ajouter des images d'items

Placez vos images d'items dans le dossier :

web/images/

Format requis : PNG
Nom du fichier : Doit correspondre au nom de l'item

Exemple

Pour l'item bread, nommez votre image bread.png

Personnaliser les couleurs

Les couleurs principales sont definies dans web/build/style.css au debut du fichier :

:root {
    --primary-red: #b70b12;      /* Couleur principale */
    --dark-red: #8a0a0e;         /* Couleur foncee */
    --light-red: #d40d15;        /* Couleur claire */
    --bg-dark: rgba(10, 10, 10, 0.85);
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
}

Modifiez ces valeurs pour adapter l'interface a votre charte graphique.

Structure des fichiers

ox_inventory/

web/

build/

index.html # Structure HTML (logo, textes)

style.css # Styles CSS (couleurs, design)

script.js # Logique JavaScript (protege)

images/ # Images des items

locales/

fr.json # Traductions francais

en.json # Traductions anglais

data/

config.lua # Configuration principale

fxmanifest.lua

Support

Pour toute question ou probleme, contactez notre equipe sur Discord :

Rejoindre le Discord