[Release] Emilia Voice & Status [ESX]

Hey! How can I remove the diving icon?

I originally had the flashing diving icon consistantly.
Changing diving = 2.5 * GetPlayerUnderwaterTimeRemaining(PlayerId()) to
diving = 10.0 * GetPlayerUnderwaterTimeRemaining(PlayerId()) in esx_status/client/main.lua.

Fixed it for me.

Hello Guys,Can You Help Me?How To Change The Position Of The Status Hud?

Hello can somebody help me whit tat zakajjj

is it the same with you?zakajjj

how to make an invisible hud at the beginning of the player in the case until the spawn
sorry my english

no,my problem is i want to change the status hud location

1 Like

Duplicate column name ‘status’ wrong

Could you fix it?

[image]

I didn’t have hunger and thrist. Im followed the install guide, reinstalled 4 times, but didn’t working for me.
Also my console at F8 spamming this: script:esx_status:nui Uncaught TypeError: Cannot read property ‘visible’.

Resolved! I think some other scripts generated that error…

Sin título
Help how to disable the food and water bar?

This does it

Omg this is amazing!
Wish it was for vRP too :frowning:

Thank you for making this!


ı need to put them on this side anyone can help me?

Replace CSS In esx_status, To Get Them Under The Map

html {
	height: 100%;
	width:100%;
}

body {
	overflow: hidden;
	min-height: 100%;
	width: 100%;
}

#status_list {
	position: absolute;
	left: 120px;
	#right: 0px;
	bottom: -11.50px;
	transform: rotateZ(270deg);
	/*opacity: 0.9;*/
}

.status {
	margin-top: 0.3em;
	background-color: rgb(0, 0, 0, 0.5);
	border-radius: 7px;
	overflow: hidden;
}

.status_inner {
	width: 2.5em;
}

.status_val {
	height: 2.5em;
}

.hunger i {
    position: absolute;
    left: 9px;
	top: 17.50px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

.thirst i {
    position: absolute;
    left: 11px;
	top: 62.30px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#heal {
    position: absolute;
		left: 010px;
    #right: 155px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#heal i {
    position: absolute;
    left: 8.30px;
	top: 12px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#heal_inner {
	width: 2.5em;
    height: 2.5em;
}

#armor {
    position: absolute;
		left: 055px;
    #right: 200px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#armor i {
    position: absolute;
    left: 8.50px;
	top: 12.50px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#armor_inner {
	width: 2.5em;
    height: 2.5em;
}

#stamina {
    position: absolute;
		left: 235px;
    #right: 200px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#stamina i {
    position: absolute;
    left: 12.50px;
	top: 12.50px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#stamina_inner {
	width: 2.5em;
    height: 2.5em;
}

#stamina2 {
    position: absolute;
		left: 235px;
    #right: 245px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#stamina2 i {
    position: absolute;
    left: 12.50px;
	top: 12.50px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#stamina_inner2 {
	width: 2.5em;
    height: 2.5em;
}

#diving {
    position: absolute;
        left: 280px;
    #right: 200px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#diving i {
    position: absolute;
    left: 5px;
	top: 12.25px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#diving_inner {
	width: 2.5em;
    height: 2.5em;
}

#diving2 {
    position: absolute;
        left: 280px;
    #right: 245px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#diving2 i {
    position: absolute;
    left: 5px;
	top: 12.25px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#diving_inner2 {
	width: 2.5em;
    height: 2.5em;
}

#diving3 {
    position: absolute;
        left: 280px;
    #right: 290px;
    bottom: 13px;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    float: center;
    background-color: rgb(0, 0, 0, 0.5);
	transform: rotateZ(270deg);
	border-radius: 7px;
	overflow: hidden;
}

#diving3 i {
    position: absolute;
    left: 5px;
	top: 12.25px;
	color: white;
    transform: rotate(90deg);
	z-index: 1;
}

#diving_inner3 {
	width: 2.5em;
    height: 2.5em;
}

#boxHeal, #boxArmor, #boxStamina, #boxStamina2, #boxDiving, #boxDiving2, #boxDiving3 {
    width: 100%;
    height: 100%;
    transition: 0.2s ease-in-out;
}

#boxHeal {
    background: #f4003e;
}

#boxArmor {
    background: #006bff;
}

#boxStamina {
    background: #ff9000;
}

#boxStamina2 {
    background: #ff9000;
}

#boxDiving	{
    background: #00cc99;
}

#boxDiving2	{
    background: #00cc99;
}

#boxDiving3	{
    background: #00cc99;
}

@keyframes blinker {
  50% { opacity: 0; }
}

@keyframes blinker-stop {
  50% { opacity: 1; }
}

Replace ui.html In esx_voice To Get The Voice Icon Under Map Too

<html>
	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
		<script src="https://kit.fontawesome.com/348e1bce98.js" crossorigin="anonymous"></script>
		<style>
			#voice {
				position:absolute;
				left: 190px;
				#right: 20px;
				bottom: 13px;
				width: 2.5em;
				height: 2.5em;
				background-color: rgb(0, 0, 0, 0.5);
				transform: rotateZ(270deg);
				border-radius: 7px;
				overflow: hidden;
			}
			#box {
				width: 50%;
				height: 100%;
			}
			#box i {
				position: absolute;
				left: 12px;
				top: 12px;
				color: white;
				transform: rotate(90deg);
				z-index: 1;
			}
			html {
				height: 100%;
				width:100%;
			}

			body {
				overflow: hidden;
				min-height: 100%;
				width: 100%;
			}
		</style>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<script src="nui://game/ui/jquery.js" type="text/javascript"></script>
		<script>

				$(function() {
					var $level = $("#voice");
					var $box = $("#box");

					window.addEventListener('message', function(event){

						$('.container').css('display', event.data.show? 'none':'block');

					 	$box.css("width", event.data.level + "%");

					 	if (event.data.talking == true)
					 	{
					 		$box.css("background", "#750080")
					 	}
					 	else if (event.data.talking == false)
					 	{
					 		$box.css("background", "#8e8e8e")
					 	}

					});
				});

		</script>
	</head>
	<body>
		<div class="container">
			<div id="voice">
				<div id="box">
					<i class="fas fa-microphone fa-lg"></i>
				</div>
			</div>
		</div>
	</body>
</html>

Anyone Free To Use…

5 Likes

Oh thank you!

thanks and also anyone know how can ı calibrate esx_voice for tokovoip