starred/esx_core-esx-framework
1
0
Fork 0
mirror of https://github.com/esx-framework/esx_core.git synced 2026-09-04 08:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Henric Backman
2020-04-24 20:30:26 +02:00
parent 01a7259288
commit 5de27e34aa
5 changed files with 129 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
esx_kashacters/html/css/main.css
+1 -2
View File
@@ -48,7 +48,7 @@ p {
.btn-play {
background: #43A047;
color: #FFFFFF;
float:left;
margin-right: 10px;
}
@@ -59,7 +59,6 @@ p {
.btn-delete {
background: #930b0b;
color: #FFFFFF;
float:left;
}
.btn-delete:hover {
esx_kashacters/html/js/app.js
+5 -5
View File
@@ -24,7 +24,7 @@ $(".character-box").click(function () {
});
$("#play-char").click(function () {
$.post("http://esx_kashacter/CharacterChosen", JSON.stringify({
$.post("http://esx_kashacters/CharacterChosen", JSON.stringify({
charid: $('.active-char').attr("data-charid"),
ischar: $('.active-char').attr("data-ischar"),
}));
@@ -32,7 +32,7 @@ $("#play-char").click(function () {
});
$("#deletechar").click(function () {
$.post("http://esx_kashacter/DeleteCharacter", JSON.stringify({
$.post("http://esx_kashacters/DeleteCharacter", JSON.stringify({
charid: $('.active-char').attr("data-charid"),
}));
Kashacter.CloseUI();
@@ -47,7 +47,7 @@ $("#deletechar").click(function () {
$.each(data.characters, function (index, char) {
if (char.charid !== 0) {
var charid = char.identifier.charAt(4);
$('[data-charid=' + charid + ']').html('<h3 class="character-fullname">'+ char.firstname +' '+ char.lastname +'</h3><div class="character-info"><p class="character-info-work"><strong>' + `${translate.job}: ` + '</strong><span>'+ char.job +' '+ char.job_grade +'</span></p><p class="character-info-money"><strong>' + `${translate.money}: ` + '</strong><span>'+ char.money +'</span></p><p class="character-info-bank"><strong>' + `${translate.bank}: ` + '</strong><span>'+ char.bank +'</span></p> <p class="character-info-dateofbirth"><strong>' + `${translate.dob}: ` + '</strong><span>'+ char.dateofbirth +'</span></p> <p class="character-info-gender"><strong>' + `${translate.gender}: ` + '</strong><span>'+ char.sex +'</span></p></div>').attr("data-ischar", "true");
$('[data-charid=' + charid + ']').html('<h3 class="character-fullname">'+ char.firstname +' '+ char.lastname +'</h3><div class="character-info"><p class="character-info-work"><strong>Work: </strong><span>'+ char.job +' '+ char.job_grade +'</span></p><p class="character-info-money"><strong>Cash: </strong><span>'+ char.money +'</span></p><p class="character-info-bank"><strong>Bank: </strong><span>'+ char.bank +'</span></p> <p class="character-info-dateofbirth"><strong>Date of birth: </strong><span>'+ char.dateofbirth +'</span></p> <p class="character-info-gender"><strong>Gender: </strong><span>'+ char.sex +'</span></p></div>').attr("data-ischar", "true");
}
});
}
@@ -57,7 +57,7 @@ $("#deletechar").click(function () {
$('.main-container').css({"display":"none"});
$(".character-box").removeClass('active-char');
$("#delete").css({"display":"none"});
$(".character-box").html('<h3 class="character-fullname"><i class="fas fa-plus"></i></h3><div class="character-info"><p class="character-info-new">' + `${translate.new}` + '</p></div>').attr("data-ischar", "false");
$(".character-box").html('<h3 class="character-fullname"><i class="fas fa-plus"></i></h3><div class="character-info"><p class="character-info-new">Create new character</p></div>').attr("data-ischar", "false");
};
window.onload = function(e) {
window.addEventListener('message', function(event) {
@@ -69,4 +69,4 @@ $("#deletechar").click(function () {
})
}
})();
})();
esx_kashacters/html/ui.html
+28 -23
View File
@@ -7,44 +7,58 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="locales/en.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body style="background-color: rgba(0,0,0,0); font-family: 'Roboto', sans-serif !important;">
<div class="main-container">
<div class="main-container">
<div>
<div class="character-container">
<div class="character-box" data-ischar="false" data-charid="1">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new"></p>
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="2">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="3">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="4">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="5">
<h3 class="character-fullname">Empty Slot</i></h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="6">
<h3 class="character-fullname">Empty Slot</i></h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
</div>
<div class="character-buttons">
</div>
<br>
<center>
<div class="character-buttons" >
<button class="btn btn-play" id="play-char">PLAY</button>
<button class="btn btn-delete" id="delete" data-toggle="modal" data-target="#delete-char">DELETE</button>
</div>
</div>
</center>
<div id="delete-char" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
@@ -52,9 +66,9 @@
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<h5 class="modalTitle">Are You Sure?</h5>
<h5>Are You Sure?</h5>
<hr>
<p class="modalText">By deleting your account we won't be able to recover it, all properties, cars etc. will be deleted</p>
<p>By deleting your account we won't be able to recover it, all properties, cars etc. will be deleted</p>
<hr>
<div class="modal-footer">
<button id="deletechar" class="btn btn-delete" data-toggle="modal" data-dismiss="modal">DELETE</button>
@@ -67,15 +81,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="js/app.js" type="text/javascript"></script>
</div>
</body>
</html>
<script>
$(document).ready(() => {
$(".character-info-new").html(translate.new)
$(".btn-play").html(translate.play);
$(".btn-delete").html(translate.delete);
$(".modalTitle").html(translate.modalTitle);
$(".modalText").html(translate.modalText);
});
</script>
</html>