MISP/app/View/Elements/Events/View/eventFilteringQueryBuilder.ctp

<div id="eventFilteringQBWrapper" style="padding: 5px; display: none; border: 1px solid #dddddd; border-bottom: 0px;">
    <div id="eventFilteringQB"></div>
    <div style="display: flex; justify-content: flex-end">
            <input id="eventFilteringQBLinkInput" class="form-control" style="width: 500px;"></input>
            <button id="eventFilteringQBLinkCopy" type="button" class="btn btn-inverse" style="margin-right: 5px; margin-left: 5px;" onclick="clickMessage(this);"> <i class="fa fa-clipboard"></i> Copy to clipboard </button>
            <button id="eventFilteringQBSubmit" type="button" class="btn btn-inverse" style=""> <i class="fa fa-filter"></i> Filter </button>
    </div>
</div>
<?php
?>

<script>
function triggerEventFilteringTool(clicked) {
    var qbOptions = {
        plugins: {
            'filter-description' : {
                mode: 'inline'
            },
            'unique-filter': null,
            'bt-tooltip-errors': null,
        },
        allow_empty: true,
        display_empty_filter: false,
        lang: {
            operators: {
                equal: 'show',
                in: 'show'
            }
        },
        filters: [
            {
                "input": "select",
                "type": "string",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "attributeFilter",
                "label": "Category",
                "values": {
                    "file": "File",
                    "network": "Network",
                    "financial": "Financial",
                    "all": "All"
                }
            },
            {
                "input": "radio",
                "type": "integer",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "proposal",
                "label": "Proposal",
                "values": {
                    0: "Both",
                    1: "Proposal only",
                    2: "Exclude proposal"
                }
            },
            {
                "input": "radio",
                "type": "integer",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "correlation",
                "label": "Correlation",
                "values": {
                    0: "Both",
                    1: "Correlation only",
                    2: "Exclude correlation"
                }
            },
            {
                "input": "radio",
                "type": "integer",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "warning",
                "label": "Warning",
                "values": {
                    0: "Both",
                    1: "Warning only",
                    2: "Exclude warning"
                }
            },
            {
                "input": "radio",
                "type": "integer",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "deleted",
                "label": "Deleted",
                "values": {
                    0: "Both",
                    1: "Deleted only",
                    2: "Exclude deleted"
                }
            },
            {
                "input": "radio",
                "type": "integer",
                "operators": [
                    "equal",
                ],
                "unique": true,
                "id": "includeRelatedTags",
                "label": "Related Tags",
                "values": {
                    0: "None",
                    1: "Yes"
                }
            },
            {
                "input": "checkbox",
                "type": "integer",
                "operators": [
                    "in"
                ],
                "unique": true,
                "id": "distribution",
                "label": "Distribution",
                "values": {
                    0: "Your orginisation only",
                    1: "This community only",
                    2: "Connected community",
                    3: "All communities",
                    4: "Sharing group",
                    5: "Inherit",
                }
            },
            // {
            //     "input": "radio",
            //     "type": "integer",
            //     "operators": [
            //         "equal",
            //     ],
            //     "unique": true,
            //     "id": "taggedAttributes",
            //     "label": "Tags",
            //     "values": {
            //         0: "Both",
            //         1: "Untagged Attribute",
            //         2: "Tagged Attribute"
            //     }
            // },
            // {
            //     "input": "radio",
            //     "type": "integer",
            //     "operators": [
            //         "equal",
            //     ],
            //     "unique": true,
            //     "id": "galaxyAttachedAttributes",
            //     "label": "Galaxies",
            //     "values": {
            //         0: "Both",
            //         1: "Attributes without galaxy",
            //         2: "Attributes with galaxy"
            //     }
            // },
            // {
            //     "input": "select",
            //     "type": "string",
            //     "operators": [
            //         "equal",
            //     ],
            //     "unique": false,
            //     "id": "objectType",
            //     "label": "Object Types",
            //     <?php
            //         $object_types = array();
            //         foreach ($event['objects'] as $k => $object) {
            //             if ($object['objectType'] == 'object') {
            //                 $object_types[$object['name']] = $object['name'];
            //             }
            //         }
            //         ksort($object_types);
            //     ?>
            //     "values": <?php //echo json_encode($object_types); ?>
            // },
            // {
            //     "input": "select",
            //     "type": "string",
            //     "operators": [
            //         "equal",
            //     ],
            //     "unique": false,
            //     "id": "attributeType",
            //     "label": "Attribute Types",
            //     <?php
            //         $attribute_types = array();
            //         foreach ($event['objects'] as $k => $attribute) {
            //             if ($attribute['objectType'] == 'attribute') {
            //                 $attribute_types[$attribute['type']] = $attribute['type'];
            //             }
            //         }
            //         ksort($attribute_types);
            //     ?>
            //     "values": <?php //echo json_encode($attribute_types); ?>
            // },
            {
                "input": "text",
                "type": "string",
                "operators": [
                    "equal",
                ],
                "unique": false,
                "id": "searchFor",
                "label": "Search in Attribute",
                <?php
                $searchableFields = array('id', 'uuid', 'value', 'comment', 'type', 'category', 'Tag.name');
                $searchableFields = implode(', ', $searchableFields);
                ?>
                "description": "Searchable Attribute fields: <b><?php echo h($searchableFields); ?></b>",
                "validation": {
                    "allow_empty_value": true
                }
            },
        ],
        rules: {
            condition: 'AND',
            not: false,
            rules: [
                {
                    field: 'searchFor',
                    id: 'searchFor',
                    value: $('<div />').html("<?php echo isset($filters['searchFor']) ? h($filters['searchFor']) : ''; ?>").text()
                },
                {
                    field: 'attributeFilter',
                    id: 'attributeFilter',
                    <?php if (isset($filters['attributeFilter'])): ?>
                        value: "<?php echo in_array($filters['attributeFilter'], array('all', 'network', 'financial', 'file')) ? h($filters['attributeFilter']) : 'all'; ?>"
                    <?php else: ?>
                        value: "<?php echo 'all'; ?>"
                    <?php endif; ?>
                },
                {
                    field: 'proposal',
                    id: 'proposal',
                    value: <?php echo isset($filters['proposal']) ? h($filters['proposal']) : 0; ?>
                },
                {
                    field: 'correlation',
                    id: 'correlation',
                    value: <?php echo isset($filters['correlation']) ? h($filters['correlation']) : 0; ?>
                },
                {
                    field: 'warning',
                    id: 'warning',
                    value: <?php echo isset($filters['warning']) ? h($filters['warning']) : 0; ?>
                },
                {
                    field: 'deleted',
                    id: 'deleted',
                    value: <?php echo isset($filters['deleted']) ? h($filters['deleted']) : 2; ?>
                },
                {
                    field: 'includeRelatedTags',
                    id: 'includeRelatedTags',
                    value: <?php echo isset($filters['includeRelatedTags']) ? h($filters['includeRelatedTags']) : 0; ?>
                },
                {
                    field: 'distribution',
                    id: 'distribution',
                    operator: 'in',
                    value: <?php echo isset($filters['distribution']) ? json_encode($filters['distribution']) : json_encode(array(0, 1, 2, 3, 4, 5)); ?>
                },
                // {
                //     field: 'taggedAttributes',
                //     id: 'taggedAttributes',
                //     value: <?php echo isset($filters['taggedAttributes']) ? h($filters['taggedAttributes']) : 0; ?>
                // },
                // {
                //     field: 'galaxyAttachedAttributes',
                //     id: 'galaxyAttachedAttributes',
                //     value: <?php echo isset($filters['galaxyAttachedAttributes']) ? h($filters['galaxyAttachedAttributes']) : 0; ?>
                // },
                // {
                //     condition: 'OR',
                //     not: false,
                //     flags: {
                //         no_add_group: true,
                //         condition_readonly: true,
                //     },
                //     rules: [{
                //         field: 'objectType',
                //         id: 'objectType',
                //         value: '<?php //reset($object_types); echo key($object_types); ?>',
                //     }]
                // },
                // {
                //     condition: 'OR',
                //     not: false,
                //     flags: {
                //         no_add_group: true,
                //         condition_readonly: true,
                //     },
                //     rules: [{
                //         field: 'attributeType',
                //         id: 'attributeType',
                //         value: '<?php //reset($attribute_types); echo key($attribute_types); ?>',
                //     }]
                // }
            ],
            flags: {
                no_add_group: true,
                condition_readonly: true,
            }
        },
        icons: {
            add_group: 'fa fa-plus-square',
            add_rule: 'fa fa-plus-circle',
            remove_group: 'fa fa-minus-square',
            remove_rule: 'fa fa-minus-circle',
            error: 'fa fa-exclamation-triangle'
        },
    };

    var filters = <?php echo json_encode($filters); ?>;
    var $wrapper = $('#eventFilteringQBWrapper');
    var $ev = $('#eventFilteringQB');
    var querybuilderTool = $ev.queryBuilder(qbOptions);
    querybuilderTool = querybuilderTool[0].queryBuilder;

    querybuilderTool.on('rulesChanged', function() {
        updateURL();
    });
    $wrapper.toggle('blind', 100, { direction: 'up' });

    $('#eventFilteringQBSubmit').off('click').on('click', function() {
        $button = $(this);
        var rules = querybuilderTool.getRules({ skip_empty: true, allow_invalid: true });
        performQuery(rules);
    });

    $('#eventFilteringQBLinkCopy').off('click').on('click', function() {
        copyToClipboard($('#eventFilteringQBLinkInput'));
    });

    $ev.off('keyup').on('keyup', function(e){
        if(e.keyCode == 13) {
            $('#eventFilteringQBSubmit').trigger("click");
        }
    });

    updateURL();

    function recursiveInject(result, rules) {
        if (rules.rules === undefined) { // add to result
            var field = rules.field;
            var value = rules.value;
            if (result.hasOwnProperty(field)) {
                if (Array.isArray(result[field])) {
                    result[field].push(value);
                } else {
                    result[field] = [result[field], value];
                }
            } else {
                result[field] = value;
            }
        }
        else if (Array.isArray(rules.rules)) {
            rules.rules.forEach(function(subrules) {
               recursiveInject(result, subrules) ;
            });
        }
    }

    function updateURL() {
        var rules = querybuilderTool.getRules({ skip_empty: true, allow_invalid: true });
        var res = cleanRules(rules);
        var url = "<?php echo $baseurl; ?>/events/view/<?php echo h($event['Event']['id']); ?>" + buildURL(res);
        $('#eventFilteringQBLinkInput').val(url);
    }

    function buildURL(res) {
        var url = "";
        Object.keys(res).forEach(function(k) {
            var v = res[k];
            if (Array.isArray(v)) {
                // v = JSON.stringify(v);
                v = v.join('||');
            }
            url += "/" + k + ":" + v;
        });
        return url;
    }

    function cleanRules(rules) {
        var res = {};
        recursiveInject(res, rules);
        // clean up invalid and unset
        Object.keys(res).forEach(function(k) {
            var v = res[k];
            if (v === undefined || v === '') {
                delete res[k];
            }
        });
        return res;
    }

    function performQuery(rules) {
        var res = cleanRules(rules);

        var url = "/events/viewEventAttributes/<?php echo h($event['Event']['id']); ?>";

        $.ajax({
    		type:"post",
    		url: url,
            data: res,
    		beforeSend: function (XMLHttpRequest) {
    			$(".loading").show();
    		},
    		success:function (data) {
    			$("#attributes_div").html(data);
    			$(".loading").hide();
    		},
    		error:function() {
    			showMessage('fail', 'Something went wrong - could not fetch attributes.');
    		}
    	});
    }


}

function copyToClipboard(element) {
    var $temp = $("<input id='xxx'>");
    $("body").append($temp);
    $temp.val($(element).val()).select();
    document.execCommand("copy");
    $temp.remove();
}

function clickMessage(clicked) {
    $clicked = $(clicked);
    $clicked.tooltip({
        title: 'Copied!',
        trigger: 'manual',
        container: 'body'
    })
    .tooltip('show');
    setTimeout(function () {
        $clicked.tooltip('destroy');
    }, 2000);
}
</script>