mirror of
https://github.com/ntop/ntopng.git
synced 2026-05-02 17:00:10 +00:00
e89741ac2f
* Fixes import progress bar, ported manage data and applications to vue * Fixes import progress bar, ported manage data and applications to vue * Update dist * removed files
142 lines
4.8 KiB
Lua
142 lines
4.8 KiB
Lua
--
|
|
-- (C) 2013-26 - ntop.org
|
|
-- Modern Vue3 bootstrap for flow details page.
|
|
-- Mirrors flow_details.lua GET parameters: flow_key, flow_hash_id
|
|
--
|
|
|
|
local dirs = ntop.getDirs()
|
|
package.path = dirs.installdir .. "/scripts/lua/modules/?.lua;" .. package.path
|
|
|
|
require "lua_utils"
|
|
require "flow_utils"
|
|
|
|
local page_utils = require "page_utils"
|
|
local json = require "dkjson"
|
|
local template_utils = require "template_utils"
|
|
local auth = require "auth"
|
|
|
|
local page = _GET["page"]
|
|
local flow_key = _GET["flow_key"]
|
|
local flow_hash_id = _GET["flow_hash_id"]
|
|
|
|
-- Fetch the flow (may be nil if purged/not found)
|
|
local flow = interface.findFlowByKeyAndHashId(tonumber(flow_key), tonumber(flow_hash_id))
|
|
|
|
local ifstats = interface.getStats()
|
|
local ifid = interface.name2id(ifname)
|
|
|
|
-- Build a page title and canonical URL (mirrors original page)
|
|
local label = getFlowLabel(flow, nil, nil, nil, nil, nil, false)
|
|
local title = i18n("flow") .. ": " .. (label or "")
|
|
local url = ntop.getHttpPrefix() .. "/lua/flow_details_new.lua"
|
|
.. "?flow_key=" .. (flow_key or "") .. "&flow_hash_id=" .. (flow_hash_id or "")
|
|
|
|
sendHTTPContentTypeHeader('text/html')
|
|
|
|
page_utils.print_header_and_set_active_menu_entry(page_utils.menu_entries.flow_details)
|
|
dofile(dirs.installdir .. "/scripts/lua/inc/menu.lua")
|
|
|
|
-- ── Navbar (same tabs as original) ──────────────────────────────────
|
|
page_utils.print_navbar(title, url, {
|
|
{
|
|
active = isEmptyString(page) or page == "overview",
|
|
page_name = "overview",
|
|
label = "<i class=\"fas fa-lg fa-home\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"" ..
|
|
i18n("overview") .. "\"></i>"
|
|
},
|
|
{
|
|
hidden = not flow or not (flow.modbus) or not ntop.isEnterpriseL(),
|
|
active = page == "modbus",
|
|
page_name = "modbus",
|
|
label = i18n("details.label_modbus_server")
|
|
},
|
|
{
|
|
hidden = not flow or not (flow.s7comm) or not ntop.isEnterpriseL(),
|
|
active = page == "s7comm",
|
|
page_name = "s7comm",
|
|
label = i18n("details.label_s7comm_server")
|
|
},
|
|
{
|
|
hidden = not flow or not (flow.profinet) or not ntop.isEnterpriseL(),
|
|
active = page == "profinet",
|
|
page_name = "profinet",
|
|
label = i18n("details.label_profinet_server")
|
|
},
|
|
})
|
|
|
|
-- ── Overview tab → Vue component ────────────────────────────────────
|
|
if isEmptyString(page) or page == "overview" then
|
|
|
|
local context = {
|
|
-- Routing parameters (also used by live-poll to /lua/flow_stats.lua)
|
|
flow_key = flow_key,
|
|
flow_hash_id = flow_hash_id,
|
|
ifid = tostring(ifid),
|
|
|
|
-- Feature flags
|
|
is_pro = ntop.isPro(),
|
|
is_enterprise_l = ntop.isEnterpriseL(),
|
|
is_enterprise_m = ntop.isEnterpriseM(),
|
|
is_nedge = ntop.isnEdge(),
|
|
is_inline = ifstats.inline or false,
|
|
is_view = interface.isView(),
|
|
is_viewed = ifstats.isViewed or false,
|
|
has_vlan = ifstats.vlan or false,
|
|
is_admin = isAdministrator(),
|
|
|
|
-- CSRF for drop-flow form
|
|
csrf = ntop.getRandomCSRFValue(),
|
|
|
|
-- Throughput display preference ("bps" or "pps")
|
|
throughput_type = getThroughputType(),
|
|
|
|
-- Full flow object (nil when not found / purged)
|
|
flow = flow,
|
|
}
|
|
|
|
local json_context = json.encode(context)
|
|
|
|
template_utils.render("pages/vue_page.template", {
|
|
vue_page_name = "PageFlowDetails",
|
|
page_context = json_context,
|
|
})
|
|
|
|
-- ── Industrial-protocol tabs → existing Vue components ──────────────
|
|
elseif page == "modbus" then
|
|
local context = {
|
|
flow_key = flow_key,
|
|
flow_hash_id = flow_hash_id,
|
|
ifid = tostring(ifid),
|
|
csrf = ntop.getRandomCSRFValue(),
|
|
}
|
|
template_utils.render("pages/vue_page.template", {
|
|
vue_page_name = "PageFlowDetailsModbus",
|
|
page_context = json.encode(context),
|
|
})
|
|
|
|
elseif page == "s7comm" then
|
|
local context = {
|
|
flow_key = flow_key,
|
|
flow_hash_id = flow_hash_id,
|
|
ifid = tostring(ifid),
|
|
csrf = ntop.getRandomCSRFValue(),
|
|
}
|
|
template_utils.render("pages/vue_page.template", {
|
|
vue_page_name = "PageFlowDetailsS7Comm",
|
|
page_context = json.encode(context),
|
|
})
|
|
|
|
elseif page == "profinet" then
|
|
local context = {
|
|
flow_key = flow_key,
|
|
flow_hash_id = flow_hash_id,
|
|
ifid = tostring(ifid),
|
|
csrf = ntop.getRandomCSRFValue(),
|
|
}
|
|
template_utils.render("pages/vue_page.template", {
|
|
vue_page_name = "PageFlowDetailsProfinet",
|
|
page_context = json.encode(context),
|
|
})
|
|
end
|
|
|
|
dofile(dirs.installdir .. "/scripts/lua/inc/footer.lua")
|