mirror of
https://github.com/ntop/ntopng.git
synced 2026-04-30 16:09:32 +00:00
53 lines
1.1 KiB
Text
53 lines
1.1 KiB
Text
{#
|
|
(C) 2022 - ntop.org
|
|
This template is used by the `Host Details - Packets` page inside the `Host Details`.
|
|
#}
|
|
|
|
|
|
<div id="host-details-packets">
|
|
<page-host-details-packets
|
|
:page_csrf="page_csrf"
|
|
:url_params="url_params">
|
|
</page-host-details-packets>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
const pageCsrf = "{{ ntop.getRandomCSRFValue() }}";
|
|
const url_params = {
|
|
host: "{{ host_ip }}",
|
|
vlan: "{{ vlan }}",
|
|
ifid: "{{ ifid }}",
|
|
}
|
|
|
|
function start_vue() {
|
|
let vue_options = {
|
|
components: {
|
|
'page-host-details-packets': ntopVue.PageHostDetailsPackets,
|
|
},
|
|
/**
|
|
* First method called when the component is created.
|
|
*/
|
|
created() { },
|
|
mounted() {
|
|
},
|
|
data() {
|
|
return {
|
|
page_csrf: pageCsrf,
|
|
url_params: url_params,
|
|
};
|
|
},
|
|
methods: { },
|
|
};
|
|
const _vue = ntopVue.Vue.createApp(vue_options);
|
|
const vue_app = _vue.mount('#host-details-packets');
|
|
return vue_app;
|
|
}
|
|
|
|
/* ******************************************************* */
|
|
|
|
$(function () {
|
|
// initialize script table
|
|
start_vue();
|
|
});
|
|
</script>
|
|
|