<div class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse collapse">
        <ul class="nav in" id="side-menu">
            <!--<sidebar-search></sidebar-search>-->
            <li>
                <a href=""  style="border:none; text-align:left;" class="btn btn-default" ng-click="showAbout=!showAbout"><i class="fa fa-question-circle"></i> Help</a>
            </li>
            <li>
                <a ui-sref="main.dashboard" ui-sref-active-if="main.dashboard"> Dashboard</a>
            </li>
            <li id="Explore" ng-class="{active: Explore}">
                <a href="" ng-click="Explore=!Explore">
                <!--<i class="fa fa-sitemap fa-fw"></i> -->
                Explore<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level" uib-collapse="!Explore">
                    <li>
                      <a ui-sref="main.explore" ui-sref-active-if="main.explore"> Explore risks </a>
                    </li>
                    <li>
                      <a target="_blank" href="http://www.pubmed.gov"> Search PubMed </a>
                    </li>
                    <!--<li>-->
                    <!--  <a ui-sref="main.mineLiterature" ui-sref-active-if="main.mineLiterature"> Mine literature </a>-->
                    <!--</li>-->
                </ul>
                
            </li>
            <li id="carreElements" ng-class="{active: carreElements}">
                <a href="" ng-click="carreElements=!carreElements">
                <!--<i class="fa fa-sitemap fa-fw"></i> -->
                CARRE elements<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level" uib-collapse="!carreElements">
                    <li>
                        <a ui-sref="main.risk_factors.list" ui-sref-active-if="main.risk_factors"> Risk Factors </a>
                    </li>
                    <li>
                        <a ui-sref="main.risk_evidences.list" ui-sref-active-if="main.risk_evidences"> Risk Evidences </a>
                    </li>
                    <li>
                        <a ui-sref="main.risk_elements.list" ui-sref-active-if="main.risk_elements"> Risk Elements </a>
                    </li>
                    <li>
                        <a ui-sref="main.observables.list" ui-sref-active-if="main.observables"> Observables </a>
                    </li>
                    <li>
                        <a ui-sref="main.citations.list" ui-sref-active-if="main.citations"> Citations </a>
                    </li>
                    <li>
                        <a ui-sref="main.measurement_types.list" ui-sref-active-if="main.measurement_types"> Measurement Types </a>
                    </li>
                </ul>
                
            </li>
            <li>
                <a ui-sref="main.medical_experts.list" ui-sref-active-if="main.medical_experts"> Medical experts </a>
            </li>
        </ul>
    </div>

    
    <!-- /.sidebar-collapse -->
    <div pageslide ps-size="{{slideWidth}}px" ps-open="showAbout" ps-side="right">
        <div class="row" style="padding:30px; padding-top:15px; padding-bottom:0; margin-bottom:0;">
            <a href="" ng-click="showAbout=!showAbout" class="btn btn-primary pull-left"><i class="fa fa-times fa-lg"></i></a>
        </div>
        <div class="row" style="padding:50px; margin-top:0; padding-top:0; overflow: auto; height: 90%;">            
            <div autoscroll ng-include src="'app/about/about.html'"></div>
        </div>
    </div>

</div>
