Difference between revisions of "MediaWiki:Menu.rythm"
Jump to navigation
Jump to search
Line 11: | Line 11: | ||
// a menu | // a menu | ||
class Menu { | class Menu { | ||
− | String | + | String homeUrl_en; |
+ | String homeUrl_de; | ||
String iconUrl; | String iconUrl; | ||
− | public Menu(String | + | public Menu(String homeUrl_en,String homeUrl_de,String iconUrl) { |
− | this. | + | this.homeUrl_en=homeUrl_en; |
+ | this.homeUrl_de=homeUrl_de; | ||
this.iconUrl=iconUrl; | this.iconUrl=iconUrl; | ||
} | } | ||
Line 23: | Line 25: | ||
} | } | ||
} | } | ||
− | @def showMenu(Menu menu) { | + | @def showMenu(boolean de,Menu menu) { |
<nav class="navbar"> | <nav class="navbar"> | ||
<div class="container"> | <div class="container"> | ||
Line 32: | Line 34: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
− | <a class="navbar-brand" href='@(menu. | + | <a class="navbar-brand" href='@(de?menu.homeUrl_de:menu.homeUrl_en)'> |
<img src='@(menu.iconUrl)' style="max-height:7vh; margin-top: -2vh;" > | <img src='@(menu.iconUrl)' style="max-height:7vh; margin-top: -2vh;" > | ||
</a> | </a> |
Revision as of 09:30, 9 November 2017
Links
- MediaWiki:Bootstrap.rythm
- MediaWiki:Form.rythm
- https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp
Rythm template source
@// Rythm template for Bootstrap menu
@// field definitions
@def static {
// a menu
class Menu {
String homeUrl_en;
String homeUrl_de;
String iconUrl;
public Menu(String homeUrl_en,String homeUrl_de,String iconUrl) {
this.homeUrl_en=homeUrl_en;
this.homeUrl_de=homeUrl_de;
this.iconUrl=iconUrl;
}
}
class MenuItem {
}
}
@def showMenu(boolean de,Menu menu) {
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href='@(de?menu.homeUrl_de:menu.homeUrl_en)'>
<img src='@(menu.iconUrl)' style="max-height:7vh; margin-top: -2vh;" >
</a>
</div>
</div>
</nav>
}