[Release] Emilia Voice & Status [ESX]

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

Error loading script server/main.lua in resource esx_basicneeds: @esx_basicneeds/server/main.lua:23: attempt to call a nil value (field ‘RegisterCommand’)
stack traceback:
@esx_basicneeds/server/main.lua:23: in main chunk

Hello, anybody have the icons position on the center???

Hey, do you have the icons position on the center???

Which script caused that error? I am having the same issue and i am not sure what it is causing
It is kinda annoying when it is spamming that.

how to enable stamina meter

how to put it on the side like you did?

I have a problem…
I can not see thirst and hungry.
help?

If you are just missing the hunger and thirst then you probably don’t have esx_basicneeds installed. I’ve been watching this video to get a overview of the recourse and how to set it up. Hope this helps!