unserver-unify/src/components/common/mobiletopheader.html

<!--=== Header ===-->
<div ng-controller="LoginCtrl as ctrl">
  <title>{{currentSchool.name}}</title>
  <div class="header fixed_header" ng-if="!hideHeader" >
    <div id="header" class="container"  ng-class="{'header_arrow_aln':ctrl.fullwidth}">
      <!-- <button ng-if="ctrl.loginService.isLogged && !showMobileLogo" type="button" ng-click="doTheBack()" class="navbar-back" >
        <span class="fa fa-angle-left"></span>
      </button> -->
      <button ng-if="!showMobileLogo" type="button" ng-click="doTheBack()" class="navbar-back" >
        <span class="fa fa-angle-left"></span>
      </button>
      <!-- Logo -->  
      <a class="logo" id="bambooMainLogo" ui-sref="index.home"  ng-if="ctrl.loginService.isLogged && showMobileLogo">
        <title>{{currentSchool.name}}</title>
        <span class="helper"></span>
        <img ng-src="{{ ctrl.logoUrl }}" alt="Logo" style="max-height:50px;">
      </a>

      <a class="logo mbl_title" ng-class="{'logo_width':!showMobileLogo}" id="bambooMainLogo" ui-sref="index.advertise" style="margin-left:35px;" ng-if="!ctrl.loginService.isLogged && !showMobileLogo">
        <title>{{currentSchool.name}}</title>
        <!-- <span class="helper"></span> -->
        <!-- <img ng-src="{{ ctrl.logoUrl }}" alt="Logo" style="max-height:50px;"> -->
        <span ncy-breadcrumb></span>
      </a>
      <a class="logo mbl_title" ng-class="{'logo_width':!showMobileLogo}" id="bambooMainLogo" ui-sref="index.advertise" style="margin-left:0px;" ng-if="!ctrl.loginService.isLogged && showMobileLogo">
        <title>{{currentSchool.name}}</title>
         <span class="helper"></span> 
        <img ng-src="{{ ctrl.logoUrl }}" alt="Logo" style="max-height:50px;">  
      </a>

      <a class="logo mbl_title" ng-class="{'logo_width':!showMobileLogo}" id="mySpaceLogo" style="margin-left:35px;" ng-if="ctrl.loginService.isLogged && !showMobileLogo">
        <title>{{currentSchool.name}}</title>
        <span ncy-breadcrumb></span>
      </a>
      <!-- End Logo -->


      <!-- Topbar -->
      <div class="topbar" ng-class="{'loggedin_topbar':!showMobileLogo}">
        <ul class="loginbar pull-right">
          <li class="home_logo">
            <a ng-if="ctrl.loginService.isLogged && !showMobileLogo &&!hideHome">
              <i class="fa fa-home" ui-sref="index.home"></i>
            </a>
          </li>
          <li ng-if="showMobileLogo && currentLanguage!='en_US' && (loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys')">
            <a href="javascript:void(0)" ng-click="setLang('en_US')" title="{{ 'header.language.english' | translate }}">
              <img src="/assets/images/en.png"/>
            </a>
          </li>
          <li ng-if="showMobileLogo && currentLanguage!='Chinese' && (loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys')">
            <a href="javascript:void(0)" ng-click="setLang('Chinese')" title="{{ 'header.language.chinese' | translate }}">
              <img src="/assets/images/cn.png"/>
            </a>
          </li>
          <li ng-if="showMobileLogo && (loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys' && loginService.subDomain != 'poiz')">
            <a  ui-sref="index.help" translate><i class="fa fa-question-circle"></i></a>
          </li>
          <li ng-if="(ctrl.loginService.isLogged && showMobileLogo) || !ctrl.loginService.isLogged">
            <a ng-if="ctrl.loginService.isLogged" href="javascript:void(0)" ng-click="logoutMe()">
              <i class="fa fa-sign-out" style="color:#e74c3c"></i>
            </a>
            <a ng-if="!ctrl.loginService.isLogged && loginService.subDomain != 'sgpower'" href="javascript:void(0)" ui-sref="index.mobile.login"><i class="fa fa-sign-in" style="color:#72c02c"></i></a>
            <a ng-if="!ctrl.loginService.isLogged && loginService.subDomain == 'sgpower'" href="javascript:void(0)" ui-sref="index.sglogin"><i class="fa fa-sign-in" style="color:#72c02c"></i></a>
          </li>
          <li ng-if="(loginService.subDomain == 'wdbamboo' || loginService.subDomain == 'bamboosys' || loginService.subDomain == 'poiz') && mobileView">
            <button class="navbar-toggle wd_menu" data-target=".navbar-responsive-collapse" data-toggle="collapse" ng-if="!hideHeader" type="button"><span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span></button>
            <div class="wd_mobile_header" ng-if="loginService.subDomain != 'poiz'" ng-include="'components/common/subheader_wd.html'"></div>
            <div class="wd_mobile_header" ng-if="loginService.subDomain == 'poiz'" ng-include="'components/common/subheader_poiz.html'"></div>
          </li>
        </ul>
      </div>
      <!-- End Topbar -->
    </div>
    <!--/end container-->

    <!--/navbar-collapse-->
    <div class="clearfix"></div>
  </div>
</div>