unserver-unify/src/app/home/mobilesidebar.html

<!-- Collect the nav links, forms, and other content for toggling -->
<div ng-controller="LoginCtrl as ctrl">
<div class="side_header" ng-class="{ active : ctrl.showMobileSid, }">
<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <ul class="nav navbar-nav" >
            <li ng-if="ctrl.loginService.user != null&&currentSchool.mySpaceFlag" >
                <a ui-sref="index.myspace.activitySummary">
                    <i class="fa fa-user">&nbsp;</i>
                    <span >{{"My Space" | translate}}</span>
                </a>
            </li>
            <li ng-if="currentSchool.courseFlag">
                <a ui-sref="index.courses">
                    <i class="fa fa-book">&nbsp;</i>
                    <span translate="common.courses">Courses</span>
                </a>
            </li>
            <li class="dropdown"  ng-if="currentSchool.BBSFlag||currentSchool.forum">
                <a>
                    <i class="fa fa-rss">&nbsp;</i>
                    <span translate>Forums</span>
                </a>
                <ul class="dropdown-menu">
                    <li><a ui-sref="index.forums" ng-if="currentSchool.forum" translate>Course Based</a></li>
                    <li ><a ui-sref="index.bbs" ng-if="currentSchool.BBSFlag" translate>General</a></li>
                </ul>
            </li>
            <li class="dropdown" ng-if="currentSchool.blogFlag||currentSchool.newsFlag||currentSchool.eventFlag" >
                <a><i class="fa fa-th">&nbsp;</i><span translate="common.more">More</span></a>
                <ul class="dropdown-menu">
                    <li ng-if="currentSchool.newsFlag" ><a ui-sref="index.newses" translate>News</a></li>
                    <li ng-if="currentSchool.blogFlag"><a ui-sref="index.blogs" translate>Knowledge Zone</a></li>
                    <li ng-if="currentSchool.newsFlag" ><a ui-sref="index.announcements" translate>Announcements</a></li>
                    <li ng-if="currentSchool.eventFlag"><a ui-sref="index.events" translate>Events</a></li>
                </ul>
            </li>
            <li>
              <a ui-sref='index.survey'>
                <i class="fa fa-file-text-o"></i> {{ 'Survey' | translate }}
              </a>
            </li>
            <li>
              <!--a ng-if="loginService.subDomain=='wanhe'" href='/app/#/diction'-->
              <a href='/app/#/diction'>
                <i class="fa fa-font"></i> {{ 'Vocabulary' | translate }}
              </a>
            </li>
            <li>
                <a ui-sref="index.aboutus.contact" style="padding-right: 0px;"><i class="fa fa-phone">&nbsp;</i><span translate>Contact Us</span></a>
            </li>
            <li>
              <a ng-if="ctrl.loginService.isLogged" href="javascript:void(0)" ng-click="logoutMe()">
            <i class="fa fa-sign-out"></i> {{ 'Logout' | translate }}
          </a>
            </li>
        </ul>
    </div>
    <!--/end container-->
</div>
</div>
<!-- Toggle get grouped for better mobile display -->
<button type="button" class="navbar-toggle" ng-class="{ active : ctrl.showMobileSid, }" ng-click="ctrl.toggleSideBar()">
    <span class="sr-only">Toggle navigation</span>
    <span class="fa fa-bars"></span>
    <span class="fa fa-angle-left"></span>
</button>
<!-- End Toggle -->
<!--=== End Sidebar ===-->
<!--div ncy-breadcrumb ng-class="{'container-fluid':ctrl.fullwidth,'container':!ctrl.fullwidth, 'height_adjust':!showFullHeader}"></div-->

</div>
</div>

<!--
<script>
    $(document).ready(function () {
        $("#forumMenu").click(function () {
            angular.element('#header').scope().selectForum();
          
        });
    });
</script>
-->