nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-31 00:47:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

variant: fix arrow directions in generator #188

Browse source
This commit is contained in:
Sören Weber 2022-02-20 00:10:08 +01:00
parent fb2df556bc
commit 3beb0bb18c
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589
1 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
exampleSite/content/basics/generator/_index.en.md
View file

@ -155,57 +155,60 @@ function generateGraphStyles(){
styleGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' ) styleGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' )
} }
function generateEdge( e ){
var edge = '';
if( e.fallback ){
edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name;
}
else{
edge += e.name+':::'+e.name;
}
return edge;
}
function generateGraph(){ function generateGraph(){
var g_groups = {}; var g_groups = {};
var g_edges = '';
var g_handler = ''; var g_handler = '';
variables.forEach( function( e ){ variables.forEach( function( e ){
var group = e.group || ' '; var group = e.group || ' ';
g_groups[ group ] = ( g_groups[ group ] || [] ).concat( e.name ); g_groups[ group ] = ( g_groups[ group ] || [] ).concat( e );
if( e.fallback ){
g_edges += ' ' + e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name+';\n';
}
else{
g_edges += ' ' +e.name+':::'+e.name+';\n';
}
g_handler += ' click '+e.name+' changeColor\n'; g_handler += ' click '+e.name+' changeColor\n';
}); });
var graph = var graph =
'flowchart RL\n' + 'flowchart LR\n' +
' subgraph menu["menu"]\n' + ' subgraph menu["menu"]\n' +
' direction TB\n' + ' direction TB\n' +
' subgraph menuheader["header"]\n' + ' subgraph menuheader["header"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' subgraph menusections["sections"]\n' + ' subgraph menusections["sections"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
' subgraph maincontent["content"]\n' + ' subgraph maincontent["content"]\n' +
' direction TB\n' + ' direction TB\n' +
g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' subgraph mainheadings["headings"]\n' + ' subgraph mainheadings["headings"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' subgraph inlinecode["inline code"]\n' + ' subgraph inlinecode["inline code"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' subgraph blockcode["code blocks"]\n' + ' subgraph blockcode["code blocks"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' subgraph coloredboxes["colored boxes"]\n' + ' subgraph coloredboxes["colored boxes"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + e + '\n'; }, '' ) + g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + generateEdge( e ) + '\n'; }, '' ) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
g_edges +
g_handler; g_handler;
console.log( graph ); console.log( graph );
@ -221,7 +224,6 @@ var variables = [
{ name: 'MAIN-BG-color', group: 'content', default: '#ffffff' }, { name: 'MAIN-BG-color', group: 'content', default: '#ffffff' },
{ name: 'TAG-BG-color', group: 'content', fallback: 'MENU-HEADER-BG-color' }, { name: 'TAG-BG-color', group: 'content', fallback: 'MENU-HEADER-BG-color' },
{ name: 'MAIN-TITLES-TEXT-color', group: 'headings', default: '#444753' }, { name: 'MAIN-TITLES-TEXT-color', group: 'headings', default: '#444753' },
{ name: 'MAIN-TITLES-H1-color', group: 'headings', fallback: 'MAIN-TEXT-color' }, { name: 'MAIN-TITLES-H1-color', group: 'headings', fallback: 'MAIN-TEXT-color' },
{ name: 'MAIN-TITLES-H2-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color' }, { name: 'MAIN-TITLES-H2-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color' },