lucaspalomodevelop/core
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/core.git synced 2026-03-16 01:24:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

implement jQuery form handling functions into base template

Browse Source
This commit is contained in:
Ad Schellevis 2015-03-04 18:26:05 +01:00
parent 531e9be888
commit a7644ef6db
2 changed files with 82 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/opnsense/mvc/app/views/layouts/default.volt
View File

@ -30,8 +30,10 @@
xhr.setRequestHeader("X-CSRFTokenKey", "{{ csrf_tokenKey }}" );
}
});
</script>
<!-- OPNsense standard toolkit -->
<script type="text/javascript" src="/ui/js/opnsense.js"></script>
</head>
<body>
<header class="page-head">

81
src/opnsense/www/js/opnsense.js
View File

@ -18,7 +18,11 @@ function getFormData(parent) {
node = node[keyparts[i]];
} else {
if ($(this).prop("type") == "checkbox") {
node[keyparts[i]] = $(this).prop("checked");
if ($(this).prop("checked")) {
node[keyparts[i]] = 1 ;
} else {
node[keyparts[i]] = 0 ;
}
} else {
node[keyparts[i]] = $(this).val();
}
@ -53,7 +57,12 @@ function setFormData(parent,data) {
node = node[keyparts[i]];
} else {
if ($(this).prop("type") == "checkbox") {
$(this).prop("checked",node[keyparts[i]]) ;
if (node[keyparts[i]] != 0) {
$(this).prop("checked",true) ;
} else {
$(this).prop("checked",false) ;
}
} else {
$(this).val(node[keyparts[i]]);
}
@ -61,3 +70,71 @@ function setFormData(parent,data) {
}
});
}
/**
* handle form validations
* @param parent
* @param validationErrors
*/
function handleFormValidation(parent,validationErrors) {
$( "#"+parent+" input" ).each(function( index ) {
if (validationErrors != undefined && $(this).attr('id') in validationErrors) {
$(this).parent().addClass("has-error");
$("span[for='" + $(this).attr('id') + "']").text(validationErrors[$(this).attr('id')]);
} else {
$(this).parent().removeClass("has-error");
$("span[for='" + $(this).attr('id') + "']").text("");
}
});
}
/**
* call remote function (post request), wrapper around standard jQuery lib.
* @param url endpoint url
* @param sendData input structure
* @param callback callback function
*/
function ajaxCall(url,sendData,callback) {
$.ajax({
type: "POST",
url: url,
dataType:"json",
complete: function(data,status) {
if ( callback == null ) {
null;
} else if ( "responseJSON" in data ) {
callback(data['responseJSON'],status);
} else {
callback({},status);
}
},
data:sendData
});
}
/**
* retrieve json type data (GET request) from remote url
* @param url endpoint url
* @param sendData input structure
* @param callback callback function
*/
function ajaxGet(url,sendData,callback) {
$.ajax({
type: "GET",
url: url,
dataType:"json",
complete: function(data,status) {
if ( callback == null ) {
null;
} else if ( "responseJSON" in data ) {
callback(data['responseJSON'],status);
} else {
callback({},status);
}
},
data:sendData
});
}