docuapi icon indicating copy to clipboard operation
docuapi copied to clipboard

Published 20 hours ago • verified publisher icon bep

Multiple languages by tab

Open maelle opened this issue 4 years ago • 3 comments

Fix #54

I realize this PR is not very elegant yet.

The body data attributes are now a list of all languages including "otherlangs", and a list by tab of languages to go with the main language.

<body class="index" data-languages='[ &#34;go&#34; ,  &#34;java&#34; ,  &#34;javascript&#34; ,  &#34;python&#34; ,  &#34;ruby&#34; ,  &#34;shell&#34; ]'  data-withgo='[ &#34;go&#34; ]' data-withshell='[ &#34;shell&#34; ]' data-withruby='[ &#34;ruby&#34; ]' data-withpython='[ &#34;python&#34; ]' data-withjavascript='[ &#34;javascript&#34; ,  &#34;java&#34; ]'>

It now works

  • in the JavaScript tab one sees both Java and JavaScript,

  • JSON is in all tabs.

maelle avatar May 11 '20 15:05 maelle

I suppose the CSS could also be tinkered with (to add spacing between languages), but that is probably best kept for custom CSS.

Something like

content pre {
margin-top: 20px;
}

maelle avatar May 11 '20 17:05 maelle

This PR can only handle one otherlangs (i.e. I'll need to add for loops for maps in otherlangs)

maelle avatar May 11 '20 17:05 maelle

In this PR there is now

  • tweaks to baseof.html to store more data attributes related to languages.
  • changes in _lang.js to show more than one language per tab
  • changes in exampleSite to exemplify the features
  • changes in the styles.html partial to be able to add custom CSS because I couldn't find a variable to override to add some margin before pre elements.

I'm not sure whether any of this might be useful to add to the theme, but if some of it is, happy to incorporate feedback & to document stuff.

maelle avatar May 12 '20 09:05 maelle