mirror of https://github.com/MISP/misp-modules
103 lines
3.3 KiB
JavaScript
103 lines
3.3 KiB
JavaScript
import {display_toast} from '../toaster.js'
|
|
export default {
|
|
name: "History_view",
|
|
delimiters: ['[[', ']]'],
|
|
props: {
|
|
history: Object,
|
|
key_loop: Number,
|
|
tree_view: Boolean
|
|
},
|
|
emits: ['delete_node'],
|
|
setup(props, {emit}) {
|
|
async function remove_node(history_uuid){
|
|
const res = await fetch('/history/remove_node_session/' + history_uuid)
|
|
display_toast(res)
|
|
emit('delete_node', true)
|
|
}
|
|
async function remove_node_tree(history_uuid){
|
|
const res = await fetch('/history/remove_node_tree/' + history_uuid)
|
|
display_toast(res)
|
|
emit('delete_node', true)
|
|
}
|
|
|
|
return {
|
|
remove_node,
|
|
remove_node_tree,
|
|
emit
|
|
}
|
|
},
|
|
|
|
template: `
|
|
<div style="display: flex;">
|
|
<div style="list-style-type: none; padding: 10px; font-size: large; margin-left: 13px">
|
|
<a v-if="'children' in history && history['children'].length"
|
|
data-bs-toggle="collapse" style="color: black;"
|
|
:href="'#collapseChild-'+history.uuid"
|
|
role="button" aria-expanded="true"
|
|
:aria-controls="'collapseChild-'+history.uuid">
|
|
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
</div>
|
|
<a style="text-decoration: none; color: black;"
|
|
data-bs-toggle="collapse"
|
|
:href="'#collapse'+history.uuid"
|
|
role="button"
|
|
aria-expanded="false"
|
|
:aria-controls="'collapse'+history.uuid">
|
|
|
|
<ul class="list-group list-group-horizontal" style="padding-top: 5px;">
|
|
<li class="list-group-item">
|
|
<h5>[[history.query]]</h5>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<h5 style="color: brown"><u>Input Attributes</u></h5>
|
|
[[history.input]]
|
|
</li>
|
|
<li class="list-group-item">
|
|
<h5 style="color: brown"><u>Modules</u></h5>
|
|
<template v-for="module in history.modules">[[module]],</template>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div style="display: flex; align-items: center; margin-left: 3px">
|
|
<button v-if="!tree_view" class="btn btn-danger btn-sm" title="Remove this node" @click="remove_node(history.uuid)"><i class="fa-solid fa-trash"></i></button>
|
|
<button v-else class="btn btn-danger btn-sm" title="Remove this node" @click="remove_node_tree(history.uuid)"><i class="fa-solid fa-trash"></i></button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="collapse" :id="'collapse'+history.uuid" style="width: 70%; margin-left: 30px">
|
|
<div class="card card-body">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">[[history.query]]</h5>
|
|
<small><i>[[history.uuid]]</i></small>
|
|
</div>
|
|
<p class="mb-1" style="color: green;"><u>Input Attribute</u>:</p>
|
|
<div>[[history.input]]</div>
|
|
<br>
|
|
<p class="mb-1" style="color: #2000ff;"><u>Modules</u>:</p>
|
|
<div>
|
|
<template v-for="module in history.modules">[[module]],</template>
|
|
</div>
|
|
<div></div>
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<div><a :href="'/query/'+history.uuid">See results</a></div>
|
|
<small><i>[[history.query_date]]</i></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="collapse show" :id="'collapseChild-'+history.uuid">
|
|
<ul style="list-style-type: none;">
|
|
<li>
|
|
<div class="card-body">
|
|
<template v-for="h, key in history['children']">
|
|
<history_view :history="h" :key_loop="key" :tree_view="tree_view" @delete_node="(msg) => emit('delete_node', msg)"/>
|
|
</template>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`
|
|
} |