From 6ff83681f7a6aa3aea262e4b1f2dea4fa49da8c5 Mon Sep 17 00:00:00 2001 From: DGabri Date: Tue, 28 May 2024 10:25:26 +0200 Subject: [PATCH] GUI develooper docs --- doc/developers/README.GUI.quickstart.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/doc/developers/README.GUI.quickstart.md b/doc/developers/README.GUI.quickstart.md index 88768ef61e60..f8c123c2e642 100644 --- a/doc/developers/README.GUI.quickstart.md +++ b/doc/developers/README.GUI.quickstart.md @@ -18,7 +18,8 @@ The folder `http_src/` contains all the webpages scripts. - `http_src/utilities` contains all utility functions - `http_src/ntopng.js` contains all global imports that will be visible inside single components - `pages/` is found in `httpdocs/templates/pages/` -- `httpdocs` is the folder for GUI data, dist folder is present inside it +- `httpdocs/` is the folder for GUI data, dist folder is present inside it +- `template.render("pages/vue_page.template", { vue_page_name = "PageSNMPDevices", page_context = json_context })` some .lua pages render vue components. The name of the component is the value of `vue_page_name`, in this case the component is `PageSNMPDevices`. This is the name of the component importend in the script `http_src/vue/ntop_vue.js`. This is the import: `import { default as PageSNMPDevices } from "./page-snmp-devices.vue"` where PageSNMPDevices is the name of the vue component imported and displayed on the webpage and the component is found in the file page-snmp-devices.vue ## Webpage structure