[FREE] ESX Identity reDesign

frvgs · September 10, 2023, 6:47pm

ESX Identity redesign for 4k displays

Video preview | Website | New discord server

Features

Redesigned identity character creation with a modern look and smooth animations
Added specific media query for 2160p (4K) monitors
Improved input forms with animation and icons
Added a new character creation radio select
Modified fonts to improve legibility on high-resolution displays

Support

Join my new discord server if you need support or custom UI.

Download

Installation

Download the zip archive from this repo.
Extract the contents to your resources folder.
Add ensure esx_identity to your server.cfg.


Code is accessible	Yes
Subscription-based	No
Lines (approximately)	700
Requirements	ESX
Support	Yes

frvgs · September 10, 2023, 7:55pm

Hey thank you,

To change the date format you will have to modify the script.js :

github.com

frvgs/esx_identity/blob/main/html/js/script.js

window.addEventListener("message", (event) => {
   if (event.data.type === "enableui") {
      document.body.classList[event.data.enable ? "remove" : "add"]("none");
   }
});

document.querySelector("#register").addEventListener("submit", (event) => {
   event.preventDefault();

   const dofVal = document.querySelector("#dateofbirth").value;
   if (!dofVal) return;

   const dateCheck = new Date(dofVal);

   const year = new Intl.DateTimeFormat("en", {
      year: "numeric"
   }).format(dateCheck);
   const month = new Intl.DateTimeFormat("en", {
      month: "2-digit"
   }).format(dateCheck);

This file has been truncated. show original

frvgs · September 11, 2023, 7:51pm

But what format you are looking for ? because it’s already in DD/MM/YYYY format actually.

StraydogLP · September 12, 2023, 2:34pm

i have the same “issue”…
i want the date also in dd/mm/yyyy… but no idea how…

and can we get german letters like ä ö ü for the lastname?
bcs in german many people named like “müller” or something

EDIT: i fixed the issue with the german letters…

frvgs · September 12, 2023, 9:36pm

I just checked and the reason the date appears as MM/DD/YYYY on your form is due to your game or system locale settings. If for example you switch to french it will be DD/MM/YYYY

frvgs · September 12, 2023, 9:38pm

I just updated the input pattern to support special character (like ä ö ü ), you can get the update from Github.