vault update: 2024-06-16 18:25:00
Affected files: Index.md config.yml output/mod/arguments.yml output/mod/capabilities.json output/mod/config.yml output/mod/graphers.json output/mod/guid.txt output/mod/html/dynamic_footer_inclusions.html output/mod/html/dynamic_inclusions.html output/mod/html/graph.template.html output/mod/html/graph_full_page.template.html output/mod/html/note.template.html output/mod/modfile_dependencies.json output/mod/paths.json output/mod/user_config.yml
This commit is contained in:
114
output/mod/html/graph_full_page.template.html
Normal file
114
output/mod/html/graph_full_page.template.html
Normal file
@ -0,0 +1,114 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Page information -->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="node_id" content="{node_id}">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" href="{html_url_prefix}/favicon.ico" />
|
||||
|
||||
<!-- Set title -->
|
||||
<title>{title}</title>
|
||||
|
||||
<!-- Includes -->
|
||||
{dynamic_includes}
|
||||
|
||||
<!-- Onload tweaks -->
|
||||
<script>
|
||||
const CURRENT_NODE = '{pinnedNode}';
|
||||
const HTML_URL_PREFIX = '{html_url_prefix}';
|
||||
const PAGE_DEPTH = {page_depth};
|
||||
const CONFIGURED_HTML_URL_PREFIX = '{configured_html_url_prefix}';
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="theme-obs-light">
|
||||
<div id="antiflash" style="display: none;"></div>
|
||||
<script>
|
||||
document.getElementById('antiflash').style.display = 'block';
|
||||
</script>
|
||||
{search_html}
|
||||
|
||||
<div id="page_holder" class="flex_col">
|
||||
<div id="header" class="header">
|
||||
<div id="header_flex" class="flex_row">
|
||||
<a href="{html_url_prefix}/index.html" id="homelink" title="Clear screen and go to homepage">{title}</a>
|
||||
<div class="navbar-button" onclick="toggle_menu()">
|
||||
≡
|
||||
</div>
|
||||
<div id="navbar" class="navbar">
|
||||
{{navbar_links}}
|
||||
<div class="icon-tray">
|
||||
{theme_button}
|
||||
{search_button}
|
||||
{graph_button}
|
||||
{dirtree_button}
|
||||
{tags_page_button}
|
||||
{rss_button}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{theme_popup}
|
||||
</div>
|
||||
|
||||
<div class="graph_full_page">
|
||||
<div class="graph-button-row" style="display:flex;">
|
||||
<button class="graph_button graph_show_button" id="Bgraph_full_page" level="" note_temp_id="graph_full_page" style="visibility: hidden; margin:0px">
|
||||
Show Graph
|
||||
</button>
|
||||
<button class="graph_button graph_type_button" id="Cgraph_full_page" style="flex:1; margin:0px; margin-right:0.2rem;" onclick="window.ObsHtmlGraph.switch_graph_type(this);">
|
||||
2D
|
||||
</button>
|
||||
</div>
|
||||
<div id="Agraph_full_page" class="graph_div_full"></div>
|
||||
<div class="graph-instructions fadein" id="Dgraph_full_page">
|
||||
Left-click: follow link, Right-click: select node, Scroll: zoom
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
document.addEventListener('DOMContentLoaded', load_fullpage_graph);
|
||||
|
||||
function load_fullpage_graph(){
|
||||
|
||||
// set graph_type button correctly
|
||||
let type_d = ls_get('graph_type_d');
|
||||
if (!type_d){
|
||||
ls_set('graph_type_d', '2D');
|
||||
type_d = '2D';
|
||||
}
|
||||
document.getElementById('Cgraph_full_page').innerHTML = type_d;
|
||||
|
||||
import('{html_url_prefix}/obs.html/static/graph.js').then((Module) => {
|
||||
window.ObsHtmlGraph = Module;
|
||||
window.ObsHtmlGraph.arm_page(document.getElementById('page_holder'))
|
||||
|
||||
// overwrites
|
||||
window.ObsHtmlGraph.default_actions['open_link'] = function (args){
|
||||
console.log('hi openlink')
|
||||
return window.ObsHtmlGraph.graph_open_link_normal(args)()
|
||||
}
|
||||
|
||||
|
||||
// Get node id from the page where we clicked on the icon for the fullpage graph
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const pinnedNode = urlParams.get('node');
|
||||
|
||||
// Immediately run graph instead of waiting for button click
|
||||
window.ObsHtmlGraph.run(document.getElementById('Bgraph_full_page'), 'graph_full_page', pinnedNode);
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
{footer_js_inclusions}
|
||||
{dynamic_footer_includes}
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user