Skip to content

Instantly share code, notes, and snippets.

@SuryaSankar

SuryaSankar/listree-umd.html

Created April 3, 2021 07:49
Show Gist options
  • Save SuryaSankar/3749db07aa37a2c8fda3d3321d79d715 to your computer and use it in GitHub Desktop.
Save SuryaSankar/3749db07aa37a2c8fda3d3321d79d715 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
listree-umd.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./node_modules/listree/dist/listree.min.css"/>
<title>Listree Example</title>
</head>
<body>
<ul class="listree">
<li>
<div class="listree-submenu-heading">Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Daily Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Daily Order Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Categorywise Daily order metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Categorywise daily order count</a>
</li>
<li>
<a href="">Categorywise daily bookings</a>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Storewise Daily order metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Storewise daily order count</a>
</li>
<li>
<a href="">Storewise daily bookings</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Daily Invoice Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Categorywise Daily invoice metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Categorywise daily invoice count</a>
</li>
<li>
<a href="">Categorywise daily revenue</a>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Storewise Daily invoice metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Storewise daily invoice count</a>
</li>
<li>
<a href="">Storewise daily revenue</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Monthly Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Monthly Order Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Categorywise Monthly order metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Categorywise monthly order count</a>
</li>
<li>
<a href="">Categorywise monthly bookings</a>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Storewise Monthly order metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Storewise monthly order count</a>
</li>
<li>
<a href="">Storewise monthly bookings</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Monthly Invoice Metrics</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Categorywise Monthly invoice metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Categorywise monthly invoice count</a>
</li>
<li>
<a href="">Categorywise monthly revenue</a>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Storewise Monthly invoice metrics</div>
<ul class="listree-submenu-items">
<li>
<a href="">Storewise monthly invoice count</a>
</li>
<li>
<a href="">Storewise monthly revenue</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Settings</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Personal Settings</div>
<ul class="listree-submenu-items">
<li><a href="">Password Settings</a></li>
<li><a href="">Viewing Preferences</a></li>
</ul>
</li>
<li>
<div class="listree-submenu-heading">Org Settings</div>
<ul class="listree-submenu-items">
<li><a href="">Teams</a></li>
<li><a href="">Billing</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<script src="./node_modules/listree/dist/listree.umd.min.js"></script>
<script>
listree();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment