lucaspalomodevelop/core
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/core.git synced 2026-03-18 10:35:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

add frontend support for multi select boxes

Browse Source
This commit is contained in:
Ad Schellevis 2015-03-10 17:24:59 +01:00
parent 0a92399b32
commit 3e3548d14d
2 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/opnsense/mvc/app/views/layout_partials/form_input_tr.volt
View File

@ -10,6 +10,8 @@
<input type="text" class="form-control" size="{{size|default("50")}}" id="{{ id }}" >
{% elseif type == "checkbox" %}
<input type="checkbox" id="{{ id }}" >
{% elseif type == "select_multiple" %}
<select multiple="multiple" size="{{size|default(2)}}" id="{{ id }}"></select>
{% endif %}
{% if help|default(false) %}

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

@ -7,7 +7,7 @@
function getFormData(parent) {
data = {};
$( "#"+parent+" input" ).each(function( index ) {
$( "#"+parent+" input,select" ).each(function( index ) {
node = data ;
keyparts = $(this).attr('id').split('.');
for (var i in keyparts) {
@ -17,13 +17,25 @@ function getFormData(parent) {
if (i < keyparts.length - 1 ) {
node = node[keyparts[i]];
} else {
if ($(this).prop("type") == "checkbox") {
if ($(this).is("select")) {
// selectbox, collect selected items
var tmp_str = "";
$(this).children().each(function(index){
if ($(this).prop("selected")){
if (tmp_str != "") tmp_str = tmp_str + ",";
tmp_str = tmp_str + $(this).val();
}
node[keyparts[i]] = tmp_str;
});
} else if ($(this).prop("type") == "checkbox") {
// checkbox input type
if ($(this).prop("checked")) {
node[keyparts[i]] = 1 ;
} else {
node[keyparts[i]] = 0 ;
}
} else {
// regular input type
node[keyparts[i]] = $(this).val();
}
}
@ -46,7 +58,9 @@ function getFormData(parent) {
* @param data named array structure
*/
function setFormData(parent,data) {
$( "#"+parent+" input" ).each(function( index ) {
//alert( JSON.stringify(data['general']['interfaces']) );
$( "#"+parent+" input,select" ).each(function( index ) {
node = data ;
keyparts = $(this).attr('id').split('.');
for (var i in keyparts) {
@ -56,14 +70,26 @@ function setFormData(parent,data) {
if (i < keyparts.length - 1 ) {
node = node[keyparts[i]];
} else {
if ($(this).prop("type") == "checkbox") {
// data node found, handle per type
if ($(this).is("select")) {
// handle select boxes
$(this).empty(); // flush
for (var key in node[keyparts[i]]) {
if (node[keyparts[i]][key]["selected"] != "0") {
$(this).append("<option value='"+key+"' selected>" + node[keyparts[i]][key]["value"] + " </option>");
} else {
$(this).append("<option value='"+key+"'>" + node[keyparts[i]][key]["value"] + " </option>");
}
}
} else if ($(this).prop("type") == "checkbox") {
// checkbox type
if (node[keyparts[i]] != 0) {
$(this).prop("checked",true) ;
} else {
$(this).prop("checked",false) ;
}
} else {
// regular input type
$(this).val(node[keyparts[i]]);
}
}