docs.js

"use strict"

function docs_load(path) {
    // Old text
    //document.getElementById("navbar").innerHTML = '<div class="sm-navbar-header">Navigation Bar</div>' + 
    //'<div class="sm-navbar"><a href="' + path + '/index.html">HOME</a></div><div class="sm-navbar"><a href="' + path + '/docs.html">DOCS</a></div><div class="sm-navbar"><a href="' + path + '/user-guide/index.html">USER GUIDE</a></div>' + 
    //'<div class="sm-navbar-header">Example Strip Maps</div><div class="sm-navbar"><a href="' + path + '/test-network/test-network.html">Test Network</a></div><div class="sm-navbar"><a href="' + path + '/test-helsinki/test-helsinki.html">Helsinki</a></div>';
    // SVG Strip Map Navbar
    document.getElementById("navbar").innerHTML = '<div style="width:75%; text-align:center"><svg style="display: block" preserveAspectRatio="xMinYMin meet" viewBox="0 0 800 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' +
    '<rect width="896" height="240" fill="white" /><path d="M 32 192 H 320" stroke="#FF2222" stroke-width="8"></path><path d="M 320 192 H 704" stroke="#2222FF" stroke-width="8"></path>' +
    '<text x="32" y="40" font-family="Arial" font-size="32px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="central">SVG Strip Map Generator</text>' +
    '<a xlink:href="' + path + '/index.html"><g><rect x="28" y="180" width="8" height="16" fill="#FF2222"></rect><text x="32" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 32 176)">Home</text></g></a>' + 
    '<a xlink:href="' + path + '/docs.html"><g><rect x="124" y="180" width="8" height="16" fill="#FF2222"></rect><text x="128" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 128 176)">Docs</text></g></a>' + 
    '<a xlink:href="' + path + '/demo.html"><g><rect x="220" y="180" width="8" height="16" fill="#FF2222"></rect><text x="224" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 224 176)">Demo</text></g></a>' + 
    '<a xlink:href="' + path + '/user-guide/index.html"><g><circle cx="320" cy="192" r="6" fill="#FFFFFF" stroke="#000000" stroke-width="2"></circle><text x="320" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 320 176)">User Guide</text></g></a>' +
    '<a xlink:href="' + path + '/test-network/test-network.html"><g><rect x="412" y="180" width="8" height="16" fill="#2222FF"></rect><text x="416" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 416 176)">Example Network</text></g></a>' + 
    '<a xlink:href="' + path + '/test-helsinki/test-helsinki.html"><g><rect x="508" y="180" width="8" height="16" fill="#2222FF"></rect><text x="512" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 512 176)">Example - Helsinki</text></g></a>' +
    '<a xlink:href="' + path + '/test-internal/test-internal.html"><g><rect x="604" y="180" width="8" height="16" fill="#2222FF"></rect><text x="608" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 608 176)">Example - Internal</text></g></a>' +
    '<a xlink:href="' + path + '/icon-common/index.html"><g><rect x="700" y="180" width="8" height="16" fill="#2222FF"></rect><text x="704" y="176" font-family="Arial" font-size="16px" fill="black" font-weight="bold" text-anchor="start" dominant-baseline="alphabetic" transform="rotate(-45 704 176)">Icon Viewer</text></g></a>' +  
    '</svg></div>';
}