Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/suryasankar/listree

A vanilla js package to convert a nested list into a tree menu
https://github.com/suryasankar/listree

Last synced: 2 months ago
JSON representation

A vanilla js package to convert a nested list into a tree menu

Host: GitHub
URL: https://github.com/suryasankar/listree
Owner: SuryaSankar
Created: 2020-10-26T17:12:10.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2021-03-15T07:08:35.000Z (almost 4 years ago)
Last Synced: 2024-10-31T12:50:20.510Z (2 months ago)
Language: JavaScript
Size: 110 KB
Stars: 13
Watchers: 2
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

A tiny package to easily create a tree menu.

### Example Usage

Include listree.min.css and listree.min.umd.js in the header and footer respectively. Make sure that the unordered list in the html has class-markers like below (Should be easy to generate via any server side templating language. ). Then just invoke `listree()`. It will scan the document for the class markers and convert the ul list into a tree

```html

LisTree

Metrics
- Daily Metrics
  - Daily Order Metrics
    - Categorywise Daily order metrics
      - Categorywise daily order count
      - Categorywise daily bookings
    - Storewise Daily order metrics
      - Storewise daily order count
  - Daily Invoice Metrics
    - Categorywise Daily invoice metrics
      - Categorywise daily invoice count
    - Storewise Daily invoice metrics
      - Storewise daily invoice count
      - Storewise daily revenue
- Monthly Metrics
  - Monthly Order Metrics
    - Categorywise Monthly order metrics
      - Categorywise monthly order count
    - Storewise Monthly order metrics
      - Storewise monthly order count

Settings
- Personal Settings
  - Password Settings
  - Viewing Preferences
- Org Settings
  - Teams
  - Billing

listree();