starred/esx_core
1
0
Fork 0
mirror of https://github.com/esx-framework/esx_core.git synced 2026-09-01 02:38:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Autofocus on input, enter acts like enter, cleanup

Browse Source
This commit is contained in:
ElPumpo
2018-06-09 13:12:58 +02:00
parent 3a7ce7039c
commit b3bccf4a50
12 changed files with 119 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/css/app.css
-6
View File
@@ -8,12 +8,6 @@
src: url('../fonts/pdown.ttf');
}
#cursor {
position: absolute;
z-index: 999999999;
display: none;
}
#controls {
font-family : pcdown;
font-size : 3em;
html/img/accounts/bank.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1015 B

html/img/accounts/black_money.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

html/img/cursor.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 431 B

html/img/keys/enter.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 941 B

html/img/keys/return.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 376 B

html/js/app.js
+18 -17
View File
@@ -3,7 +3,7 @@
let MenuTpl =
'<div id="menu_{{_namespace}}_{{_name}}" class="dialog {{#isBig}}big{{/isBig}}">' +
'<div class="head"><span>{{title}}</span></div>' +
'{{#isDefault}}<input type="text" name="value"/>{{/isDefault}}' +
'{{#isDefault}}<input type="text" name="value" id="inputText"/>{{/isDefault}}' +
'{{#isBig}}<textarea name="value"/>{{/isBig}}' +
'<button type="button" name="submit">Envoyer</button>' +
'<button type="button" name="cancel">Annuler</button>'
@@ -17,7 +17,7 @@
ESX_MENU.focus = [];
ESX_MENU.pos = {};
ESX_MENU.open = function(namespace, name, data){
ESX_MENU.open = function(namespace, name, data) {
if(typeof ESX_MENU.opened[namespace] == 'undefined')
ESX_MENU.opened[namespace] = {};
@@ -45,18 +45,19 @@
namespace: namespace,
name : name
});
document.onkeyup = function (key) {
if (key.which == 27) { // Escape key
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
}
};
document.onkeyup = function (key) {
if (key.which == 27) { // Escape key
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
} else if (key.which == 13) { // Enter key
$.post('http://' + ESX_MENU.ResourceName + '/menu_submit', JSON.stringify(data));
}
};
ESX_MENU.render();
}
ESX_MENU.close = function(namespace, name){
ESX_MENU.close = function(namespace, name) {
delete ESX_MENU.opened[namespace][name];
@@ -70,7 +71,7 @@
ESX_MENU.render();
}
ESX_MENU.render = function(){
ESX_MENU.render = function() {
let menuContainer = $('#menus')[0];
@@ -101,7 +102,6 @@
}
default : break;
}
let menu = $(Mustache.render(MenuTpl, view))[0];
@@ -129,21 +129,22 @@
}
$(menuContainer).show();
$("#inputText").focus();
}
ESX_MENU.submit = function(namespace, name, data){
ESX_MENU.submit = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_submit', JSON.stringify(data));
}
ESX_MENU.cancel = function(namespace, name, data){
ESX_MENU.cancel = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
}
ESX_MENU.change = function(namespace, name, data){
ESX_MENU.change = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_change', JSON.stringify(data));
}
ESX_MENU.getFocused = function(){
ESX_MENU.getFocused = function() {
return ESX_MENU.focus[ESX_MENU.focus.length - 1];
}
html/js/app_en.js
+18 -17
View File
@@ -3,7 +3,7 @@
let MenuTpl =
'<div id="menu_{{_namespace}}_{{_name}}" class="dialog {{#isBig}}big{{/isBig}}">' +
'<div class="head"><span>{{title}}</span></div>' +
'{{#isDefault}}<input type="text" name="value"/>{{/isDefault}}' +
'{{#isDefault}}<input type="text" name="value" id="inputText"/>{{/isDefault}}' +
'{{#isBig}}<textarea name="value"/>{{/isBig}}' +
'<button type="button" name="submit">Submit</button>' +
'<button type="button" name="cancel">Cancel</button>'
@@ -17,7 +17,7 @@
ESX_MENU.focus = [];
ESX_MENU.pos = {};
ESX_MENU.open = function(namespace, name, data){
ESX_MENU.open = function(namespace, name, data) {
if(typeof ESX_MENU.opened[namespace] == 'undefined')
ESX_MENU.opened[namespace] = {};
@@ -45,18 +45,19 @@
namespace: namespace,
name : name
});
document.onkeyup = function (key) {
if (key.which == 27) { // Escape key
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
}
};
document.onkeyup = function (key) {
if (key.which == 27) { // Escape key
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
} else if (key.which == 13) { // Enter key
$.post('http://' + ESX_MENU.ResourceName + '/menu_submit', JSON.stringify(data));
}
};
ESX_MENU.render();
}
ESX_MENU.close = function(namespace, name){
ESX_MENU.close = function(namespace, name) {
delete ESX_MENU.opened[namespace][name];
@@ -70,7 +71,7 @@
ESX_MENU.render();
}
ESX_MENU.render = function(){
ESX_MENU.render = function() {
let menuContainer = $('#menus')[0];
@@ -101,7 +102,6 @@
}
default : break;
}
let menu = $(Mustache.render(MenuTpl, view))[0];
@@ -129,21 +129,22 @@
}
$(menuContainer).show();
$("#inputText").focus();
}
ESX_MENU.submit = function(namespace, name, data){
ESX_MENU.submit = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_submit', JSON.stringify(data));
}
ESX_MENU.cancel = function(namespace, name, data){
ESX_MENU.cancel = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
}
ESX_MENU.change = function(namespace, name, data){
ESX_MENU.change = function(namespace, name, data) {
$.post('http://' + ESX_MENU.ResourceName + '/menu_change', JSON.stringify(data));
}
ESX_MENU.getFocused = function(){
ESX_MENU.getFocused = function() {
return ESX_MENU.focus[ESX_MENU.focus.length - 1];
}
html/ui.html
-3
View File
@@ -3,13 +3,10 @@
<link rel="stylesheet" href="css/app.css" />
</head>
<body>
<div id="menus"></div>
<!-- <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 src="js/mustache.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>