You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
7.4 KiB
JavaScript
237 lines
7.4 KiB
JavaScript
/*global $,FC*/
|
|
'use strict';
|
|
|
|
let LogicCondition = function (enabled, operation, operandAType, operandAValue, operandBType, operandBValue, flags) {
|
|
let self = {};
|
|
let $row;
|
|
|
|
self.getEnabled = function () {
|
|
return !!enabled;
|
|
};
|
|
|
|
self.setEnabled = function (data) {
|
|
enabled = !!data;
|
|
};
|
|
|
|
self.getOperation = function () {
|
|
return operation;
|
|
};
|
|
|
|
self.setOperation = function (data) {
|
|
operation = data;
|
|
};
|
|
|
|
self.getOperandAType = function () {
|
|
return operandAType;
|
|
};
|
|
|
|
self.setOperandAType = function (data) {
|
|
operandAType = data;
|
|
};
|
|
|
|
self.getOperandAValue = function () {
|
|
return operandAValue;
|
|
};
|
|
|
|
self.setOperandAValue = function (data) {
|
|
operandAValue = data;
|
|
};
|
|
|
|
self.getOperandBType = function () {
|
|
return operandBType;
|
|
};
|
|
|
|
self.setOperandBType = function (data) {
|
|
operandBType = data;
|
|
};
|
|
|
|
self.getOperandBValue = function () {
|
|
return operandBValue;
|
|
};
|
|
|
|
self.setOperandBValue = function (data) {
|
|
operandBValue = data;
|
|
};
|
|
|
|
self.getFlags = function () {
|
|
return flags;
|
|
};
|
|
|
|
self.setFlags = function (data) {
|
|
flags = data;
|
|
};
|
|
|
|
self.onEnabledChange = function (event) {
|
|
let $cT = $(event.currentTarget);
|
|
self.setEnabled(!!$cT.prop('checked'));
|
|
};
|
|
|
|
self.getOperatorMetadata = function () {
|
|
return FC.getLogicOperators()[self.getOperation()];
|
|
};
|
|
|
|
self.hasOperand = function (val) {
|
|
return self.getOperatorMetadata().hasOperand[val];
|
|
};
|
|
|
|
self.onOperatorChange = function (event) {
|
|
let $cT = $(event.currentTarget);
|
|
|
|
self.setOperation($cT.val());
|
|
self.setOperandAType(0);
|
|
self.setOperandBType(0);
|
|
self.setOperandAValue(0);
|
|
self.setOperandBValue(0);
|
|
self.renderOperand(0);
|
|
self.renderOperand(1);
|
|
};
|
|
|
|
self.onOperatorTypeChange = function (event) {
|
|
let $cT = $(event.currentTarget),
|
|
operand = $cT.data("operand"),
|
|
$container = $cT.parent(),
|
|
operandMetadata = FC.getOperandTypes()[$cT.val()];
|
|
|
|
if (operand == 0) {
|
|
self.setOperandAType($cT.val());
|
|
self.setOperandAValue(operandMetadata.default);
|
|
} else {
|
|
self.setOperandBType($cT.val());
|
|
self.setOperandBValue(operandMetadata.default);
|
|
}
|
|
|
|
self.renderOperandValue($container, operandMetadata, operand, operandMetadata.default);
|
|
};
|
|
|
|
self.onOperatorValueChange = function (event) {
|
|
let $cT = $(event.currentTarget),
|
|
operand = $cT.data("operand");
|
|
|
|
if (operand == 0) {
|
|
self.setOperandAValue($cT.val());
|
|
} else {
|
|
self.setOperandBValue($cT.val());
|
|
}
|
|
};
|
|
|
|
self.renderOperandValue = function ($container, operandMetadata, operand, value) {
|
|
|
|
$container.find('.logic_element__operand--value').remove();
|
|
|
|
switch (operandMetadata.type) {
|
|
case "value":
|
|
$container.append('<input type="number" class="logic_element__operand--value" data-operand="' + operand + '" step="' + operandMetadata.step + '" min="' + operandMetadata.min + '" max="' + operandMetadata.max + '" value="' + value + '" />');
|
|
break;
|
|
case "range":
|
|
case "dictionary":
|
|
$container.append('<select class="logic_element__operand--value" data-operand="' + operand + '"></select>');
|
|
let $t = $container.find('.logic_element__operand--value');
|
|
|
|
if (operandMetadata.type == "range") {
|
|
for (let i = operandMetadata.range[0]; i <= operandMetadata.range[1]; i++) {
|
|
$t.append('<option value="' + i + '">' + i + '</option>');
|
|
}
|
|
} else if (operandMetadata.type == "dictionary") {
|
|
for (let k in operandMetadata.values) {
|
|
if (operandMetadata.values.hasOwnProperty(k)) {
|
|
$t.append('<option value="' + k + '">' + operandMetadata.values[k] + '</option>');
|
|
}
|
|
}
|
|
}
|
|
|
|
$t.val(value);
|
|
break;
|
|
}
|
|
|
|
$container.find('.logic_element__operand--value').change(self.onOperatorValueChange);
|
|
|
|
};
|
|
|
|
self.renderOperand = function (operand) {
|
|
let type, value, $container;
|
|
if (operand == 0) {
|
|
type = operandAType;
|
|
value = operandAValue;
|
|
$container = $row.find('.logic_cell__operandA');
|
|
} else {
|
|
type = operandBType;
|
|
value = operandBValue;
|
|
$container = $row.find('.logic_cell__operandB');
|
|
}
|
|
|
|
$container.html('');
|
|
if (self.hasOperand(operand)) {
|
|
|
|
$container.append('<select class="logic_element__operand--type" data-operand="' + operand + '"></select>');
|
|
let $t = $container.find('.logic_element__operand--type');
|
|
|
|
for (let k in FC.getOperandTypes()) {
|
|
if (FC.getOperandTypes().hasOwnProperty(k)) {
|
|
let op = FC.getOperandTypes()[k];
|
|
|
|
if (type == k) {
|
|
$t.append('<option value="' + k + '" selected>' + op.name + '</option>');
|
|
|
|
/*
|
|
* Render value element depending on type
|
|
*/
|
|
self.renderOperandValue($container, op, operand, value);
|
|
|
|
} else {
|
|
$t.append('<option value="' + k + '">' + op.name + '</option>');
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Bind events
|
|
*/
|
|
$t.change(self.onOperatorTypeChange);
|
|
|
|
}
|
|
}
|
|
|
|
self.render = function (index, $container) {
|
|
|
|
$container.find('tbody').append('<tr>\
|
|
<td class="logic_cell__index"></td>\
|
|
<td class="logic_cell__enabled"></td>\
|
|
<td class="logic_cell__operation"></td>\
|
|
<td class="logic_cell__operandA"></td>\
|
|
<td class="logic_cell__operandB"></td>\
|
|
<td class="logic_cell__flags"></td>\
|
|
</tr>\
|
|
');
|
|
|
|
$row = $container.find('tr:last');
|
|
|
|
$row.find('.logic_cell__index').html(index);
|
|
$row.find('.logic_cell__enabled').html("<input type='checkbox' class='toggle logic_element__enabled' />");
|
|
$row.find('.logic_element__enabled').
|
|
prop('checked', self.getEnabled()).
|
|
change(self.onEnabledChange);
|
|
|
|
/*
|
|
* Operator select
|
|
*/
|
|
$row.find('.logic_cell__operation').html("<select class='logic_element__operation' ></select>");
|
|
let $t = $row.find('.logic_element__operation');
|
|
|
|
for (let k in FC.getLogicOperators()) {
|
|
if (FC.getLogicOperators().hasOwnProperty(k)) {
|
|
let o = FC.getLogicOperators()[k];
|
|
if (self.getOperation() == parseInt(k, 10)) {
|
|
$t.append('<option value="' + k + '" selected>' + o.name + '</option>');
|
|
} else {
|
|
$t.append('<option value="' + k + '">' + o.name + '</option>');
|
|
}
|
|
}
|
|
}
|
|
$t.change(self.onOperatorChange);
|
|
|
|
self.renderOperand(0);
|
|
self.renderOperand(1);
|
|
}
|
|
|
|
return self;
|
|
}; |