zuel-itsm-3.0.2/assets/views/partials/top-navbar3.html

<!-- start: TOP NAVBAR -->
<!-- start: NAVBAR HEADER -->
<div class="navbar-header">
    <a href="#" class="sidebar-mobile-toggler pull-left hidden-md hidden-lg" ng-click="toggle('sidebar')" class="btn btn-navbar sidebar-toggle">
        <i class="ti-align-justify"></i>
    </a>
    <a href="#" class="sidebar-toggler pull-right visible-md visible-lg" ng-click="app.layout.isSidebarClosed = !app.layout.isSidebarClosed;togle()">
        <i class="ti-align-justify"></i>
    </a>
    <a class="pull-rigth menu-toggler visible-xs-block" id="menu-toggler" ng-click="navbarCollapsed = !navbarCollapsed">
        <span class="sr-only">Toggle navigation</span>
        <i class="ti-view-grid"></i>
    </a>
    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard">
        <img ng-src="assets/images/login/logo_hk2.png" style="width:160px;height:35px" alt="{{app.name}}" /><span class="padding-left-10 padding-right-5"></span> <span class="fontsizes-16 padding-right-5">{{app.author}}</span>
    </a>
</div>
<!-- end: NAVBAR HEADER -->
<!-- start: NAVBAR COLLAPSE -->
<div class="navbar-collapse collapse" collapse="navbarCollapsed" ng-init="navbarCollapsed = true" off-click="navbarCollapsed = true" off-click-if='!navbarCollapsed' off-click-filter="#menu-toggler">
    <ul class="nav navbar-right" ct-fullheight="window" data-ct-fullheight-exclusion="header" data-ct-fullheight-if="isSmallDevice">
        <!-- start: MESSAGES DROPDOWN 
		<li class="dropdown" dropdown on-toggle="toggled(open)">
			<a href class="dropdown-toggle" dropdown-toggle>
				<span class="dot-badge partition-red"></span> <i class="ti-comment"></i> <span translate="topbar.messages.MAIN">MESSAGES</span>
			</a>
			<ul class="dropdown-menu dropdown-light dropdown-messages dropdown-large">
				<li>
					<span class="dropdown-header" translate="topbar.messages.HEADER"> Unread messages</span>
				</li>
				<li>
					<div class="drop-down-wrapper ps-container">
						<ul>
							<li class="unread">
								<a href="javascript:;" class="unread">
									<div class="clearfix">
										<div class="thread-image">
											<img src="./assets/images/avatar-2.jpg" alt="">
										</div>
										<div class="thread-content">
											<span class="author">Nicole Bell</span>
											<span class="preview">Duis mollis, est non commodo luctus, nisi erat porttitor ligula...</span>
											<span class="time"> Just Now</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:;" class="unread">
									<div class="clearfix">
										<div class="thread-image">
											<img src="./assets/images/avatar-3.jpg" alt="">
										</div>
										<div class="thread-content">
											<span class="author">Steven Thompson</span>
											<span class="preview">Duis mollis, est non commodo luctus, nisi erat porttitor ligula...</span>
											<span class="time">8 hrs</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:;">
									<div class="clearfix">
										<div class="thread-image">
											<img src="./assets/images/avatar-5.jpg" alt="">
										</div>
										<div class="thread-content">
											<span class="author">Kenneth Ross</span>
											<span class="preview">Duis mollis, est non commodo luctus, nisi erat porttitor ligula...</span>
											<span class="time">14 hrs</span>
										</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</li>
				<li class="view-all">
					<a href="#" translate="topbar.messages.SEEALL">
						See All
					</a>
				</li>
			</ul>
		</li>
		end: MESSAGES DROPDOWN -->
        <!-- start: ACTIVITIES DROPDOWN
		<li class="dropdown" dropdown on-toggle="toggled(open)">
			<a href class="dropdown-toggle" dropdown-toggle>
				<i class="ti-check-box"></i> <span translate="topbar.activities.MAIN">ACTIVITIES</span>
			</a>
			<ul class="dropdown-menu dropdown-light dropdown-messages dropdown-large">
				<li>
					<span class="dropdown-header" translate="topbar.activities.HEADER"> You have new notifications</span>
				</li>
				<li>
					<div class="drop-down-wrapper ps-container">
						<div class="list-group no-margin">
							<a class="media list-group-item" href="">
								<img class="img-circle" alt="..." src="assets/images/avatar-1.jpg">
								<span class="media-body block no-margin"> Use awesome animate.css <small class="block text-grey">10 minutes ago</small> </span>
							</a>
							<a class="media list-group-item" href="">
								<span class="media-body block no-margin"> 1.0 initial released <small class="block text-grey">1 hour ago</small> </span>
							</a>
						</div>
					</div>
				</li>
				<li class="view-all">
					<a href="#" translate="topbar.activities.SEEALL">
						See All
					</a>
				</li>
			</ul>
		</li>
		 <li class="dropdown" dropdown on-toggle="toggled(open)">
			<a href class="dropdown-toggle" dropdown-toggle>
				<i class="ti-world"></i> {{language.selected}}
			</a>
			<ul role="menu" class="dropdown-menu dropdown-light fadeInUpShort">
				<li ng-repeat="(localeId, langName) in language.available">
					<a ng-click="language.set(localeId, $event)" href="#" class="menu-toggler">
						{{langName}}
					</a>
				</li>
			</ul>
		</li>
		start: LANGUAGE SWITCHER -->
        <!-- start: USER OPTIONS DROPDOWN -->
        <li class="dropdown current-user" dropdown style="width:100px">
            <div>
                <!-- 来电  -->
                <div ng-if="!login" class="headercall">
                    <img src="assets/images/nologin.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round fontcolor-eight fontsizes-14">●</span><span class="fontcolor-eight fontsizes-14">未签入</span> </div>
                <div ng-if="login&&statuscall==2" class="headercall">
                    <img src="assets/images/comein.gif" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round comeincolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">来电</span> </div>
                <!--呼出  -->
                <!-- <img src="assets/images/m7.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==3"> -->
                <!-- 置忙  -->
                <div ng-if="login&&statuscall!=3&&statecall==2&&statuscall!=0" class="margin-top-15">
                    <img src="assets/images/setbusy.gif" ng-click="setidle();toggle('off-sidebar')" class="image-widthh-34"><span class="round setbusycolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示忙</span> </div>
                <!-- 签入  -->
                <div ng-if="login&&statuscall==1&&statecall==1&&login" class="margin-top-15">
                    <img src="assets/images/link.gif" ng-click="setbusy(1);toggle('off-sidebar')" class="image-widthh-34"><span class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span> </div>
                <!--摘机  -->
                <div ng-if="login&&statuscall==3" class="margin-top-15">
                    <img src="assets/images/connection.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round connectioncolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">通话中</span> </div>
                <!--挂机  -->
                <!-- <img src="assets/images/m22.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==7"> -->
            </div>
        </li>
        <li class="dropdown current-user" dropdown on-toggle="toggled(open)">
            <a href class="dropdown-toggle" dropdown-toggle>
                <img src="assets/images/avatar-1.jpg" alt="{{user.name}}" style="background-color:red"> <span class="username">{{user.name}} <i class="ti-angle-down"></i></i></span>
            </a>
            <ul class="dropdown-menu dropdown-dark">
                <!-- <li>
					<a ui-sref="app.pages.user" translate="topbar.user.PROFILE">
						My Profile
					</a>
				</li>
				<li>
					<a ui-sref="app.pages.calendar" translate="topbar.user.CALENDAR">
						My Calendar
					</a>
				</li>
				<li>
					<a ui-sref="app.pages.messages" translate="topbar.user.MESSAGES">
						My Messages (3)
					</a>
				</li> -->
                <!-- <li>
                    <a ng-click="changepassword()" translate="topbar.user.CHANGEPASSWORD" class="fontchangepas">
						changepassword
					</a>
                </li> -->
                <!-- <li>
					<a ui-sref="login.lockscreen" translate="topbar.user.LOCKSCREEN">
						Lock Screen
					</a>
				</li> -->
                <li>
                    <a ng-click="logout()" class="fontchangepas" translate="topbar.user.LOGOUT">
						Log Outs
					</a>
                </li>
            </ul>
        </li>
        <!-- end: USER OPTIONS DROPDOWN -->
    </ul>
    <!-- start: MENU TOGGLER FOR MOBILE DEVICES -->
    <!-- div class="close-handle visible-xs-block menu-toggler" ng-click="navbarCollapsed = true">
		<div class="arrow-left"></div>
		<div class="arrow-right"></div>
	</div> -->
    <!-- end: MENU TOGGLER FOR MOBILE DEVICES -->
</div>
<a class="dropdown-off-sidebar" ng-click="toggle('off-sidebar')">
	&nbsp;
</a>
<!-- end: NAVBAR COLLAPSE -->
<!-- start: TOP NAVBAR -->