[WIP] feat: update sidenav with subheaders

shanmukhateja · shanmukhateja · commit 11273b4dbbde · 2022-12-28T11:25:28.000+05:30
diff --git a/demo/TODO b/demo/TODO
@@ -0,0 +1,2 @@
+AJAX callback example
+Server-side example
diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html
@@ -35,16 +35,21 @@ <h3>
                 </tbody>
             </table>
         </li>
+        <li><div class="divider"></div></li>
+        <li><a class="subheader">Getting Started</a></li>
         <li class="bold">
             <a routerLink="/getting-started" class="waves-effect waves-teal">Installation</a>
         </li>
         <li class="bold">
           <a routerLink="/basic/with-ajax" class="waves-effect waves-teal">Quickstart</a>
         </li>
+        <li><div class="divider"></div></li>
+        <li><a class="subheader">Usage</a></li>
+
         <li class="no-padding">
             <ul class="collapsible collapsible-accordion">
                 <li class="bold">
-                    <a class="collapsible-header waves-effect waves-teal">Usage</a>
+                    <a class="collapsible-header waves-effect waves-teal">Basic Examples</a>
                     <div class="collapsible-body">
                         <ul>
                             <li>
@@ -53,6 +58,9 @@ <h3>
                             <li>
                                 <a routerLink="/basic/with-options">With options</a>
                             </li>
+                            <li>
+                              <a routerLink="/advanced/dt-instance">Fetching DataTable instances</a>
+                            </li>
                         </ul>
                     </div>
                 </li>
@@ -63,9 +71,6 @@ <h3>
                             <li>
                                 <a routerLink="/advanced/custom-range-search">Custom filtering - Range search</a>
                             </li>
-                            <li>
-                                <a routerLink="/advanced/dt-instance">Fetching DataTable instances</a>
-                            </li>
                             <li>
                                 <a routerLink="/advanced/individual-column-filtering">Individual column filtering</a>
                             </li>
@@ -93,6 +98,8 @@ <h3>
                         </ul>
                     </div>
                 </li>
+                <li><div class="divider"></div></li>
+                <li><a class="subheader">Support</a></li>
                 <li class="bold">
                     <a class="collapsible-header waves-effect waves-teal">DT extensions</a>
                     <div class="collapsible-body">
@@ -113,7 +120,12 @@ <h3>
                     </div>
                 </li>
                 <li class="bold">
-                    <a class="collapsible-header waves-effect waves-white">Deprecated <span class="new badge red" data-badge-caption="">NOT SUPPORTED</span></a>
+                  <a routerLink="/faq" class="waves-effect waves-teal">FAQ</a>
+                </li>
+                <li><div class="divider"></div></li>
+                <li><a class="subheader">Deprecations</a></li>
+                <li class="bold">
+                    <a class="collapsible-header waves-effect waves-white">Legacy <span class="new badge red" data-badge-caption="">NOT SUPPORTED</span></a>
                     <div class="collapsible-body">
                         <ul>
                           <li>
@@ -127,9 +139,6 @@ <h3>
                 </li>
             </ul>
         </li>
-        <li class="bold">
-          <a routerLink="/faq" class="waves-effect waves-teal">FAQ</a>
-        </li>
     </ul>
 </header>
 

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+AJAX callback example`
	`2`	`+Server-side example`