I am currently using the INSPINIA administrative theme and have a question that extends from a previous one regarding installing bootstrap 4 template on an Ember web project.
My query is related to getting CSS animations to work properly in Ember.
I am trying to implement a collapsible sidebar navigation menu (you can view the INSPINIA link here). Currently, I am facing an issue where the arrow is missing and the menu only shows up in expanded form within the
<ul class="nav nav-second-level">...</ul>Upon examining the sample projects and the 'View Source' page, it seems that INSPINIA makes use of various add-ons. My question is, do I need to install all of these add-ons, or is jQuery sufficient for this purpose?
Below is the code snippet from the handlebar file in question:
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav metismenu" id="side-menu">
{{#if session.isAuthenticated}}
<li class="active"><a href="#"><i class="fa fa-th-large"></i> <span class="nav-label">Client</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li><a href="#">Update Information</a></li>
<li>{{#link-to "clients.change-password"}}Change Password{{/link-to}}</li>
<li><a href="#" onclick={{action "logout"}}>Logout</a></li>
</ul>
</li>
{{else}}
<li>{{#link-to "clients.login"}}Login{{/link-to}}</li>
<li>{{#link-to "clients.register"}}Register{{/link-to}}</li>
{{/if}}
<li>{{#link-to "misc.about"}}About{{/link-to}}</li>
<li>{{#link-to "misc.contactus"}}Contact Us{{/link-to}}</li>
</ul>
</div>
</nav>