unserver-unify/src/components/common/gsx/header.html

<!--=== Header ===-->
<div ng-controller="LoginCtrl as ctrl">
  <!-- <div ng-controller="LoginCtrl as ctrl" style="background: #EAEAEA; position: relative; z-index: 1;">
 -->
  <div class="header gsx_header">
    <div class="container-fluid" id="header">
      <!-- Logo -->
      <a class="logo" id="bambooMainLogo" ng-class="{'wisdom_logo':loginService.subDomain=='wisdom'}" ng-if="!hideHeader" ui-sref="index.home">
        <title>
          {{currentDepartment.name||currentSchool.name}}
        </title>
        <img alt="Logo" class="logo_img" ng-src="{{ ctrl.logoUrl }}">
        </img>
      </a>
      <div class="topbar" ng-if="!hideHeader && loginService.subDomain!='wisdom'">
        <ul class="loginbar pull-right">
          <li class="languagesSelector top_gsx_language">
            <i class="fa fa-language">
            </i>
            <a href="javascript:void(0)" translate="">
              Languages
            </a>
            <span class="caret">
            </span>
            <ul class="languages">
              <li ng-class="{ 'active': currentLanguage === 'en_US' }">
                <a href="javascript:void(0)" ng-click="setLang('en_US')" title="{{ 'header.language.english' | translate }}">
                  <span id="en_US">
                    English
                  </span>
                  <i class="fa fa-check" ng-if="currentLanguage === 'en_US'">
                  </i>
                </a>
              </li>
              <li ng-class="{ 'active': currentLanguage === 'Chinese' }">
                <a href="javascript:void(0)" ng-click="setLang('Chinese')" title="{{ 'header.language.chinese' | translate }}">
                  <span id="en_US">
                    中文
                  </span>
                  <i class="fa fa-check" ng-if="currentLanguage === 'Chinese'">
                  </i>
                </a>
              </li>
            </ul>
          </li>
          <li class="topbar-devider top_gsx_language" ng-if="loginService.isLogged">
            <li ng-if="!loginService.isLogged">
              {{ 'Are you a member yet?' | translate }}
            </li>
            <li ng-if="!currentSchool.disableRegistration&& !loginService.isLogged &&loginService.school.homepage=='genx'">
              <span style="border-bottom: solid 1px rgba(2, 147, 71, 0.50)">
                <a href="javascript:void(0)" ng-click="openLoginDialog()" ng-if="!ctrl.loginService.isLogged">
                  {{ 'user.login' | translate }}
                </a>
              </span>
              <a>
                /
              </a>
              <span style="border-bottom: solid 1px rgba(2, 147, 71, 0.50)">
                <a translate="" ui-sref="index.setting.presignuppartner">
                  Sign Up
                </a>
              </span>
            </li>
          </li>
          <li ng-if="loginService.isLogged">
            <!-- <i class="fa fa-user">
            </i> -->
            <a href="admin/#/users/profile///info" ng-if=" loginService.user.grole=='admin'">
              {{ ctrl.loginService.user.fullname }}
            </a>
            <a href="admin/#/company/company" ng-if=" loginService.user.grole=='comadmin'">
              {{ ctrl.loginService.user.fullname }}
            </a>
            <a ng-if=" loginService.user.grole!='comadmin' && loginService.user.grole!='admin'" ui-sref="index.myspace.myprofile">
              {{ ctrl.loginService.user.fullname }}
            </a>
            <a ng-if="ctrl.unreadmsgs" ui-sref="index.myspace.messages">
              <span class="badge badge-danger rounded">
                {{ctrl.unreadmsgs}}
              </span>
            </a>
            <a ng-if="ctrl.tasks" style="position:relative; top:-8px; left:-2px;" tooltip-placement="right" ui-sref="index.myspace.tasks" uib-tooltip="Tasks">
              <span class="badge badge-orange rounded-3x">
                {{ctrl.tasks}}
              </span>
            </a>
          </li>
          <li class="topbar-devider" ng-if="loginService.isLogged && ((loginService.user.grole && loginService.user.grole!='user')||loginService.user.is_admin)">
          </li>
          <li class="admin_link" ng-if="loginService.isLogged && ((loginService.user.grole && loginService.user.grole!='user') || loginService.user.is_admin)">
            <a href="/admin">
              <span ng-if="loginService.user.grole == 'teacher'" translate="">
                Instructor Dashboard
              </span>
              <span ng-if="loginService.user.grole!='teacher'" translate="">
                Admin Dashboard
              </span>
            </a>
          </li>
          <li class="topbar-devider" ng-if="ctrl.loginService.isLogged">
          </li>
          <li>
            <a href="javascript:void(0)" ng-click="logoutMe()" ng-if="ctrl.loginService.isLogged" style="color:#E74C3C;">
              {{ 'Logout' | translate }}
            </a>
          </li>
        </ul>
      </div>
      <!-- End Topbar -->
      <!-- Toggle get grouped for better mobile display -->
      <button class="navbar-toggle" 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>
      <!-- End Toggle -->
    </div>
    <!--/end container-->
    <div ng-if="!hideHeader" ng-switch="loginService.subDomain">
      <div class="gsx_main_header" ng-switch-when="gsx">
        <div ng-include="'components/common/gsx/subheader.html'">
        </div>
      </div>
    </div>
    <!--/navbar-collapse-->
  </div>
  <div class="clearfix">
  </div>
  <!--=== End Header ===-->
  <!--   <div ncy-breadcrumb="" ng-if="(!hideHeader || currentSchool.courseTheme =='default' || !currentSchool.courseTheme) && loginService.school.homepage != 'greenlife'" ng-class="{'container-fluid':fullwidth,'container':!fullwidth, 'height_adjust':hideHeader}">
  </div> -->
  <!-- Start of HubSpot Embed Code -->
  <div ng-if="loginService.subDomain=='gsx'">
    <script async="" defer="" id="hs-script-loader" src="//js.hs-scripts.com/3019975.js" type="text/javascript">
    </script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-102091503-1', 'auto');
  ga('send', 'pageview');
    </script>
    <!-- Google Tag Manager -->
    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K2Z7XDW');
    </script>
    <!-- End Google Tag Manager -->
  </div>
  <!-- End of HubSpot Embed Code -->
</div>