Commit 0c685247 authored by Sebastian Bergemann's avatar Sebastian Bergemann
Browse files

Made navBar in rcp.help global with a js script (+ first test on a page)

Issue-Ref: 4216
Issue-Url: af3#4216

Signed-off-by: Sebastian Bergemann's avatarSebastian Bergemann <bergemann@fortiss.org>
parent 3b274afa
burgerMenuContent.html 0da7312e50ef359deaf7e0356a210b08acad93b4 RED
constraints.html 74634ac928aab344a5ddf2891e291b55ac38a47a GREEN
dse.MainPage.html ee7a3f8f60fb0215c728270dcbf6972e0f9e3285 GREEN
dse_dashboard.html 49456d602fc8f8a4a0882be57edefb7db11b08eb GREEN
dse_dashboard.html 0299ef70a447cf4c4752875440401ef24ff13654 YELLOW
dse_perspective.html d1c50f5c5f23decf9030e248f1e0303b2f9e4195 GREEN
objectives.html e6d202f57b85dbb2d2e0fbf4efdd696a031fd177 GREEN
synthesis.html c07fc7d41cf4fbfb8674179c380efb9fdc9e6a0f GREEN
......
......@@ -4,6 +4,14 @@
<html>
<head>
<script src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
<script src="../layout/jsscript/navBarReplacer.js"></script>
<script>
// THE FOLLOWING CONSTANT NEEDS TO BE ADJUSTED ACCORDING TO THE PLACE/PATH OF THIS PAGE!
const pathToTop = ".."; // e.g. if this page is on top level: "." or if it is in two sub-folders: "../.."
$.get(pathToTop + "/templates/navBarContent.html", function(data){loadNavigationBarWithReplacements(data, pathToTop);});
</script>
<link rel="stylesheet" type="text/css" href="../layout/stylesheet.css"/>
<title>DSE Dashboard</title>
</head>
......@@ -12,103 +20,7 @@
<div class="header">
<div class="box">
<div class="navbar">
<div class="dropdown">
<a href="../getting_started.html" style="padding:0;">
<button class="btn" id="hamburger" onclick="javascript:window.location.href='../getting_started.html'">
<label for="hamburger" class="hamburger">
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
</label>
</button>
</a>
<div class="dropdown-content">
<button class="dropdown-btn">Getting Started<i class="caret-down"></i></button>
<div class="dropdown-container">
<button class="dropdown-btn">Resources for Users<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href=".././managing_projects.html">Managing AutoFOCUS3 Projects</a>
<a href=".././examples.MainPage.html">Examples</a>
<a href=".././tipsAndTricks.html">Tips &amp; Tricks</a>
<a href=".././af3_faq.html">FAQs</a>
</div>
<a href=".././rcphelp.gettingstarted.MainPage.html">Resources for Developers</a>
<a href=".././rcphelp.gettingstarted.MainPage.html">Contact</a>
</div>
<button class="dropdown-btn">Requirements Engineering<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../requirements/MIRA.requirements_analysis.html"> Requirements Analysis Node</a>
<a href="../requirements/MIRA.glossary.html">Glossary</a>
<a href="../requirements/MIRA.requirements.html">Requirements</a>
</div>
<button class="dropdown-btn">Modeling and Simulation<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../ModandSim/model_element_attributes.html" >Introduction to Graphical Modeling Interface</a>
<a href="../ModandSim/component_architecture.html">Component Architecture Modeling</a>
<a href="../ModandSim/data_dictionary.html">Data Dictionary: Types and Functions</a>
<a href="../ModandSim/refactoring.html">Refactoring</a>
<a href="../ModandSim/model_markers_view.html">On-the-fly Checks</a>
<button class="dropdown-btn">Behavior Modeling<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../ModandSim/code_specification.html">Code Specification</a>
<a href="../ModandSim/state_automaton.html">State Automata</a>
<a href="../ModandSim/hierarchical_state_automaton.html">Hierarchical State Automata</a>
<a href="../ModandSim/mode_automaton.html"> Mode Automata</a>
</div>
<button class="dropdown-btn">Simulation<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../ModandSim/simulation_with_af3.html">Simulation</a>
<a href="../ModandSim/operatorpanels.html">Operator Panels</a>
<a href="../ModandSim/operatorpanels_advanced.html">Advanced Operator Panels</a>
<a href="../ModandSim/cosimulation_with_af3.html"> Co-Simulation and FMI Support</a>
</div>
</div>
<button class="dropdown-btn">Deployment and Code Generation<i class="caret-down"></i></button>
<div class="dropdown-container">
<button class="dropdown-btn">Modeling Technical Architectures<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../ta/platform_architecture.html">Platform Architecture</a>
<button class="dropdown-btn">Supported Platform Architectures<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../ta/platform_architecture_generic.html">Generic Platform Architecture</a>
<a href="../ta/platform_architecture_hierarchical.html">Hierarchical Platform Architecture</a>
<a href="../ta/platform_architecture_raspberrypi.html">RaspberryPi Platform Architecture</a>
</div>
<a href="../ta/task_architecture.html">Task Architecture</a>
<a href="../ta/partition_architecture.html"> Partition Architecture</a>
<a href="../ta/allocations.html"> Deployments/Allocations</a>
<a href="../ta/system_schedule.html"> System Schedule</a>
</div>
<a href="../ta/code_generation.html">Code Generation</a>
</div>
<button class="dropdown-btn">Design Space Exploration (DSE)<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="dse_perspective.html">DSE Perspective Overview</a>
<a style="background-color:#f2f2f2;">DSE Dashboard</a>
<a href="constraints.html">Constraint Modeling</a>
<a href="objectives.html">Objective Modeling</a>
<a href="synthesis.html">Deployment/Schedule Synthesis (Exploration)</a>
<a href="visualization.html">Solution Visualization</a>
</div>
<button class="dropdown-btn">Assurance Case Modeling<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="../assuranceCases/creation.html">Modeling GSN-based Assurance Cases</a>
<a href="../assuranceCases/assessment.html">Quantitative Assessment of Assurance Cases</a>
<a href="../assuranceCases/maintenance.html">Assurance Case Maintenance</a>
</div>
</div>
</div>
<div class="topnav-right">
<a href="mailto:af_user@lists.fortiss.org?subject=Reporting 'dse_dashboard.html' Documentation Problem!&body= Dear AutoFOCUS3 team, I am reporting an issue related to Design Space Exploration (DSE).
{Please specify the problem precisely here.}.">Report a Problem?</a>
</div>
<div id="navBarPlaceholder"></div>
</div>
</div>
</div>
......
// A method which gets the global nav bar as html string and will manipulate it
// to fit to the given pathToTop and the executing html page.
function loadNavigationBarWithReplacements(htmlDocumentAsString, pathToTop) {
let path = window.location.pathname;
let pageName = path.split("/").pop();
//Replacements (g for global replace)
htmlDocumentAsString = htmlDocumentAsString.replace(/<PATH_TO_TOP>/g, pathToTop);
htmlDocumentAsString = htmlDocumentAsString.replace(/<PAGE_NAME>/g, pageName);
htmlDocumentAsString = htmlDocumentAsString.replace(/<PAGE_TOPIC>/g, document.title);
let placeHolder = document.getElementById('navBarPlaceholder');
if(placeHolder.outerHTML) {
//if outerHTML is supported
placeHolder.outerHTML = htmlDocumentAsString;
} else {
//if outerHTML is not supported (usually not needed anymore)
let tmp = document.createElement("div");
tmp.innerHTML="<!--REPLACEMENT-->";
placeHolderParent = placeHolder.parentNode;
placeHolderParent.replaceChild(tmp, placeHolder);
placeHolderParent.innerHTML = placeHolderParent.innerHTML.replace('<div><!--REPLACEMENT--></div>', htmlDocumentAsString);
}
// all script for this parts must be loaded again to work
$(function() {
$.getScript(pathToTop + "/layout/jsscript/submenuScript.js");
});
}
\ No newline at end of file
navBarContent.html e10e4e730de7c710b926a9d7cbe9f713cd9cd0a8 YELLOW
<!-- All occurences of "<PATH_TO_TOP>" are placeholders and will be replaced later with the path to the top level! -->
<!-- All occurences of "<PAGE_NAME>" are placeholders and will be replaced later with the page name! -->
<!-- All occurences of "<PAGE_TOPIC>" are placeholders and will be replaced later with the page topic! -->
<div class="dropdown">
<a href="<PATH_TO_TOP>/getting_started.html" style="padding:0;">
<button class="btn" id="hamburger" onclick="javascript:window.location.href='<PATH_TO_TOP>/getting_started.html'">
<label for="hamburger" class="hamburger">
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
</label>
</button>
</a>
<div class="dropdown-content">
<button class="dropdown-btn">Getting Started<i class="caret-down"></i></button>
<div class="dropdown-container">
<button class="dropdown-btn">Resources for Users<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/managing_projects.html">Managing AutoFOCUS3 Projects</a>
<a href="<PATH_TO_TOP>/examples.MainPage.html">Examples</a>
<a href="<PATH_TO_TOP>/tipsAndTricks.html">Tips &amp; Tricks</a>
<a href="<PATH_TO_TOP>/af3_faq.html">FAQs</a>
</div>
<a href="<PATH_TO_TOP>/rcphelp.gettingstarted.MainPage.html">Resources for Developers</a>
<a href="<PATH_TO_TOP>/rcphelp.gettingstarted.MainPage.html">Contact</a>
</div>
<button class="dropdown-btn">Requirements Engineering<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/requirements/MIRA.requirements_analysis.html"> Requirements Analysis Node</a>
<a href="<PATH_TO_TOP>/requirements/MIRA.glossary.html">Glossary</a>
<a href="<PATH_TO_TOP>/requirements/MIRA.requirements.html">Requirements</a>
</div>
<button class="dropdown-btn">Modeling and Simulation<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/ModandSim/model_element_attributes.html" >Introduction to Graphical Modeling Interface</a>
<a href="<PATH_TO_TOP>/ModandSim/component_architecture.html">Component Architecture Modeling</a>
<a href="<PATH_TO_TOP>/ModandSim/data_dictionary.html">Data Dictionary: Types and Functions</a>
<a href="<PATH_TO_TOP>/ModandSim/refactoring.html">Refactoring</a>
<a href="<PATH_TO_TOP>/ModandSim/model_markers_view.html">On-the-fly Checks</a>
<button class="dropdown-btn">Behavior Modeling<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/ModandSim/code_specification.html">Code Specification</a>
<a href="<PATH_TO_TOP>/ModandSim/state_automaton.html">State Automata</a>
<a href="<PATH_TO_TOP>/ModandSim/hierarchical_state_automaton.html">Hierarchical State Automata</a>
<a href="<PATH_TO_TOP>/ModandSim/mode_automaton.html"> Mode Automata</a>
</div>
<button class="dropdown-btn">Simulation<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/ModandSim/simulation_with_af3.html">Simulation</a>
<a href="<PATH_TO_TOP>/ModandSim/operatorpanels.html">Operator Panels</a>
<a href="<PATH_TO_TOP>/ModandSim/operatorpanels_advanced.html">Advanced Operator Panels</a>
<a href="<PATH_TO_TOP>/ModandSim/cosimulation_with_af3.html"> Co-Simulation and FMI Support</a>
</div>
</div>
<button class="dropdown-btn">Deployment and Code Generation<i class="caret-down"></i></button>
<div class="dropdown-container">
<button class="dropdown-btn">Modeling Technical Architectures<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/ta/platform_architecture.html">Platform Architecture</a>
<button class="dropdown-btn">Supported Platform Architectures<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/ta/platform_architecture_generic.html">Generic Platform Architecture</a>
<a href="<PATH_TO_TOP>/ta/platform_architecture_hierarchical.html">Hierarchical Platform Architecture</a>
<a href="<PATH_TO_TOP>/ta/platform_architecture_raspberrypi.html">RaspberryPi Platform Architecture</a>
</div>
<a href="<PATH_TO_TOP>/ta/task_architecture.html">Task Architecture</a>
<a href="<PATH_TO_TOP>/ta/partition_architecture.html"> Partition Architecture</a>
<a href="<PATH_TO_TOP>/ta/allocations.html"> Deployments/Allocations</a>
<a href="<PATH_TO_TOP>/ta/system_schedule.html"> System Schedule</a>
</div>
<a href="<PATH_TO_TOP>/ta/code_generation.html">Code Generation</a>
</div>
<button class="dropdown-btn">Design Space Exploration (DSE)<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/dse/dse_perspective.html">DSE Perspective Overview</a>
<a href="<PATH_TO_TOP>/dse/dse_dashboard.html">DSE Dashboard</a>
<a href="<PATH_TO_TOP>/dse/constraints.html">Constraint Modeling</a>
<a href="<PATH_TO_TOP>/dse/objectives.html">Objective Modeling</a>
<a href="<PATH_TO_TOP>/dse/synthesis.html">Deployment/Schedule Synthesis (Exploration)</a>
<a href="<PATH_TO_TOP>/dse/visualization.html">Solution Visualization</a>
</div>
<button class="dropdown-btn">Assurance Case Modeling<i class="caret-down"></i></button>
<div class="dropdown-container">
<a href="<PATH_TO_TOP>/assuranceCases/creation.html">Modeling GSN-based Assurance Cases</a>
<a href="<PATH_TO_TOP>/assuranceCases/assessment.html">Quantitative Assessment of Assurance Cases</a>
<a href="<PATH_TO_TOP>/assuranceCases/maintenance.html">Assurance Case Maintenance</a>
</div>
</div>
</div>
<div class="topnav-right">
<a href="mailto:af_user@lists.fortiss.org?subject=Reporting '<PAGE_NAME>' Documentation Problem!&body= Dear AutoFOCUS3 team, I am reporting an issue related to <PAGE_TOPIC>. {Please specify the problem precisely here.}.">Report a Problem?</a>
</div>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment