nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 15:57:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

variant: draw base color in correct group #188

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

27
static/js/variant.js
View file

@ -248,9 +248,9 @@ var variants = {
this.styleGraphGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' ) this.styleGraphGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' )
}, },
generateGraphEdge: function( e ){ generateGraphGroupedEdge: function( e ){
var edge = ''; var edge = '';
if( e.fallback ){ if( e.fallback && e.group == this.findColor( e.fallback ).group ){
edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name; edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name;
} }
else{ else{
@ -259,6 +259,14 @@ var variants = {
return edge; return edge;
}, },
generateGraphVarGroupedEdge: function( e ){
var edge = '';
if( e.fallback && e.group != this.findColor( e.fallback ).group ){
edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name;
}
return edge;
},
generateGraph: function(){ generateGraph: function(){
var g_groups = {}; var g_groups = {};
var g_handler = ''; var g_handler = '';
@ -275,33 +283,34 @@ var variants = {
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' subgraph mainheadings["headings"]\n' + ' subgraph mainheadings["headings"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' 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 + ' ' + this.generateGraphEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
this.variantvariables.reduce( function( a, e ){ return a + ' ' + this.generateGraphVarGroupedEdge( e ) + '\n'; }.bind( this ), '' ) +
g_handler; g_handler;
console.log( graph ); console.log( graph );