146 lines
5.0 KiB
JavaScript
146 lines
5.0 KiB
JavaScript
const areNotificationUpdateTest = {
|
|
"name": "Display an alert-----",
|
|
"author": "mgeeky",
|
|
"modules": [
|
|
{
|
|
"name": "alert_dialog",
|
|
"condition": null,
|
|
"options": {
|
|
"text":"You've been BeEFed ;>"
|
|
}
|
|
}
|
|
],
|
|
"execution_order": [0],
|
|
"execution_delay": [0],
|
|
"chain_mode": "nested-forward"
|
|
};
|
|
/**
|
|
* Form for the user to read, update and delete a specific Auto Run rule.
|
|
*
|
|
* rule: The object definition of this rule from the Auto Run Engine.
|
|
* deleteFn: callback function to delete this rule.
|
|
* updateFn: callback function to update this rule.
|
|
*/
|
|
AutoRunRuleForm = function(rule, deleteFn, updateFn, addFn) {
|
|
const self = this;
|
|
const ruleTextFieldId = `rule-name-${rule.id}`;
|
|
const chainModeComboId = `rule-chain-mode-${rule.id}`;
|
|
const modules = JSON.parse(rule['modules']);
|
|
const moduleContainer = new Ext.Container();
|
|
|
|
function reorderModule(index, direction) {
|
|
// Rearrange modules into new order.
|
|
const currentModule = modules[index];
|
|
const newIndex = direction === 'back' ? index + 1 : index - 1;
|
|
modules.splice(index, 1);
|
|
modules.splice(newIndex, 0, currentModule);
|
|
|
|
// Update DOM.
|
|
setupModuleForms();
|
|
moduleContainer.doLayout();
|
|
}
|
|
|
|
function setupModuleForms() {
|
|
|
|
moduleContainer.removeAll(true);
|
|
|
|
for (let i = 0; i < modules.length; ++i) {
|
|
const isFirstModule = i === 0;
|
|
const isLastModule = i >= modules.length - 1;
|
|
// TODO: Push them in execution order.
|
|
moduleContainer.add(new AutoRunModuleForm(
|
|
modules[i],
|
|
function() {console.log("delete this module")},
|
|
isFirstModule ? undefined : function() {reorderModule(i, 'forward')},
|
|
isLastModule ? undefined : function() {reorderModule(i, 'back')},
|
|
rule.id,
|
|
i
|
|
));
|
|
}
|
|
}
|
|
setupModuleForms();
|
|
|
|
function handleUpdateRule() {
|
|
// TODO: Check if inputs are valid.
|
|
// TODO: Need to overwrite module order.
|
|
const form = self.getForm();
|
|
const formValues = form.getValues();
|
|
const updatedRule = {
|
|
...rule,
|
|
modules: modules,
|
|
execution_delay: JSON.parse(rule['execution_delay']),
|
|
execution_order: JSON.parse(rule['execution_order']),
|
|
name: formValues[ruleTextFieldId],
|
|
chain_mode: formValues[chainModeComboId],
|
|
};
|
|
console.log(updatedRule);
|
|
updateFn(updatedRule);
|
|
}
|
|
|
|
AutoRunRuleForm.superclass.constructor.call(this, {
|
|
padding:'10 10 10 10',
|
|
items: [{
|
|
xtype: 'textfield',
|
|
id: ruleTextFieldId,
|
|
value: rule.name ? rule.name : '',
|
|
fieldLabel: 'Name',
|
|
},
|
|
{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'Author',
|
|
value: rule.author ? rule.author : 'anonymous',
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'Browser(s)',
|
|
value: rule.browser ? rule.browser : 'All',
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'Browser version(s)',
|
|
value: rule.browser_version ? rule.browser_version : 'All',
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'OS(s)',
|
|
value: rule.os ? rule.os : 'All',
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'OS version(s)',
|
|
value: rule.os_version ? rule.os_version : 'All',
|
|
},
|
|
moduleContainer,
|
|
{
|
|
xtype: 'combo',
|
|
id: chainModeComboId,
|
|
fieldLabel: 'Chain Mode',
|
|
store: ['sequential', 'nested-forward'],
|
|
queryMode: 'local', // Use local data.
|
|
triggerAction: 'all', // Show both options instead of just the default.
|
|
editable: false, // Disable manual text input.
|
|
forceSelection: true,
|
|
value: rule.chain_mode ? rule.chain_mode : 'sequential'
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'Execution Order',
|
|
value: rule.execution_order ? rule.execution_order : 'undefined',
|
|
},{
|
|
xtype: 'displayfield',
|
|
fieldLabel: 'Execution Delay',
|
|
value: rule.execution_delay ? rule.execution_delay : 'undefined',
|
|
}
|
|
],
|
|
buttons: [{
|
|
text: 'Delete',
|
|
handler: deleteFn
|
|
}, {
|
|
text: 'Save',
|
|
handler: handleUpdateRule
|
|
},
|
|
{
|
|
text: 'Add New',
|
|
handler: addFn
|
|
}],
|
|
border: false,
|
|
closable: false
|
|
});
|
|
};
|
|
|
|
Ext.extend(AutoRunRuleForm, Ext.FormPanel, {});
|