Difference between revisions of "MediaWiki:Menu.rythm"

From BITPlan Wiki
Jump to navigation Jump to search
Line 11: Line 11:
 
  // a menu
 
  // a menu
 
  class Menu {
 
  class Menu {
 
+
    String homeUrl;
 +
    String iconUrl;
 +
 
 +
    public Menu(String homeUrl,String iconUrl) {
 +
      this.homeUrl=homeUrl;
 +
      this.iconUrl=iconUrl;
 +
    }
 
  }
 
  }
 +
 +
  class MenuItem {
 +
  }
 
}
 
}
 
@def showMenu(Menu menu) {
 
@def showMenu(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='@(menu.homeUrl)'>
 +
      <img src='@(menu.iconUrl)' style="max-height:7vh; margin-top: -2vh;" >
 +
    </a>
 +
    </div>
 +
  </div>
 +
</nav>
 
}
 
}
 
</source>
 
</source>
 
[[Category:RythmTemplate]]
 
[[Category:RythmTemplate]]

Revision as of 09:27, 9 November 2017

Links

Rythm template source

@// Rythm template for Bootstrap menu
@// field definitions
@def static {
 // a menu
 class Menu {
    String homeUrl;
    String iconUrl;

    public Menu(String homeUrl,String iconUrl) {
       this.homeUrl=homeUrl;
       this.iconUrl=iconUrl;
    }
 }

  class MenuItem {
  }
}
@def showMenu(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='@(menu.homeUrl)'>
       <img src='@(menu.iconUrl)' style="max-height:7vh; margin-top: -2vh;" >
     </a>
    </div>
  </div>
</nav> 
}